.breadcrumb,
#header.menu-side .social-icons .social-label,
#header.menu-side .social-icons .social-icon .fa-brands,
.scrolldown,
#extraMenu,
#menu-search,
.page-menu-list,
#wrapper .modeldetail #modelhashnav,
.menu-link-arrow,
.afterMenu,
.social-name,
.menu-agency-switch{
    display: none;
}
#languages{
    position: absolute; top: 100px; left: 26.5px!important; width: 60px; height: 22px; background: none!important;
    padding: 0px!important;
    display: none;
}
#theBody.menuactive #languages{
    display: block;
}
#languages a{
    color: #000; line-height: 22px; text-transform: uppercase; font-size: 16px; background: none!important; margin: 0px 5px;
    font-family: Head; padding: 0px; margin: 0px; float: right; position: relative; width: auto;
}
#languages a:nth-of-type(1)::after{
    display: block; content: '|'; position: relative; margin: 0px; float: left; color: #000000; margin-top: -1px; margin-left: 4px; margin-right: 4px;
    font-family: Regular; 
    color: #76797a;
}
#languages a.active{
    color: #76797a; text-decoration: none;
}
body {
    overflow-x: hidden;
    font-family: Regular; background: #ffffff;
    font-size: 18px;
}


@media(min-width:768px) {
    #languages{
        top: 26px; left: auto!important; right: 90px!important;
        display: block;
    }
}

@media(min-width:1280px) {
    #languages{
        right: 140px!important;
    }
}
@media(min-width:1920px) {
    #languages{
        right: calc(50vw - 790px)!important    ;
    }
}
@media(max-width:700px) {
    .page-block-txt p, .page-block-txt ul{
        font-size: 1em;
    }
}
@media(min-width:1280px) {
    #theBody{
        font-size: 18px;
    }
}
@media (min-width:1920px){
    #theBody {
        font-size: 18px;
    }
    #wrapper{
        padding-left: calc(50% - 930px);
    }
    #wrappercontent {
        width: 1860px;
    }
}
h1,h2,h3,h4,h5 {
    font-family: Head;
    /*font-weight: 700;*/ text-transform: uppercase;
}
.logo{
    justify-content: flex-start; padding: 15px 15px;
    z-index: 1000; max-width: 400px; pointer-events: none;
}
.logo a{
    pointer-events: all;
}
.logo svg, .logo img{
    max-height: 80px;
    max-width: 220px;
}

.menuactive .logo{
    padding: 30px 30px;
}

#header{
    padding: 0px; margin: 0px; height: 80px;
}
#mainsection{
    margin-top: 80px;
}
#header .container{
    max-width: none;
}
.menu-default #mainsection, .menu-centered #mainsection{
    margin: 100px 0px 0px 0px;
}

.page-block{
    padding: 0px 30px 0px 30px; margin: 0px 0px 45px 0px;
}
.light.page-block{
    padding: 45px 85px 45px 30px;
}

.page-block-name h1, .page-block-ttl h2{
    text-transform: uppercase; margin-bottom: 15px; font-family: Black;
    letter-spacing: 2px; font-size: 1.2em;
}
.page-block .page-block-txt h2{
    text-transform: uppercase; margin-top: 40px; margin-bottom: 25px; font-family: Black;
    letter-spacing: 2px; font-size: 1.2em;
}
.page-block .page-block-caption .page-block-ttl h2 span.prt2, h1 span.prt2 {
    /*font-family: 'Montserrat', sans-serif!important;
    font-weight: 300;
    font-style: italic;
    font-size: 34px;
    line-height: 38px!important;*/
}
.page-block-link.basic-page-block-link{
    margin: 15px 0px 15px 0px;
}

.page-block-txt p a{
    text-decoration: none; font-family: Black;
}

@media (min-width: 768px){
    .page-block{
        padding: 0px 45px 0px 45px; margin: 0px 0px 45px 0px;
    }
    .light.page-block{
        padding: 45px 45px 45px 45px;
    }
}

@media (min-width: 991px){
    .page-block-name h1, .page-block-ttl h2 {
        font-size: 1.6em;
    }
    .page-block .page-block-txt h2{
        font-size: 1.6em;
    }
    
    .page-block-intro p, .page-block-intro ul {
        font-size: 1.2em;
        line-height: 1.4em;
    }
    .page-block-txt p, .page-block-txt ul{
        line-height: 1.6em;
    }
}

@media (min-width:1200px){
    .page-block{
        padding: 0px 75px 0px 75px; margin: 0px 0px 75px 0px;
    }
    .light.page-block{
        padding: 60px 75px 60px 75px;
    }
    .page-block-link.basic-page-block-link {
        margin: 15px 0px;
    }
}

@media (min-width: 1440px){
    .page-block{
        padding: 0px 120px 0px 120px;
    }
    .light.page-block{
        padding: 90px 120px 90px 120px;
    }
}
@media (min-width: 1600px){
    .page-block{
        padding: 0px 180px 0px 180px;
    }
    .light.page-block{
        padding: 90px 180px 90px 180px;
    }
}

.mainmenu{
    margin-top: 0px; background: #f6f6f6; height: calc(100vh); width: 0px; max-width: calc(100vw - 75px); max-height: none;
    box-shadow: 0px 0 0px 0px #000000;
    -webkit-transition: all 1.0s ease;
    -moz-transition: all 1.0s ease;
    -o-transition: all 1.0s ease;
    transition: all 1.0s ease;
}
.menuactive .mainmenu{
    box-shadow: 3px 0 5px -2px #000000;
}
.mainmenu #theMain{
    position: absolute; top: 0px; left: 0px; height: 100%; width: 100%;
}
.mainmenu .navbar-nav{
    position: absolute; top: 0px; left: 0px; height: calc(100% - 200px); justify-content: flex-end; align-content: flex-start; align-items: flex-start; display: flex; margin-top: 140px; max-height: none; padding: 0px;
}
.mainmenu ul.navbar-nav li{
    text-align: left; margin: 0px;
}
.mainmenu ul.navbar-nav li.menu-link{
    margin-top: 8px;
}
.mainmenu ul.navbar-nav li.menu-link.childmenu{
    margin-top: 5px; padding-left: 30px;
}
.navbar-nav li a,
.navbar-nav li.active a.menu-link{
    font-family: Head; /*font-weight: 700;*/
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 0.9em;
}
.navbar-nav li.childmenu a{
    text-transform: none; padding-left: 30px;
    font-family: Regular;
}
.navbar-nav li.childmenu.active a{
    text-transform:none;
}
.navbar-nav li.active a.menu-link{
    background: none;
    color: #be8900;
}
.navbar-nav li a:hover{
    color: #000000;
}

.page-block.parking{
    display: none!important;
}

@media (min-width: 768px){
    #header.menu-default, #header.menu-centered{
        height: 120px;
    }
    .logo{
        padding-left: 30px;
    }
    .logo svg, .logo img{
        max-height: 80px;
        max-width: 240px;
    }
    .menu-default .navbar-toggle, .menu-centered .navbar-toggle{
        pointer-events: all;
    }
    
    .menu-default .mainmenu .navbar-nav, .menu-centered .mainmenu .navbar-nav{
        margin: 87px 0px 0px 0px; padding: 0px 100px 0px 0px;
    }
    
    .menu-default #mainsection, .menu-centered #mainsection{
        margin: 120px 0px 0px 0px;
    }
    
}

@media (max-width: 990px){
    #header{
        height: 70px;
    }
    #mainsection{
        margin-top: 70px;
    }
}

@media (min-width: 991px){
    #header.menu-default, #header.menu-centered{
        height: 120px;
    }
    .logo{
        justify-content: flex-start; align-content: center; align-items: center; padding: 15px 15px 15px 30px;
    }
    .menuactive .logo{
        padding: 25px  15px 25px 45px;
    }
    .logo svg, .logo img{
        max-height: 120px;
        max-width: 260px;
    }
    .menu-default #mainsection, .menu-centered #mainsection{
        margin: 120px 0px 0px 0px;
    }
    .menu-default .mainmenu .navbar-nav, .menu-centered .mainmenu .navbar-nav{
        margin: 60px 0px 0px 0px; padding: 0px 100px 0px 0px;
    }
    .menu-default .navbar-nav li a, .menu-centered .navbar-nav li a{
        font-size: 14px;
    }
    .mainmenu .navbar-nav{
        padding-left: 15px;
    }
    
    
}

@media (max-height: 680px) and (min-width: 768px){
    .mainmenu .navbar-nav{
        overflow-y: scroll;
    }
}
@media (max-height: 710px){
    .mainmenu .navbar-nav{
        margin-top: 120px; height: calc(100vh - 120px);
    }
}
@media (min-width: 991px) and (min-height: 800px){
    .mainmenu ul.navbar-nav li.menu-link{
        margin-top: 25px;
    }
}

@media (min-width: 991px) and (min-height: 900px){
    .mainmenu ul.navbar-nav li.menu-link{
        margin-top: 35px;
    }
}

@media (min-width:1280px){
    .page-block .content-link, .page-block .page-block-link{
        padding: 0px 0px 30px 0px;
    }
    #header.menu-hamburger .logo{
        padding-left: 75px;
    }
    #header.menu-hamburger .mainmenu .navbar-nav{
        padding-left: 65px;
    }
    .menu-default .mainmenu .navbar-nav, .menu-centered .mainmenu .navbar-nav{
        margin: 60px 0px 0px 0px; padding: 0px 140px 0px 0px;
    }
    .menu-default .navbar-nav li a, .menu-centered .navbar-nav li a{
        font-size: 14px; padding: 10px 30px;
    }
}

@media (min-width: 1440px){
    #header.menu-default .logo{
        padding-left: 120px;
    }
}
@media (min-width: 1600px){
    #header.menu-default .logo{
        padding-left: 180px;
    }
}
@media (min-width:1920px){
    #header.menu-hamburger .logo{
        padding-left: calc((50% - 930px) + 65px); max-width: 50vw;
    }
    .menu-default .mainmenu .navbar-nav, .menu-centered .mainmenu .navbar-nav{
        padding-right: calc((50% - 930px) + 150px);
    }
    .menuactive .mainmenu{
        width: calc((50% - 960px) + 600px)!important;
    }
    #header.menu-hamburger .mainmenu .navbar-nav{
        padding-left:  calc((50vw - 960px) + 80px);
    }
    .menu-hamburger .mainmenu .navbar-nav li a{
        /*font-size: 1.2em;*/
    }
}


.page-block.list-click-detail.slideshow{
    padding: 0px; height: calc(50vh);
    min-height: 400px;
}
.page-block.list-click-detail.slideshow .page-block-caption,
.page-block.list-click-detail.slideshow .page-block-module{
    padding: 0px;
}
.page-block.list-click-detail.slideshow .page-block-ttl{
    display: none;
}
.page-block.list-click-detail.slideshow .carousel{
    pointer-events: none;
}
.page-block.list-click-detail.slideshow .carousel .carousel-inner{
    padding: 0px;
}
.page-block.list-click-detail.slideshow .page-block-module .carouselState{
    display: none;
}
.page-block.slideshow .page-block-module .carousel-indicators{
    pointer-events: all; position: absolute; top: 100%; bottom: auto; margin-top: -30px;
}
.page-block.list-click-detail.slideshow .page-block-module .carousel-control-prev,
.page-block.list-click-detail.slideshow .page-block-module .carousel-control-next{
    display: none;
}

.page-block.list-click-detail.slideshow .carousel .carousel-item .block{
    padding: 0px; border: 0px; max-width: 100%;
}
.page-block.list-click-detail.slideshow .carousel .carousel-item .block .block-image{
    height: calc((100vh - 100px)/2);
    min-height: 300px;
    height: calc(50vh);
    min-height: 400px;
}
.page-block.list-click-detail.slideshow .carousel .carousel-item .block .block-image img{
    width: 100%; height: 100%; object-fit: cover;
}
.page-block.list-click-detail.slideshow .carousel .carousel-item .block .block-caption{
    padding: 30px 30px 30px 30px;  height: auto; align-content: center; align-items: center;
    position: absolute; bottom: 30px; left: 0px; top: auto;
}
.page-block.list-click-detail.slideshow .carousel .carousel-item .block .block-caption .block-ttl{
    display: none;
}
.page-block.list-click-detail.slideshow .carousel .carousel-item .block .block-caption .block-txt{
    padding: 0px;
}
.page-block.list-click-detail.slideshow .carousel .carousel-item .block .block-caption .block-txt p{
    /*font-weight: 700;*/ text-transform: uppercase; font-size: 24px; font-family: Head; margin: 0px;
    text-shadow: 1px 1px 2px #000000; line-height: 1.3em;
}
.page-block.list-click-detail.slideshow .carousel .carousel-item .block .block-btns{
    padding: 15px 15px 15px 45px;
}
.page-block.list-click-detail.slideshow .carousel .carousel-item .block .block-btns{
    padding: 15px 15px 15px 45px; pointer-events: all;
}

.page-block.gallery.slideshow .page-block-module .carousel-indicators{
    padding: 0px; justify-content: center; background: none;
    pointer-events: all; display: none;
}
.page-block.slideshow .page-block-module .carousel-indicators li{
    border: 0px; width: 8px; height: 8px; border-radius: 50%; margin: 10px 3px; background: #ffffff; opacity: 1;
    filter: drop-shadow(3px 3px 4px #000000); text-indent: -20000px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.page-block.slideshow .page-block-module .carousel-indicators li.active{
    background: #be8900;
    filter: drop-shadow(1px 1px 2px #000000); 
    
    
  -webkit-animation: pulsssate 1s ease-out;
          animation: pulsssate 1s ease-out;
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
    
}


@-webkit-keyframes pulsssate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
            transform: scale(0.1, 0.1);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  70% {
    -webkit-transform: scale(1.2, 1.2);
            transform: scale(1.2, 1.2);
    opacity: 0.4;
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 1;
  }
}


@media (min-width: 600px){
    .page-block.list-click-detail.slideshow .carousel .carousel-item .block .block-caption .block-txt p{
        /*font-size: 30px; line-height: 1em;*/
    }
}
@media (min-width: 768px){
    .page-block.list-click-detail.slideshow{
       height: 56.25vw;
    }
    .page-block.list-click-detail.slideshow .carousel .carousel-item .block .block-caption{
        width: 50%; padding: 30px 0px 30px 30px;
    }
    .page-block.list-click-detail.slideshow .carousel .carousel-item .block .block-image{
        height: 56.25vw; /*max-height: calc(100vh  - 100px);*/
    }
    /*.page-block.list-click-detail.slideshow .carousel .carousel-item .block .block-image{
        height: 600px; width: 50%; order: 2;
    }
    .page-block.slideshow .page-block-module .carousel-indicators{
        top:100%; margin-left: 50%; margin-right: 0px;
    }*/
}
@media (min-width: 1280px){
    .page-block.list-click-detail.slideshow{
    }
    .page-block.list-click-detail.slideshow .carousel .carousel-item .block .block-image{
    }
    .page-block.list-click-detail.slideshow .carousel .carousel-item .block .block-caption{
        padding-left: 75px; bottom: 60px;
    }
    .page-block.list-click-detail.slideshow .carousel .carousel-item .block .block-caption .block-txt p{
        font-size: 30px;
    }
    .page-block.list-click-detail.slideshow .carousel .carousel-item .block .block-btns{
    }
    .page-block.slideshow .page-block-module .carousel-indicators{
        margin-top: -45px;
    }
    .page-block.slideshow .page-block-module .carousel-indicators li{
        margin: 10px 6px; width: 12px; height: 12px;
    }
}
@media (min-width: 1440px){
    .page-block.list-click-detail.slideshow .carousel .carousel-item .block .block-caption{
    }
    .page-block.list-click-detail.slideshow .carousel .carousel-item .block .block-caption .block-txt p{
        font-size: 36px;
    }
    .page-block.list-click-detail.slideshow .carousel .carousel-item .block .block-btns{
    }
}
@media (min-width: 1600px){
    .page-block.list-click-detail.slideshow,
    .page-block.list-click-detail.slideshow .carousel .carousel-item .block .block-image{
       
    }
    .page-block.list-click-detail.slideshow .carousel .carousel-item .block .block-caption{
    }
    .page-block.list-click-detail.slideshow .carousel .carousel-item .block .block-caption .block-txt p{
        font-size: 40px;
    }
    .page-block.list-click-detail.slideshow .carousel .carousel-item .block .block-btns{
    }
}

@media (min-width: 1920px){
    .page-block.list-click-detail.slideshow,
    .page-block.list-click-detail.slideshow .carousel .carousel-item .block .block-image{
       height: 1080px; max-height: calc(100vh  - 100px);
    }
}


#pageBlock1{
    margin: 15px 0px 45px 0px;
}


.page-block.gallery.slideshow{
    padding: 0px 30px 0px 30px; max-width: 600px;
}
.page-block.gallery.slideshow .page-block-caption{
    padding: 0px;
}
.page-block.gallery.slideshow .page-block-caption div{
    order: 2;
}
.page-block.gallery.slideshow .page-block-caption .page-block-module{
    padding: 0px; order: 1;
}
.page-block.gallery.slideshow .carousel,
.page-block.gallery.slideshow .carousel .carousel-inner{
    height: auto; width: 100%;
    pointer-events: none;
}
.page-block.gallery.slideshow .page-block-module .carouselState{
    display: none;
}
.page-block.gallery.slideshow .carousel .carousel-item .carousel-caption{
    display: none;
}
.page-block.gallery.slideshow .page-block-module .carousel-control-prev,
.page-block.gallery.slideshow .page-block-module .carousel-control-next{
    display: none;
}

.page-block.gallery.slideshow .page-block-caption .page-block-ttl,
.page-block.gallery.slideshow .page-block-caption .page-block-intro,
.page-block.gallery.slideshow .page-block-caption .page-block-txt,
.page-block.gallery.slideshow .page-block-caption .page-block-link{
    padding: 0px 0px;
}
.page-block.gallery.slideshow .page-block-caption .page-block-ttl h2{
    font-size: 1.2em; margin: 30px 0px 15px 0px;
}
.page-block.gallery.slideshow .page-block-caption .page-block-intro p{
    /*font-weight: 700;*/ font-family: Head;
}
#theBody.home .page-block .page-block-caption .page-block-link .btn-primary,
.page-block.gallery.slideshow .page-block-caption .page-block-link .btn-primary{
    background: none; padding: 0px; color: #000000;
}
#theBody.home .page-block .page-block-caption .page-block-link .btn-primary::before,
.page-block.gallery.slideshow .page-block-caption .page-block-link .btn-primary::before{
    display: none;
}
#theBody.home .page-block .page-block-caption .page-block-link .btn-primary span,
.page-block.gallery.slideshow .page-block-caption .page-block-link .btn-primary span{
    color: #000000;
}

@media (min-width: 700px) and (max-width: 991px){
.page-block.gallery.slideshow{
    min-height: calc(1.3 * (100vw - 120px)/2); max-width: none;
    align-content: stretch; align-items: stretch;
}
.page-block.gallery.slideshow .page-block-caption{
    align-content: center; align-items: center;
}
.page-block.gallery.slideshow .page-block-caption .page-block-module{
    width: 50%; position: absolute; height: 100%; overflow: hidden;
}
.page-block.gallery.slideshow .carousel,
.page-block.gallery.slideshow .carousel .carousel-inner{
    height: 100%; width: 100%;
}
.page-block.gallery.slideshow .carousel .carousel-item img{
    object-fit: cover; object-position: center center;
}
.page-block.gallery.slideshow .page-block-caption .page-block-ttl,
.page-block.gallery.slideshow .page-block-caption .page-block-intro,
.page-block.gallery.slideshow .page-block-caption .page-block-txt,
.page-block.gallery.slideshow .page-block-caption .page-block-link{
    width: 50%; margin-left: 50%; padding-left: 30px;
}
.page-block.gallery.slideshow .page-block-caption .page-block-ttl{
    margin-top: 45px;
}
.page-block.gallery.slideshow .page-block-caption .page-block-link{
    margin-bottom: 75px;
}
}

@media (min-width: 768px) and (max-width: 991px){
.page-block.gallery.slideshow{
    padding: 0px 45px;
}
}
@media (min-width: 991px){
    .page-block.gallery.slideshow{
        width: calc(((100%)/2)); padding: 0px 15px 0px 15px;
        margin-left: 0px;
    }
    .page-block.gallery.slideshow .page-block-caption .page-block-module{
        height: 380px; overflow: hidden;
    }
    .page-block.gallery.slideshow .carousel .carousel-inner{
        height: 100%;
    }
    .page-block.gallery.slideshow .carousel .carousel-item img{
        width: 100%; height: 100%; object-fit: cover; object-position: center center;
    }
    #theBody.home #living,
    #theBody.home #wonen,
    #theBody.home #retail{
        padding-left: 45px;
    }
    #theBody.home #bars-and-restaurants,
    #theBody.home #offices,
    #theBody.home #bars-en-restaurants,
    #theBody.home #kantoren{
        padding-right: 45px;
    }
    .page-block.gallery.slideshow .page-block-caption .page-block-ttl,
    .page-block.gallery.slideshow .page-block-caption .page-block-intro,
    .page-block.gallery.slideshow .page-block-caption .page-block-txt,
    .page-block.gallery.slideshow .page-block-caption .page-block-link{
        padding: 0px 0px;
    }
    .page-block.gallery.slideshow .page-block-caption{
        padding-bottom: 60px; align-content: flex-start; align-items: flex-start;    
    }
    .page-block.gallery.slideshow .page-block-caption .page-block-link{
        position: absolute; top: auto; bottom: 0px;
    }
}
@media (min-width: 1200px){
    .page-block.gallery.slideshow{
        width: calc((100% - 120px)/4);
        width: calc((100% - 30px)/4);
    }
    #theBody.home #living,
    #theBody.home #wonen,
    #theBody.home #retail{
        padding-left: 15px;
    }
    #theBody.home #bars-and-restaurants,
    #theBody.home #offices,
    #theBody.home #bars-en-restaurants,
    #theBody.home #kantoren{
        padding-right: 15px;
    }
    .page-block.gallery.slideshow .page-block-caption .page-block-ttl,
    .page-block.gallery.slideshow .page-block-caption .page-block-intro,
    .page-block.gallery.slideshow .page-block-caption .page-block-txt,
    .page-block.gallery.slideshow .page-block-caption .page-block-link{
        padding: 0px 0px;
    }
    .page-block.gallery.slideshow .page-block-caption{
        padding-bottom: 60px;
    }
    .page-block.gallery.slideshow .page-block-caption .page-block-link{
        position: absolute; top: auto; bottom: 0px;
    }
    .page-block.gallery.slideshow .page-block-caption .page-block-ttl h2{
        font-size: 18px;
    }
    .page-block.gallery.slideshow .page-block-caption .page-block-intro p{
        font-size: 1em;
    }
}
@media (min-width: 1440px){
    .page-block.gallery.slideshow{
        width: calc((100% - 210px)/4);
        width: calc((100% - 30px)/4);
    }
    .page-block.gallery.slideshow .page-block-caption .page-block-module{
        height: 480px;
    }
    .page-block.gallery.slideshow .page-block-caption .page-block-ttl h2{
        font-size: 20px;
    }
    #wonen{
    }
    #retail{
    }
}
@media (min-width: 1600px){
    .page-block.gallery.slideshow{
        width: calc((100% - 330px)/4);
        width: calc((100% - 30px)/4);
        width: calc((100% - 0px)/4);
    }
    .page-block.gallery.slideshow .page-block-caption .page-block-ttl h2{
        font-size: 22px;
    }
    #wonen{
    }
    #retail{
    }
}

.page-block.with_page_image{
    /*margin: 45px 0px;*/
}
.page-block.with_page_image .page-block-caption-head {
    display: flex; align-content: center; flex-wrap: wrap;
}
.page-block-page_image .page-block-header-caption {
    display: none;
}
.page-block.with_page_image .page-block-page_image{
    order: 2;
}
.page-block.with_page_image .page-block-caption,
.page-block.with_page_image .page-block-caption.page-block-caption-head{
    order: 1;
}
.page-block.with_page_image .page-block-caption.page-block-caption-head{
    padding-top: 30px;
}
.page-block.with_page_image .page-block-caption-content{
    padding-top: 0px;
}
.page-block-caption-head .page-block-ttl{
    order: 1;
}
.page-block-caption-head .page-block-txt{
    order: 3;
}
.page-block-caption-head .page-block-ttl.page-block-ttl-intro{
    order: 2;
}
.page-block-ttl.page-block-ttl-intro h3{
    text-transform: none; font-size: 18px;
}

@media (min-width: 991px){
    .page-block.with_page_image .page-block-caption .page-block-ttl h2{
        width: 50%;
    }
    .page-block-ttl.page-block-ttl-intro h3{
        font-size: 22px;
    }
}
@media (min-width: 1200px){
    #het-plan.page-block.with_page_image{
        padding-left: calc(50% - 500px);
        padding-right: calc(50% - 500px);
    }
    .page-block.with_page_image{
    }
    .page-block.with_page_image .page-block-page_image{
    }
}
@media (min-width: 1440px){
    #het-plan.page-block.with_page_image{
        padding-left: calc(50% - 600px);
        padding-right: calc(50% - 600px);
    }
    .page-block.with_page_image{
    }
    .page-block.with_page_image .page-block-page_image{
    }
}

.page-block.gallery.slider{
    
}
.page-block.gallery.slider .page-block-caption .page-block-ttl{
    order: 1;
    padding: 0px 85px 0px 30px;
}
.page-block.gallery.slider .page-block-caption .page-block-txt{
    order: 2;
    padding: 0px 85px 0px 30px;
}
.page-block.gallery.slider .page-block-caption .page-block-module{
    order: 3; margin: 0px 0px 0px 0px;
}
.grapCarousel .link-image img{
    object-fit: contain; object-position: center center;
}
.grapCarousel .link-image img{
/*    filter: drop-shadow(2px 2px 2px #999999);*/
}
.deckInformation{
    display: none!important;
}
.slideLeft, .slideRight{
    font-size: 30px;
}

@media (min-width: 768px){
    .page-block.gallery.slider{
        margin: 45px 0px;
    }
    .page-block.gallery.slider .page-block-caption .page-block-ttl,
    .page-block.gallery.slider .page-block-caption .page-block-txt{
        padding: 0px 120px 0px 45px;
    }
    .grapWrapper .grapCarousel{
        grid-gap: 15px;
    }
}

@media (min-width:1200px){
    .page-block.gallery.slider .page-block-caption .page-block-ttl,
    .page-block.gallery.slider .page-block-caption .page-block-txt{
        padding: 0px 120px 0px 75px;
        width: 55%;
    }
    .slideLeft, .slideRight{
        font-size: 40px; bottom: -10px;
    }
}

@media (min-width: 1440px){
    .page-block.gallery.slider .page-block-caption .page-block-ttl,
    .page-block.gallery.slider .page-block-caption .page-block-txt{
        padding: 0px 120px 0px 120px;
    }
}
@media (min-width: 1600px){
    .page-block.gallery.slider .page-block-caption .page-block-ttl,
    .page-block.gallery.slider .page-block-caption .page-block-txt{
        padding: 0px 180px 0px 180px;
    }
}

@media (min-width:1920px){
    .grapWrapper .grapCarousel{
         /*grid-template-columns: repeat(auto-fill,minmax(500px,1fr));
         grid-auto-columns: minmax(500px,1fr)*/
    }
    
}
    
    
#locatie{
    margin-bottom: 0px;
}
.table.table-bordered{
    max-width: 600px;
}
.table-bordered td, .table-bordered th,
.table.table-bordered{
    border: 0px solid #dee2e6;
}
.table td, .table th{
    padding: 2px 5px 0px 0px;
}
@media (min-width: 768px){
    
    #locatie .page-block-caption .page-block-ttl{
        width: 55%;
    }    
    #locatie .page-block-caption .page-block-txt{
        width: 75%;
    }
}



#accessibility{
    width: 100%; overflow: hidden;
}
#accessibility .page-block-caption{
}
#accessibility #map2{
    width: 100%;
    height: 500px; min-height: 500px;
}
@media (min-width:600px){
    #accessibility {
    }
    #accessibility #map2{
        width: 100%;
    }
}
@media (min-width:768px){
    #accessibility #map2{
    }
}

@media (min-width:1200px){
    #accessibility {
    }
    #accessibility #map2{
        width: 100%; max-height: 700px;
    }
    
}


.pin-wrap {
  position: absolute;
  width: 25px;
  height: 25px;
  margin-top: -30.7106781187px;
  margin-left: -12.5px;
  -webkit-transform-origin: 50% 120.7106781187% 0;
          transform-origin: 50% 120.7106781187% 0;
}

.pin {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 25px;
  height: 25px;
  margin-top: -12.5px;
  margin-left: -12.5px;
  -webkit-transform-origin: 50% 120.7106781187% 0;
          transform-origin: 50% 120.7106781187% 0;
}

.pin::after {
  position: absolute;
  display: block;
  box-sizing: border-box;
  width: 25px;
  height: 25px;
  content: '';
  -webkit-transform: rotateZ(-45deg);
          transform: rotateZ(-45deg);
  border: 5px solid #838383;
  border-radius: 50% 50% 50% 50%;
}

.pin.the-view-of-rotterdam::after {
  border: 5px solid #bb931e;
}

.pin::before {
  position: absolute;
  display: block;
  box-sizing: border-box;
  width: 25px;
  height: 25px;
  content: '';
  -webkit-transform: rotateZ(-45deg);
          transform: rotateZ(-45deg);
  border: 3px solid #838383;
  border-radius: 50% 50% 50% 0;
}
.pin.the-view-of-rotterdam::before {
  border: 3px solid #bb931e;
}

.shadow {
  position: absolute;
}

.shadow::after {
  position: absolute;
  left: -112.5px;
  display: block;
  width: 12.5px;
  height: 12.5px;
  margin-top: -15px;
  content: '';
  -webkit-transform: rotateX(55deg);
          transform: rotateX(55deg);
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.5) 100px 0 20px;
}

.pulse {
  position: absolute;
  margin-top: -12.5px;
  margin-left: -12.5px;
  -webkit-transform: rotateX(55deg);
          transform: rotateX(55deg);
}

.pulse::after {
  display: block;
  width: 25px;
  height: 25px;
  content: '';
  -webkit-animation: pulsate 1s ease-out;
          animation: pulsate 1s ease-out;
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  opacity: 0;
  border-radius: 50%;
  box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 6px 3px #838383;
    display: none;
}

.pulse.the-view-of-rotterdam::after {
  box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 6px 3px #bb931e;
    display: block;
}

@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
            transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
            transform: scale(1.2, 1.2);
    opacity: 0;
  }
}

@keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
            transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
            transform: scale(1.2, 1.2);
    opacity: 0;
  }
}


#accessibility #map2 h3{
    font-family: Head;
    font-size: 16px; color: #B58A00; text-transform: none;
}
#accessibility #map2 p{
    font-size: 14px; line-height: 1.2; color: #838383;
}
button.gm-ui-hover-effect ,
#accessibility #map2 .gm-style-iw + div {
    display: none;
    visibility: hidden;
}


#theBody.contact #pageBlock1 .page-block-txt{
    max-width: 800px;
}
#theBody.contact #pageBlock1.left .page-block-name h1{
    margin-bottom: 30px;
}
#contact .page-block-image{
    order: 1; margin: 45px 0px 30px 0px; text-align: center; justify-content: center; width: 100%;
    position: relative; height: auto; left: 0px;
}
#contact .page-block-image img{
    width:80%; max-width: 320px;
}

#contact .page-block-caption{
    order: 2; width: 100%; margin: 0px!important;
}
#contact .page-block-caption .page-block-txt p {
    width: 100%; float: left;
}
#contact .page-block-caption .page-block-txt a {
    margin: 0px 5px; font-family: Regular;
    width: 100%; text-align: center; position: relative; float: left;
}

.fancy-form-item.fancy-q1{
    margin-top: 25px; margin-bottom: 25px;
}

@media (min-width:600px){
#contact .page-block-caption .page-block-txt a {
    display: inline; margin: 10px 15px; width: auto; float: none;
}
}

.alert-success{
    background: #be8900!important; padding: 30px!important; max-width: 500px;
}
#porterhouse .alert-success{
    max-width: none;
}


.btn-primary,
.btn-list{
    padding: 10px 20px 10px 20px; width: auto; line-height: 1em; background: #be8900; position: relative; border-radius: 0px;
    overflow: hidden; text-align: left; height: 40px;
    white-space: normal; min-height: 40px; height: auto;
}
.btn-primary span,
.btn-list span{
    line-height: 1em; /*font-weight: 700;*/ font-size: 14px; color: #ffffff; font-family: Regular; line-height: 1em;text-transform: none;
    z-index: 1; position: relative; text-transform: uppercase; letter-spacing: 1px;
}


.btn-primary::after,
.btn-list::after{
    font-family: 'FontAwesome';
    content: "\f054";
    font: var(--fa-font-light);
    position: absolute; top: 0px; height: 30px; left: auto; right: 0px; width: 30px; display: block;
    font-size: 18px; line-height: 28px; border: 1px solid #000000; color: #000000; border-radius: 50%;
    text-align: left; padding-left: 8px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    display: none;
}
.btn-primary::before,
.btn-list::before{
    font-family: 'FontAwesome';
    content: "\f054";
    font: var(--fa-font-light);
    position: absolute; top: 0px; height: 30px; left: auto; right: 0px; width: 30px; display: block;
    font-size: 18px; line-height: 28px; border: 1px solid #000000; color: #000000; border-radius: 50%;
    text-align: right; padding-right: 10px; opacity: 0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    display: none;
}
.btn-primary::before,
.btn-list::before{
    position: absolute; top: auto; bottom: 0px; left: 0px; width: 100%; background: #be8900;
    display: block; height: 0px; border-radius: 0px; content: ''; border: 0px solid #000000;
    z-index: 0; 
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:focus,
.btn-list:hover,
.btn-list:active,
.btn-list:not(:disabled):not(.disabled):active,
.btn-list:focus{
    background: none;
    background: #000000;
}
.btn-primary:hover span,
.btn-list:hover span{
    color: #ffffff;
}
.btn-primary:hover::after,
.btn-list:hover::after{
    padding-left: 6px;
}
.btn-primary:hover::before,
.btn-list:hover::before{
    opacity: 1;
    height: 100%;
}

.light .btn-primary,
.light .btn-list{
}
.light .btn-primary span,
.light .btn-list span{
    color: #ffffff;
}
.light .btn-primary::after,
.light .btn-list::after{
    border: 1px solid #be8900; color: #be8900;
}
.light .btn-primary::before,
.light .btn-list::before{
    border: 1px solid #be8900; color: #be8900;
}

/*#wrapper #pageBlockPage,
#wrapper .modeldetail .page-block img,
#wrapper .modeldetail #modelhashnav{
    filter: blur(0px);
    transform-origin: center;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
#theBody.models #wrapper #pageBlockPage.agrid{
    filter: none;
}
#wrapper.ajaxloading #pageBlockPage{
    filter: blur(2px);
}
.home #wrapper.ajaxloading .page-block img{
    transform: scale(0.97);
}
#wrapper.ajaxloading .modeldetail .page-block img,
#wrapper.ajaxloading .modeldetail #modelhashnav,
#wrapper.ajaxloading #blog---full img{
    filter: blur(2px);
    transform: scale(0.99);
}*/

.scrolltop{
    display: none;
}
.footer{
    background: #000000; color: #ffffff; padding-top: 30px;
}
.footer-address,
.address-block{
    width: 100%; padding: 16px 0px; 
}
.address-image{
    display: flex; justify-content: center;
}
.address-image img{
    width: 100%; max-width: 400px;
}
.address-block h3{
    font-size: 1.3em; font-family: headfont; text-transform: uppercase; text-align: center;
}
.address-block .address-info p{
    text-align: center;
}
.footer-actionblock .footer-address a{
    padding: 0px; margin: 0px;
}
.address-block a{
    text-decoration: none;
    font-family: headfont!important;
}
.footer-address-label,
.footer-actionblock .footer-address a.agency-link{
    font-family: headfont; padding-bottom: 16px; background: none!important; color: #000!important; width: 100%; float: left;
    text-transform: none;
}
.footer-menu .navbar-nav li.menu-link{
    text-align: center; width: 100%; display: block; 
}
.footer .container .footer-menu .navbar-nav li a{
    font-size: 1em; text-transform: none; color: #ffffff;
    font-weight: 400; font-family:Regular; text-align: center; width: 100%; display: block; margin: 0px; padding: 0px;
}
.footer .social-label{
    text-transform: uppercase; margin: 5px 0px 10px 0px; font-family: "Head";
}

.footer .social-icon a{
    color: #ffffff; margin: 5px 7px; font-size: 16px;
}
@media (min-width:767px){
.footer .social-icon a{
    font-size: 24px;
}
}

.footer-actionblock .footer-address a.legallink-agency{
    display: none;
}
.footer-actionblock a:hover, .footer-actionblock a.active:hover{
    background: #ffffff;
}

.footer-logo{
    width: 100%; display: flex; justify-content: center; align-content: center;
    padding: 10px 0px;
}
.footer-logo svg{
    width: 160px;
}
.footer-logo path,
.footer-logo polygon,
.footer-logo rect{
    fill: #ffffff;
}

@media (max-width: 767px){
    .footer-address-label{
        display: none;
    }
}

@media (min-width: 768px){
    .footer .container{
    }
    .page-block-module-agencies,
    /*.footer .container .footer-menu .navbar-nav,*/
    .footer-actionblock{
        
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 96px;
        grid-row-gap: 16px;/**/
    }
    
    .footer .container .footer-menu .navbar-nav{
        padding: 16px 0px 26px;
    }
    /*.footer .container .footer-menu .navbar-nav li,*/
    .footer-address,
    .address-block{
       grid-column: span 2;
    }
    .footer .container .footer-menu {
        width: 65%; padding-left: 30px;
    }
    .footer .container .footer-menu .navbar-nav{
        justify-content: flex-start; flex-wrap:wrap; flex-direction: row;
    }
    .footer .container .footer-menu .navbar-nav li{
        justify-content: center;  tex5t-align: center; width: auto;
        font-size: 1em; line-height: 1.5; padding: 0px; margin: 0px;
    }
    .footer .container .footer-menu .navbar-nav li a{
        padding: 0px 0px 0px 30px; margin: 0px; line-height: 1.5; letter-spacing: normal;
    }
    
    .footer .container .social-icons {
        width: 35%; justify-content: flex-end; padding-top: 13px; padding-right: 76px;
    }
    .footer .social-label{
        width: auto;
    }
    .footer .container .social-icons .social-icon{
        position: relative; top: 0px; left: 0px; font-size: 1em; line-height: 1.5; 
    }
    .footer .container .social-icons .social-icon a{
        width: auto; font-size: 1.5em; line-height: 1.5; margin: 5px 0px 0px 15px;
    }
    
}

@media (min-width: 1200px){
    
    /*.contact #pageBlockPage{
        display: grid;
        grid-template-columns: repeat(8, 1fr);
        grid-gap: 96px;
        grid-row-gap: 48px;
        padding: 0px 64px 0px 32px;
    }
    .contact #pageBlock1{
        grid-column: span 8; padding-right: 0px; padding: 0px;
    }
    .contact #pageBlock1.cleanPageBlock1 .page-block-txt{
        width: 100%;
    }*/
    
    .footer .container .footer-menu .navbar-nav,
    .footer-actionblock{
        grid-template-columns: repeat(8, 1fr);
        grid-row-gap: 48px;
    }
    /*.footer .container .footer-menu .navbar-nav li,*/
    .footer-address,
    .address-block{
        grid-column: span 2;
    }
    
}
@media (min-width: 991px){
    .footer .container .footer-menu{
        width: calc(100% - 460px);
    }
    .footer .container .social-icons{
        width: 200px; padding-right: 0px;
    }
    .footer .container .footer-logo{
        padding-top: 13px;
        width: 260px;padding-right: 60px; justify-content: flex-end;
    }
    .footer .container .footer-menu .navbar-nav{
        flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; padding: 16px 0px 26px;
    }
}
@media (min-width: 1200px){
    .footer .container .footer-menu .navbar-nav li{
        display: flex; align-items: flex-end;
    }
}


.footer-menu-2{
    display: none!important;
}
#creditsfooter{
    background: #000000; padding: 16px!important; color: #ddd;
}
#creditsfooter a,
#creditsfooter a:hover{
    color: #ddd;
}

.modal-backdrop{
    display: none!important; opacity: 0!important; height: 0px!important; width: 0px!important;
}
.lightbox-modal .close{
    left: 16px; top: 16px; right: auto; background: rgba(0,0,0,1); position: absolute;
    color: #ffffff;line-height: 1em; font-size: 20px;text-transform: uppercase; text-decoration: none;
    display: flex; justify-content: center; align-content: center; align-items: center;
}
.lightbox-modal .close span{
    opacity: 0;
}
.lightbox-modal .close::before{
    content: 'close'; display: block; color: #999999; text-transform: uppercase; left: 0px; top: 0px; line-height: 1em; font-size: 1em;
    display: none;
}

#lightbox-modal{
    top: 100vh;
}



.page-block.gallery{
    margin-bottom: 60px!important;
}
.page-block.gallery.slideshow.duo_slide .carousel .carousel-item .carousel-caption,
.page-block.gallery.slideshow.duo_slide .carousel .carousel-item .credits-caption{
    display: none;
}
.page-block.gallery .page-block-ttl h2{
/*    font-size: 16px;*/
}
.page-block.gallery.portfolio .page-block-ttl h2{
}
.page-block.gallery.slideshow.duo_slide .carousel .carousel-item img{
    object-position: right;
}
.page-block.gallery.slideshow.duo_slide .carousel .carousel-item .link-image:nth-of-type(2) img{
    object-position: left;
}
.page-block.gallery.slideshow.duo_slide .carousel .carousel-item:nth-of-type(1) img,
.page-block.gallery.slideshow.duo_slide .carousel .carousel-item.block-image-container-wide img{
    object-position: center;
}

@media (min-width: 768px){
}
@media (max-width: 1279px){

}



/*.page-block.list-click-detail.slideshow .carousel .carousel-item .block .block-image img{
    transform: scale(0.8);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.page-block.list-click-detail.slideshow .carousel .carousel-item .block .block-image.showMe img{
    transform: scale(1);
}*/

.page-block.gallery.slideshow .carousel .carousel-item img{
    margin-top: 100px;
    margin-top: 0px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.page-block.gallery.slideshow.showMe .carousel .carousel-item img{
    margin-top: 0px;
}
.page-block.gallery.slideshow .page-block-ttl,
.page-block.gallery.slideshow .page-block-intro,
.page-block.gallery.slideshow .page-block-txt,
.page-block.gallery.slideshow .page-block-link{
    opacity: 0; 
    opacity: 1;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.page-block.gallery.slideshow .page-block-ttl.showMe,
.page-block.gallery.slideshow .page-block-intro.showMe,
.page-block.gallery.slideshow .page-block-txt.showMe,
.page-block.gallery.slideshow .page-block-link.showMe{
    opacity: 1!important;
}
.grapWrapper .grapCarousel{
    grid-gap: 5px;
}

/*#het-plan .page-block-page_image,
#het-plan .page-block-caption,
#impressies .page-block-caption,
#locatie .page-block-caption,
#poi,
#contact{
    opacity: 0; 
    margin-top: 60px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
#het-plan .page-block-page_image.showMe,
#het-plan .page-block-caption.showMe,
#impressies .page-block-caption.showMe,
#locatie .page-block-caption.showMe,
#poi.showMe,
#contact.showMe{
    margin-top: 0px;
    opacity: 1!important;
}
*/
.grapCarousel .link-image img{
    /*transform: scale(0.94);
    margin-top: 60px;*/
    transform: scale(1);
    opacity: 1!important;
    height: 330px; width: auto;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.grapCarousel .link-image.showMe img{
    transform: scale(1);
    opacity: 1!important;
    height: 200px; width: auto;
}


@media (min-width: 960px) {
    .grapCarousel .link-image img{
        height: 400px;
    }
}

@media (min-width: 1280px) {
    .grapCarousel .link-image img{
        height: 500px;
    }
}

@media (min-width: 1600px) {
    .grapCarousel .link-image img{
        height: 650px;
    }
}

@media (max-width: 767px) {
#het-plan .page-block-page_image{
    margin-left: -30px;
    margin-right: -85px;
    width: calc(100% + 115px);
}
#accessibility #map2{
    margin-left: -30px;
    margin-right: -30px;
    width: calc(100% + 60px);
}
#settingscontainer{
    margin-left: -30px;
    margin-right: -30px;
    width: calc(100% + 60px);
}
}
@media (hover: none) {
    .lightbox-modal .carousel-control-prev, .lightbox-modal .carousel-control-next{
        position: fixed!important; top: 35px!important; left: auto!important; right: 15px!important; opacity: 1!important;
        pointer-events: all!important; font-size: 20px!important;
    }
    .lightbox-modal .carousel-control-prev{
        right: 65px!important;
    }
}


.social-icon a .fa-brands{
    font-size: 24px;
}


#welcome{
    margin-bottom: 15px;
}
#theBody.home #pageBlock1 .page-block-name h1{
    font-size: 1.8em;
}
#theBody.home #pageBlock1 .page-block-caption .page-block-txt h2{
    font-size: 1.2em; text-transform: none; letter-spacing: 2px;
    font-family: Black; margin-bottom: 15px; margin-top: 24px;
    
}

#theBody.home #pageBlock1 .page-block-name h1,
.page-block.quote .page-block-caption .page-block-txt p{
    color: #be8900; letter-spacing: 1px; line-height: 1.2em; text-transform: none;
    font-family: "minion-pro", serif;
    font-weight: 400;
    font-style: normal; margin-bottom: 15px; 
}
@media (max-width: 768px) {
.page-block.quote .page-block-caption .page-block-txt p{
    padding: 0px 15px;
}
}
.page-block.quote .page-block-caption .page-block-txt h3{
    font-size: 1em; margin-top: 5px; text-transform: none;
}
.page-block.quote .page-block-caption .page-block-txt{
    max-width: 1170px;
}
#quote-hotel.page-block.quote .page-block-caption .page-block-txt{
    max-width: 1230px;
}
#quote-mixed-use.page-block.quote .page-block-caption .page-block-txt{
    max-width: 890px;
}
@media (min-width: 600px) {

    
#theBody.home #pageBlock1 .page-block-name h1{
    font-size: 3em;
}
    
}
@media (min-width: 900px) {
#theBody.home #pageBlock1 .page-block-name{
    width: 50%; padding-right: 60px;
}
#theBody.home #pageBlock1 .page-block-txt{
    width: 50%;
}
}
@media (min-width: 960px) {

#theBody.home #pageBlock1 .page-block-name h1,
.page-block.quote .page-block-caption .page-block-txt p{
    letter-spacing: 2px;
}
.page-block.quote .page-block-caption .page-block-txt h3{
    font-size: 1.5em; margin-top: 15px;
}
}

#theBody.bars-restaurants-retail-and-offices .page-block.default,
#theBody.bars-restaurants-retail-and-offices .page-block.default{
    max-width: 500px;
}
@media (min-width: 960px) {
    #theBody.bars-restaurants-retail-and-offices .page-block.default,
    #theBody.bars-restaurants-retail-and-offices .page-block.default{
        max-width: 1600px; margin-bottom: 0px; padding-top: 45px; padding-bottom: 45px;
    }   
    #theBody.bars-restaurants-retail-and-offices #offices.page-block.default,
    #theBody.bars-restaurants-retail-and-offices #kantoren.page-block.default{
        margin-bottom: 45px;
    }   
    #theBody.bars-restaurants-retail-and-offices .page-block.default .page-block-image{
        width: 50%; height: 100%; padding: 0px 45px 0px 0px; margin: 0px; position: absolute; left: 50%; overflow: hidden;
    }  
    #theBody.bars-restaurants-retail-and-offices .page-block.default .page-block-image img{
        width: 100%; height: 100%; object-fit: cover; object-position: center center;
    }   
    #theBody.bars-restaurants-retail-and-offices .page-block.default.retail .page-block-image{
        left: 0%; padding: 0px 0px 0px 45px;
    }    
    #theBody.bars-restaurants-retail-and-offices .page-block.default .page-block-caption{
        width: 50%; margin-right: 50%; padding-right: 45px;
    }   
    #theBody.bars-restaurants-retail-and-offices .page-block.default.retail .page-block-caption{
        margin-left: 50%; margin-right: 0px; padding-left: 45px; padding-right: 0px;
    }   
}

@media (min-width:991px){
#theBody.home #pageBlock1 .page-block-caption .page-block-txt h2{
    font-size: 1.6em; margin-top: 22px;
}
}
@media (min-width:1200px){
    
    .page-block.quote .page-block-caption .page-block-txt p{
        font-size: 3.4em;
    }
    #theBody.home #pageBlock1{
        max-width: 1600px; margin: 60px 0px;
    }
    #theBody.home #pageBlock1 .page-block-name h1{
        font-size: 3.5em; padding-right: 60px;
    }
    #theBody.bars-restaurants-retail-and-offices .page-block.default{
        padding-top: 105px; padding-bottom: 105px;
    }   
    #theBody.bars-restaurants-retail-and-offices #offices.page-block.default,
    #theBody.bars-restaurants-retail-and-offices #kantoren.page-block.default{
        margin-bottom: 75px;
    }   
    #theBody.bars-restaurants-retail-and-offices .page-block.default .page-block-image{
        padding: 0px 75px 0px 0px;
    }    
    #theBody.bars-restaurants-retail-and-offices .page-block.default.retail .page-block-image{
        padding: 0px 0px 0px 75px;
    }    
    #theBody.bars-restaurants-retail-and-offices .page-block.default .page-block-caption{
        padding-right: 75px;
    }   
    #theBody.bars-restaurants-retail-and-offices .page-block.default.retail .page-block-caption{
        padding-left: 75px; padding-right: 30px;
    }   
    #theBody.home #pageBlock1 .page-block-caption .page-block-txt h2{
        margin-top: 24px;
    }
}

@media (min-width: 1440px){
    
    /*#theBody.home #pageBlock1 .page-block-name{
        padding-left: 150px;
    }*/
    #theBody.bars-restaurants-retail-and-offices .page-block.default{
        padding-top: 150px; padding-bottom: 150px;
    }   
    #theBody.bars-restaurants-retail-and-offices .page-block.default .page-block-image{
        padding: 0px 120px 0px 0px;
    }    
    #theBody.bars-restaurants-retail-and-offices .page-block.default.retail .page-block-image{
        padding: 0px 0px 0px 120px;
    }    
    #theBody.bars-restaurants-retail-and-offices .page-block.default .page-block-caption{
        padding-right: 120px;
    }   
    #theBody.bars-restaurants-retail-and-offices .page-block.default.retail .page-block-caption{
        padding-left: 60px; padding-right: 90px;
    }  
}
@media (min-width: 1600px){
    #theBody.bars-restaurants-retail-and-offices .page-block.default{
        padding-top: 150px; padding-bottom: 150px;
    }   
    #theBody.bars-restaurants-retail-and-offices .page-block.default .page-block-image{
        padding: 0px 180px 0px 0px;
    }    
    #theBody.bars-restaurants-retail-and-offices .page-block.default.retail .page-block-image{
        padding: 0px 0px 0px 180px;
    }    
    #theBody.bars-restaurants-retail-and-offices .page-block.default .page-block-caption{
        padding-right: 180px;
    }   
    #theBody.bars-restaurants-retail-and-offices .page-block.default.retail .page-block-caption{
        padding-left: 60px; padding-right: 120px;
    } 
}





#theBody.location #pageBlock0{
    margin-bottom: 0px;
}
#quote-location{
    margin-bottom: 0px;
}

#theBody.location #pageBlock1{
    display: none;
}
#theBody.location #location.page-block .page-block-caption{
    display: none;
}


#theBody.location #pageBlock0,
#theBody.location #pageBlock0 .page-block-page_image{
    max-height: 600px;
}
#theBody.location #pageBlock0 .page-block-page_image img{
    height: 100%; width: 100%; object-fit: cover; object-position: bottom;
}
#theBody.location #accessibility.page-block,
#theBody.location #location.page-block,
#theBody.location #afstanden.page-block,
#theBody.location #masterplan.page-block{
    max-width: 500px;
}

#quote-masterplan .page-block-image{
    order: 3;
}

#afstanden.page-block i{
    width: 92%; display: block;
}


@media (min-width: 960px){
    #theBody.location #accessibility.page-block{
        max-width: 1600px; padding-bottom: 45px; margin-bottom: 30px;
    }  
    #theBody.location #accessibility.page-block .page-block-caption{
        width: 50%; padding-right: 45px; margin-right: 50%;
    }   
    #theBody.location #accessibility.page-block #map2{
        width: calc(50% - 45px); height: 100%; padding: 0px 0px 0px 0px; margin: 0px; position: absolute; left: 50%; overflow: hidden; top: 0px;
    }  
    
    #theBody.location #location.page-block{
        max-width: 800px; width: 50%; padding-bottom: 75px; padding-right: 75px;
    }  
    #theBody.location #afstanden.page-block{
        max-width: 800px; width: 50%; padding-bottom: 75px;
        padding-left: 0px;
    }

    #hotspots{
        padding: 0px; justify-content: center;
    }
    #hotspots .page-block-caption{
        padding-left: 45px;
    }
}

@media (min-width:1200px){
    #theBody.location #accessibility.page-block .page-block-caption{
        padding-right: 75px;
    }   
    #theBody.location #accessibility.page-block #map2{
        width: calc(50% - 75px);
    }  
    #hotspots .page-block-caption{
        padding-left: 75px;
    }
    #theBody.location #pageBlock0{
        margin-bottom: 30px;
    }
    #quote-location{
        margin-bottom: 30px;
    }

    
}

@media (min-width: 1440px){
    #theBody.location #accessibility.page-block .page-block-caption{
        padding-right: 75px;
    }   
    #theBody.location #accessibility.page-block #map2{
        width: calc(50% - 120px);
    }  
    #hotspots .page-block-caption{
        padding-left: 120px;
    }
}
@media (min-width: 1600px){
    #theBody.location #accessibility.page-block .page-block-caption{
        padding-right: 75px;
    }   
    #theBody.location #accessibility.page-block #map2{
        width: calc(50% - 180px);
    } 
    #hotspots .page-block-caption{
        padding-left: 180px; max-width: 1600px;
    }
}



@media (min-width: 960px) {
    #theBody.location #masterplan.page-block.default{
        max-width: 1600px; margin-top: 45px; padding-top: 0px; padding-bottom: 45px;
    }   
    #theBody.location #masterplan.page-block.default .page-block-image{
        width: 50%; height: 100%; padding: 0px 45px 0px 0px; margin: 0px; position: absolute; left: 50%; overflow: hidden;
    }  
    #theBody.location #masterplan.page-block.default .page-block-image img{
        width: 100%; height: 100%; object-fit: contain; object-position: center top;
    }   
    #theBody.location #masterplan.page-block.default .page-block-caption{
        width: 50%; margin-right: 50%; padding-right: 45px;
    }    
}

@media (min-width:1200px){
    #theBody.location #masterplan.page-block.default{
        padding-top: 0px; padding-bottom: 45px;
    }   
    #theBody.location #masterplan.page-block.default .page-block-image{
        padding: 0px 75px 0px 0px;
    }  
    #theBody.location #masterplan.page-block.default .page-block-caption{
        padding-right: 75px;
    } 
}

@media (min-width: 1440px){
    #theBody.location #masterplan.page-block.default{
        padding-top: 0px; padding-bottom: 45px;
    }   
    #theBody.location #masterplan.page-block.default .page-block-image{
        padding: 0px 120px 0px 0px;
    }  
    #theBody.location #masterplan.page-block.default .page-block-caption{
        padding-right: 75px;
    } 
}
@media (min-width: 1600px){
    #theBody.location #masterplan.page-block.default{
        padding-top: 0px; padding-bottom: 45px;
    }   
    #theBody.location #masterplan.page-block.default .page-block-image{
        padding: 0px 180px 0px 0px;
    }  
    #theBody.location #masterplan.page-block.default .page-block-caption{
        padding-right: 75px;
    } 
}


#theBody.living #pageBlock1{
    display: none;
}


#theBody.living #pageBlock0::before{
    content: ''; background-color: #ffffff; background-image: url("../img/logo/bayhouse.svg"); background-repeat: no-repeat; background-position: center; width: 100%; height: 140px; display: block; background-size: 90px;
    position: absolute; width: 140px; z-index: 1; left: 50%; margin-left: -70px;
}
#theBody.living #bay-house{
    margin: 0px; padding-bottom: 0px;
}
#theBody.living #bay-house .page-block-ttl h2{
    color: #be8900; letter-spacing: 1px; line-height: 1.2em; text-transform: none; font-size: 1.8em; padding-right: 45px;
    font-family: "minion-pro", serif;
    font-weight: 400;
    font-style: normal;
}
#theBody.living #bay-house .page-block-ttl h2{
    color: #be8900; letter-spacing: 1px; line-height: 1.2em; text-transform: none;
    font-family: "minion-pro", serif;
    font-weight: 400;
    font-style: normal;
}
#theBody.living #bay-house .page-block-intro p a {
    font-family:Head; float: left; position: relative; padding-right: 45px; margin-top: 15px; margin-bottom: 45px;
}
#theBody.living #bay-house .page-block-intro p a::after{
    font-family: 'FontAwesome';
    content: "\f04b";
    font: var(--fa-font-light);
    position: absolute; top: -3px; height: 30px; left: auto; right: 0px; width: 30px; display: block;
    font-size: 18px; line-height: 28px; border: 1px solid #be8900; color: #ffffff; border-radius: 50%; background: #be8900;
    text-align: left; padding-left: 8px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

#theBody.living #bayhouse-information-part-2{
    margin-top: 0px;
    padding-top: 0px;
}

/*#theBody.porter-house-rotterdam #pageBlock1.left .page-block-name h1::before,*/
#porter-house.cta{
    padding-top: 0px; margin-top: 0px; 
}
#porter-house.cta::before{
    content: ''; background-image: url("../img/logo/porter-house-25.svg"); background-repeat: no-repeat; background-position: center; width: 100%; height: 120px; display: block;
    position: relative; width: 180px; z-index: 1; left: 50%; margin-left: -90px; background-color: #ffffff; 
}
#theBody.porter-house-rotterdam #pageBlock0::before{
    content: ''; background-image: url("../img/logo/porter-house-25.svg"); background-repeat: no-repeat; background-position: center; width: 100%; height: 200px; display: block;
    position: absolute; width: 140px; z-index: 1; left: 50%; margin-left: -70px; background-color: #ffffff; 
}
#theBody.porter-house-rotterdam #pageBlock0::before{
    height: 150px;width: 220px;margin-left: -110px;
}
#theBody.porter-house-rotterdam #pageBlock1.left .page-block-name h1{
    text-align: center; font-size: 1.8em;
}

#theBody.living .page-block.default{
    max-width: 500px;
}
#theBody.living #porter-house.page-block.cta .page-block-txt p{
    text-align: center; font-size: 1.8em;
    font-family: "minion-pro", serif;
    font-weight: 400; line-height: 1.2em; color: #be8900;
}

#plattegronden .page-block-module .link-image{
	border: 0px; padding: 0px; height: auto;
}

#plattegronden .page-block-ttl{
	display: none;
}

#plattegronden .page-block-module .link-image h3{
	display: block!important; position: relative; float: left; top: 0px; bottom: auto; opacity: 1;
	font-size: 14px; font-family: regular; text-transform: none;
	font-size: 16px;
}
#plattegronden .page-block-module .link-image img{
	height: auto; width: 100%;
}

#theBody.porter-house-rotterdam .deckInformation{
	display: block!important; position: fixed; top: auto; bottom: 0px; left: 0px; width: 100%; 
	padding: 5px;
}
#theBody.porter-house-rotterdam .deckInformation .deckDESC{
	font-size: 12px;
}


@media (max-width: 768px){
    
    #pageBlock0 .page-block-page_image{
        min-height: 400px;
    }
    #pageBlock0 .page-block-page_image img{
        width: 100%; height: 100%; object-fit: cover; object-position: 35% center;
    }
    #theBody.porter-house-rotterdam #pageBlock0::before{
       left: auto; margin: 0px; width: 140px; height: 100px; right: 25px; 
    }
}
@media (min-width: 600px){
    #theBody.porter-house-rotterdam #pageBlock1.left .page-block-name h1{
        font-size: 3em;
    }
    #theBody.living #porter-house.page-block.cta .page-block-txt p{
        font-size: 3em;
    }
    #theBody.porter-house-rotterdam #pageBlock1.left{
        padding: 15px 60px;
    }
}
@media (min-width: 768px){
    #theBody.porter-house-rotterdam #pageBlock1.left{
        padding: 15px 120px;
    }
    #theBody.porter-house-rotterdam #pageBlock1.left .page-block-name h1::before{
        margin-bottom: 60px;
    }
}
@media (min-width: 900px){
    #theBody.porter-house-rotterdam #plattegronden .page-block-module{
		grid-template-columns: repeat(3, 1fr);
    }
}
@media (min-width: 1200px){
    #theBody.porter-house-rotterdam #pageBlock1.left .page-block-name h1{
        font-size: 3.4em;
    }
}
@media (min-width: 1600px){
    #theBody.porter-house-rotterdam #pageBlock1.left{
        padding: 15px 240px;
    }
    #theBody.porter-house-rotterdam #pageBlock1.left .page-block-name{
        justify-content: center; display: flex;
    }
    #theBody.porter-house-rotterdam #pageBlock1.left .page-block-name h1{
        max-width: 1170px;
    }
}
@media (min-width: 960px){
    #porter-house.cta::before{
        height: 180px; width: 240px; margin-left: -120px;
    }
    #theBody.living #pageBlock0::before{
        width: 100%; height: 200px; background-size: 140px; width: 200px; margin-left: -100px;
    }
    
    #theBody.porter-house-rotterdam #pageBlock0::before{
        width: 100%; height: 180px; background-size: contain; width: 250px; margin-left: -125px;
    }
    
    #theBody.living #bay-house{
        width: 50%; max-width: 800px; padding-right: 45px;
    }
    #theBody.living #bay-house .page-block-ttl h2{
        font-size: 52px;
    }

    #theBody.living #bayhouse-information-part-2{
        width: 50%; max-width: 800px; padding-left: 45px;
        margin-top: 0px;
        padding-top: 0px;
    }

    
    #porter-house::before{
    }
    
    /*#theBody.porter-house-rotterdam #porter-house-information.page-block.default{
        max-width: 1600px;
        padding-top: 75px; padding-bottom: 75px;
    }  
    #theBody.porter-house-rotterdam #porter-house-information.page-block.default .page-block-image{
        width: 50%; height: 100%; padding: 0px 45px 0px 0px; margin: 0px; position: absolute; left: 50%; overflow: hidden;
    }  
    #theBody.porter-house-rotterdam #porter-house-information.page-block.default .page-block-image img{
        width: 100%; height: 100%; object-fit: cover; object-position: center right;
    }   
    #theBody.porter-house-rotterdam #porter-house-information.page-block.default .page-block-caption{
        width: 50%; margin-right: 50%; padding-right: 45px;
    } */  
}

@media (min-width:1200px){
    #theBody.living #bay-house .page-block-ttl h2{
        font-size: 64px; max-width: 500px;
    }
   /* #theBody.porter-house-rotterdam #porter-house-information.page-block.default{
        padding-top: 105px; padding-bottom: 105px;
    }   
    #theBody.porter-house-rotterdam #porter-house-information.page-block.default .page-block-image{
        padding: 0px 75px 0px 0px;
    }    
    #theBody.porter-house-rotterdam #porter-house-information.page-block.default .page-block-caption{
        padding-right: 75px;
       }    */
}

/*@media (min-width: 1440px){
    #theBody.porter-house-rotterdam #porter-house-information.page-block.default{
        padding-top: 150px; padding-bottom: 150px;
    }   
    #theBody.porter-house-rotterdam #porter-house-information.page-block.default .page-block-image{
        padding: 0px 120px 0px 0px;
    }    
    #theBody.porter-house-rotterdam #porter-house-information.page-block.default .page-block-caption{
        padding-right: 75px;
    }   
}
@media (min-width: 1600px){
    #theBody.porter-house-rotterdam #porter-house-information.page-block.default{
        padding-top: 150px; padding-bottom: 150px;
    }   
    #theBody.porter-house-rotterdam #porter-house-information.page-block.default .page-block-image{
        padding: 0px 180px 0px 0px;
    }    
    #theBody.porter-house-rotterdam #porter-house-information.page-block.default .page-block-caption{
        padding-right: 75px;
    } 
}*/

@media (min-width: 1280px){
    #porter-house::before{
    }
}






#discover-the-view,
#ontdek-the-view{
    padding: 0px;
}


#svgLAYER{
    position: absolute; top: 0px; left: 0px;
}
#svgLAYER #bayhouse,
#svgLAYER #offices,
#svgLAYER #porterhouse,
#svgLAYER #shopping,
#svgLAYER #hotel,
#svgLAYER #barsandrestaurantsEast,
#svgLAYER #rijnhavenpark,
#svgLAYER #barsandrestaurantsWest,
#svgLAYER #offices2,
#svgLAYER #retail{
    pointer-events: all; cursor: pointer;
}
#svgLAYER #bayhouse .st2,
#svgLAYER #offices .st2,
#svgLAYER #porterhouse .st2,
#svgLAYER #shopping .st2,
#svgLAYER #hotel .st2,
#svgLAYER #barsandrestaurantsEast .st2,
#svgLAYER #rijnhavenpark .st2,
#svgLAYER #barsandrestaurantsWest .st2,
#svgLAYER #offices2 .st2,
#svgLAYER #retail .st2{
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
#svgLAYER #bayhouse:hover .st2,
#svgLAYER #offices:hover .st2,
#svgLAYER #offices2:hover .st2,
#svgLAYER #retail:hover .st2,
#svgLAYER #porterhouse:hover .st2,
#svgLAYER #shopping:hover .st2,
#svgLAYER #hotel:hover .st2,
#svgLAYER #barsandrestaurantsEast:hover .st2,
#svgLAYER #rijnhavenpark:hover .st2,
#svgLAYER #barsandrestaurantsWest:hover .st2{
    fill: #be8900;
}

#svgLAYER #bayhouse .st3,
#svgLAYER #offices .st3,
#svgLAYER #offices2 .st3,
#svgLAYER #retail .st3,
#svgLAYER #porterhouse .st3,
#svgLAYER #shopping .st3,
#svgLAYER #hotel .st3,
#svgLAYER #barsandrestaurantsEast .st3,
#svgLAYER #rijnhavenpark .st3,
#svgLAYER #barsandrestaurantsWest .st3{
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
#svgLAYER #bayhouse:hover .st3,
#svgLAYER #offices:hover .st3,
#svgLAYER #offices2:hover .st3,
#svgLAYER #retail:hover .st3,
#svgLAYER #porterhouse:hover .st3,
#svgLAYER #shopping:hover .st3,
#svgLAYER #hotel:hover .st3,
#svgLAYER #barsandrestaurantsEast:hover .st3,
#svgLAYER #rijnhavenpark:hover .st2,
#svgLAYER #barsandrestaurantsWest:hover .st3{
    fill: #010202;
}

#svgLAYER #bayhouse .st1,
#svgLAYER #offices .st1,
#svgLAYER #offices2 .st1,
#svgLAYER #retail .st1,
#svgLAYER #porterhouse .st1,
#svgLAYER #shopping .st1,
#svgLAYER #hotel .st1,
#svgLAYER #barsandrestaurantsEast .st1,
#svgLAYER #rijnhavenpark .st1,
#svgLAYER #barsandrestaurantsWest .st1{
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
#svgLAYER #bayhouse:hover .st1,
#svgLAYER #offices:hover .st1,
#svgLAYER #offices2:hover .st1,
#svgLAYER #retail:hover .st1,
#svgLAYER #porterhouse:hover .st1,
#svgLAYER #shopping:hover .st1,
#svgLAYER #hotel:hover .st1,
#svgLAYER #barsandrestaurantsEast:hover .st1,
#svgLAYER #rijnhavenpark:hover .st1,
#svgLAYER #barsandrestaurantsWest:hover .st1{
    fill: #ffffff;
}

#svgLAYER #bayhouse .st0,
#svgLAYER #offices .st0,
#svgLAYER #offices2 .st0,
#svgLAYER #retail .st0,
#svgLAYER #porterhouse .st0,
#svgLAYER #shopping .st0,
#svgLAYER #hotel .st0,
#svgLAYER #barsandrestaurantsEast .st0,
#svgLAYER #rijnhavenpark .st0,
#svgLAYER #barsandrestaurantsWest .st0{
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
#svgLAYER #bayhouse:hover .st0,
#svgLAYER #offices:hover .st0,
#svgLAYER #offices2:hover .st0,
#svgLAYER #retail:hover .st0,
#svgLAYER #porterhouse:hover .st0,
#svgLAYER #shopping:hover .st0,
#svgLAYER #hotel:hover .st0,
#svgLAYER #barsandrestaurantsEast:hover .st0,
#svgLAYER #rijnhavenpark:hover .st0,
#svgLAYER #barsandrestaurantsWest:hover .st0{
    stroke: #ffffff;
}



#text_discover-the-view,
#text_ontdek-the-view{
    margin-bottom: 30px; max-width: 1600px;
}



@media (min-width: 1440px){
    #quote-rotterdam.page-block.quote,
    #quote-inspiring-accessibility.page-block.quote{
        padding: 0px 300px;
    }
    /*#quote-rotterdam.page-block.quote .page-block-caption .page-block-txt p,
    #quote-inspiring-accessibility.page-block.quote .page-block-caption .page-block-txt p{
        font-size: 4em;
    }*/
}


#theBody.home #location{
    max-width: 600px;
}
#theBody.home #hotel.page-block{
    max-width: 600px;
}
#theBody.porter-house-rotterdam #pageBlock1.page-block.with_page_image .page-block-name{
    display: flex; justify-content: center;
}
#theBody.porter-house-rotterdam #porter-house-information.page-block,
#theBody.porter-house-rotterdam #porter-house-information-2.page-block,
#theBody.porter-house-rotterdam #porter-house-information-3.page-block{
    max-width: 600px;
}
#theBody.porter-house-rotterdam #twee-kamer.page-block,
#theBody.porter-house-rotterdam #drie-kamer.page-block{
    max-width: 600px; padding: 0px 30px;
}
#theBody.porter-house-rotterdam #twee-kamer.page-block .page-block-image,
#theBody.porter-house-rotterdam #drie-kamer.page-block .page-block-image{
    order: 1;
}
#theBody.porter-house-rotterdam #twee-kamer.page-block .page-block-page_image,
#theBody.porter-house-rotterdam #drie-kamer.page-block .page-block-page_image{
    order: 2;
}
#theBody.porter-house-rotterdam #twee-kamer.page-block .page-block-caption,
#theBody.porter-house-rotterdam #drie-kamer.page-block .page-block-caption{
    order: 3;
}

#theBody.porter-house-rotterdam #twee-kamer.page-block .page-block-caption .page-block-txt p,
#theBody.porter-house-rotterdam #drie-kamer.page-block .page-block-caption .page-block-txt p{
    font-size: 12px;
} 

#theBody.porter-house-rotterdam #porter-house-information-3.page-block .page-block-caption .page-block-link{
    padding-bottom: 0px; margin-bottom: 0px;
}   


@media (min-width: 960px){

    #theBody.home #location{
        max-width: none; margin-bottom: 30px; padding-left: 0px!important; padding-right: 0px!important;
    }
    #theBody.home #location .page-block-caption{
        width: 50%; padding: 85px 45px 85px 45px;
    }
    #theBody.home #location .videoContainer{
        width: calc(50%); padding: 0px 0px 0px 0px; margin: 0px; float: left;
        width: calc(50% - 45px);  margin: 0px 0px 0px 45px;
    }  

    
    #theBody.home #hotel.page-block{
        max-width: 1600px; margin-bottom: 45px; padding-top: 0px; padding-bottom: 0px;
    }   
    #theBody.home #hotel.page-block .page-block-image{
        width: 50%; height: 100%; padding: 0px 0px 0px 45px; margin: 0px; position: absolute; left: 0%; overflow: hidden;
    }  
    #theBody.home #hotel.page-block .page-block-image img{
        width: 100%; height: 100%; object-fit: cover; object-position: center center;
    }    
    #theBody.home #hotel.page-block .page-block-caption{
        width: 50%; padding-left: 45px; margin-left: 50%; padding-top: 0px;
    }    
    #theBody.home #hotel.page-block .page-block-page_image{
        width: 50%; padding-left: 45px; margin-left: 50%; margin-top: 90px;
    }  
    
    #theBody.porter-house-rotterdam #porter-house-information.page-block,
    #theBody.porter-house-rotterdam #porter-house-information-2.page-block,
    #theBody.porter-house-rotterdam #porter-house-information-3.page-block{
        max-width: 1600px; margin-bottom: 45px; padding-top: 0px; padding-bottom: 0px;
    }  
    #theBody.porter-house-rotterdam #twee-kamer.page-block,
    #theBody.porter-house-rotterdam #drie-kamer.page-block{
        max-width: 50%; padding: 0px 30px;
    }
    #theBody.porter-house-rotterdam #porter-house-information-2.page-block{
         margin-top: 15px;
    }   
    #theBody.porter-house-rotterdam #porter-house-information-3.page-block{
        align-content: center; align-items: center; margin-top: 45px;
    }   
    #theBody.porter-house-rotterdam #porter-house-information.page-block .page-block-image{
        width: 50%; height: 100%; padding: 0px 45px 0px 0px; margin: 0px; position: absolute; left: 50%; overflow: hidden;
    }  
    #theBody.porter-house-rotterdam #porter-house-information-2.page-block .page-block-image,
    #theBody.porter-house-rotterdam #porter-house-information-3.page-block .page-block-image{
        width: 50%; height: 100%; padding: 0px 45px 0px 0px; margin: 0px; position: relative; overflow: hidden;
    }  
    #theBody.porter-house-rotterdam #porter-house-information-3.page-block .page-block-image{
        order: 4; padding: 0px 0px 0px 0px; 
    }  
    #theBody.porter-house-rotterdam #porter-house-information.page-block .page-block-image img{
        width: 100%; height: 100%; object-fit: cover; object-position: center center;
    }    
    #theBody.porter-house-rotterdam #porter-house-information.page-block .page-block-caption{
        width: 50%; padding-right: 45px; margin-right: 50%; padding-top: 0px;
    }  
    #theBody.porter-house-rotterdam #porter-house-information-2.page-block .page-block-caption,
    #theBody.porter-house-rotterdam #porter-house-information-3.page-block .page-block-caption{
        width: 50%; padding-right: 45px; padding-top: 0px;
    }  
    #theBody.porter-house-rotterdam #porter-house-information-2.page-block .page-block-caption-head,
    #theBody.porter-house-rotterdam #porter-house-information-3.page-block .page-block-caption-head{
        display: none;
    }  
    #theBody.porter-house-rotterdam #porter-house-information.page-block .page-block-caption .page-block-ttl h2{
        width: 100%;
    }    
    #theBody.porter-house-rotterdam #porter-house-information.page-block .page-block-page_image{
        width: 50%; padding-right: 45px; margin-right: 50%; margin-top: 90px;
    }  
}

#quote-form.page-block.quote{
    justify-content: center;
}
#quote-form.page-block.quote .page-block-caption{
    max-width: 900px; padding: 0px!important;
}
#quote-form.page-block.quote .page-block-caption p{
    max-width: 900px; padding: 0px!important;
}

@media (min-width:1200px){
    #theBody.home #location{
    }
    #theBody.home #location .page-block-caption{
        width: 50%; padding: 115px 150px 115px 75px;
    }
    #theBody.home #location .videoContainer{
        width: calc(50%); padding: 0px 0px 0px 0px; margin: 0px; float: left;
        width: calc(50% - 30px);  margin: 0px 0px 0px 30px;
    }  

    #theBody.home #hotel.page-block{
    }   
    #theBody.home #hotel.page-block .page-block-image{
        padding: 0px 0px 0px 75px;
    }  
    #theBody.home #hotel.page-block .page-block-image img{
    }    
    #theBody.home #hotel.page-block .page-block-caption{
        padding-left: 45px;
    }    
    #theBody.home #hotel.page-block .page-block-page_image{
        padding-left: 45px; margin-top: 150px;
    } 
    
    
    #theBody.porter-house-rotterdam #porter-house-information.page-block .page-block-image{
        padding: 0px 75px 0px 45px ;
    }  
    #theBody.porter-house-rotterdam #porter-house-information-2.page-block .page-block-image{
        padding: 0px 45px 0px 0px ;
    }  
    #theBody.porter-house-rotterdam #porter-house-information-3.page-block .page-block-image{
        padding: 0px 0px 0px 30px ;
        padding: 0px 0px 0px 15px;
        width: calc(50% + 20px);
        margin-left: -20px;
    }  
    #theBody.porter-house-rotterdam #porter-house-information.page-block .page-block-image img{
    }    
    #theBody.porter-house-rotterdam #porter-house-information.page-block .page-block-caption{
        padding-right: 75px;
    }    
    #theBody.porter-house-rotterdam #porter-house-information-2.page-block .page-block-caption{
        padding-left: 45px;
    }    
    #theBody.porter-house-rotterdam #porter-house-information-3.page-block .page-block-caption{
        padding-right: 75px;
    }    
    #theBody.porter-house-rotterdam #porter-house-information.page-block .page-block-page_image{
        padding-right: 45px; margin-top: 150px;
    }  
    #theBody.porter-house-rotterdam #twee-kamer.page-block{
        max-width: 50%; padding: 0px 45px 0px 30px;
    }
    #theBody.porter-house-rotterdam #drie-kamer.page-block{
        max-width: 50%; padding: 0px 30px 0px 45px;
    }
    #theBody.porter-house-rotterdam #twee-kamer.page-block .page-block-caption .page-block-txt p,
    #theBody.porter-house-rotterdam #drie-kamer.page-block .page-block-caption .page-block-txt p{
        font-size: 14px;
    }
    
    #quote-indelingen.page-block.quote{
        margin-bottom: 45px;
    }
    #quote-indelingen.page-block.quote .page-block-caption{
        padding: 15px 0px;
    }
    #porterhouse.fancyform .page-block-caption{
        padding: 0px 0px 60px 0px;
    }
}
@media (min-width: 1440px){

    #theBody.home #hotel.page-block{
    }   
    #theBody.home #location .page-block-caption{
        width: 50%; padding: 115px 195px 115px 75px;
    }
    #theBody.home #hotel.page-block .page-block-image{
        padding: 0px 0px 0px 120px;
    }  
    #theBody.home #hotel.page-block .page-block-image img{
    }    
    #theBody.home #hotel.page-block .page-block-caption{
        padding-left: 45px;
    }    
    #theBody.home #hotel.page-block .page-block-page_image{
        padding-left: 45px; margin-top: 240px;
    }  
    
    #theBody.porter-house-rotterdam #porter-house-information.page-block .page-block-image{
        padding: 0px 120px 0px 45px ;
    }  
    #theBody.porter-house-rotterdam #porter-house-information.page-block .page-block-image img{
    }    
    #theBody.porter-house-rotterdam #porter-house-information.page-block .page-block-caption{
    }    
    #theBody.porter-house-rotterdam #porter-house-information.page-block .page-block-page_image{
        margin-top: 240px;
    }  
}

@media (min-width: 1600px){

    #theBody.home #location .page-block-caption{
        width: 50%; padding: 155px  255px 155px 75px;
    }
    #theBody.home #location .videoContainer{
        width: calc(50%); padding: 0px 0px 0px 0px;
        width: calc(50% - 15px);  margin: 0px 0px 0px 15px;
    }  
    #theBody.home #hotel.page-block{
    }   
    #theBody.home #hotel.page-block .page-block-image{
        padding: 0px 0px 0px 180px;
    }  
    #theBody.home #hotel.page-block .page-block-image img{
    }    
    #theBody.home #hotel.page-block .page-block-caption{
        padding-left: 75px;
    }    
    #theBody.home #hotel.page-block .page-block-page_image{
        padding-left: 75px; margin-top: 60px;
    }  
    
    
    
    #theBody.porter-house-rotterdam #porter-house-information.page-block{
    }   
    #theBody.porter-house-rotterdam #porter-house-information.page-block .page-block-image{
        padding: 0px 180px 0px 30px ;
    }  
    #theBody.porter-house-rotterdam #porter-house-information.page-block .page-block-image img{
    }    
    #theBody.porter-house-rotterdam #porter-house-information.page-block .page-block-caption{
        padding-right: 75px;
    }    
    #theBody.porter-house-rotterdam #porter-house-information-2.page-block .page-block-caption{
        padding-left: 30px;
    }    
    #theBody.porter-house-rotterdam #porter-house-information-3.page-block .page-block-caption{
        padding-right: 105px;
    }   
    #theBody.porter-house-rotterdam #porter-house-information.page-block .page-block-page_image{
        padding-right: 45px; margin-top: 60px;
    }  
}



#pageBlock1.left .page-block-name h1{
    color: #be8900; letter-spacing: 1px; line-height: 1.2em; text-transform: none;
    font-family: "minion-pro", serif;
    font-weight: 400;
    font-style: normal; margin: 0px 0px 15px 0px; font-size: 2.7em; letter-spacing: 2px;
}
#pageBlock1.left .page-block-txt h4{
    text-transform: none; font-size: 1em;
}


.fancy-q1 .form-group.row label.fancyformLabel,
.fancy-q2 .form-group.row label.fancyformLabel,
.fancy-q3 .form-group.row label.fancyformLabel,
.fancy-q4 .form-group.row label.fancyformLabel,
.fancy-q5 .form-group.row label.fancyformLabel,
.fancy-q6 .form-group.row label.fancyformLabel,
.fancy-q7 .form-group.row label.fancyformLabel,
.fancy-q8 .form-group.row label.fancyformLabel,
.fancy-q9 .form-group.row label.fancyformLabel,
.fancy-q10 .form-group.row label.fancyformLabel{
    display: block!important;
}

.fancy-form_id{
    pointer-events: none; opacity: 0; height: 0px; width: 0px; padding: 0px; overflow: hidden;
}

#enquete.page-block.fancyform .page-block-image{
    display: none;
}
#enquete.page-block.fancyform .page-block-caption .page-block-ttl h2{
    font-size: 1em; font-family: Black; letter-spacing: 0px; text-transform: none;
}

@media (min-width: 768px){
#enquete.page-block.fancyform .page-block-image{
    display: block; width: 50%;
}
#enquete.page-block.fancyform .page-block-caption{
    display: block; width: 50%; padding: 0px 0px 0px 45px;
}
#enquete.page-block.fancyform .alert-success .page-block-caption{
    width: 100%;
}
    
}

#form_porterhouse .form-group.row label.fancyformLabel,
#form_enquete .form-group.row label.fancyformLabel{
    text-transform: none;
}


#form_porterhouse .fancy-footertxt,
#form_enquete .fancy-footertxt{
    font-size: 12px;
}



#common,
#bars-restaurants-a-retail,
#c_offices{
    border-left: 1px solid #000000;
    padding-left: 30px; margin-left: 30px; width: calc(100% - 30px);
    padding-bottom: 0px
}
#common .page-block-ttl h2,
#bars-restaurants-a-retail .page-block-ttl h2,
#c_offices .page-block-ttl h2{
    font-size: 1.1em; margin-bottom: 0px; padding-bottom: 0px;
}
#common .page-block-ttl.page-block-ttl-intro h3,
#bars-restaurants-a-retail .page-block-ttl.page-block-ttl-intro h3,
#c_offices .page-block-ttl.page-block-ttl-intro h3{
    text-transform: uppercase; color: #be8900;
    font-size: 1.1em; 
}
#common .page-block-caption-head,
#bars-restaurants-a-retail .page-block-caption-head,
#c_offices .page-block-caption-head{
    padding-bottom: 100px; padding-top: 0px;
}
#common .page-block-intro p,
#common .page-block-txt p,
#bars-restaurants-a-retail .page-block-intro p,
#bars-restaurants-a-retail .page-block-txt p,
#c_offices .page-block-intro p,
#c_offices .page-block-txt p{
    font-size: 1em; line-height: 1.6em; padding-bottom: 0px; margin-bottom: 0px;
}
#common .page-block-intro p a,
#common .page-block-txt p a,
#bars-restaurants-a-retail .page-block-intro p a,
#bars-restaurants-a-retail .page-block-txt p a,
#c_offices .page-block-intro p a,
#c_offices .page-block-txt p a{
    font-family: Regular;
}

#common img,
#common svg,
#bars-restaurants-a-retail img,
#bars-restaurants-a-retail svg,
#c_offices img,
#c_offices svg{
    width: 100%; object-fit: contain; object-position: left bottom; margin-bottom: 30px;
    max-width: 400px;
}

#common img,
#common svg{
    max-width: 360px;
}

#bars-restaurants-a-retail svg{
    max-width: 320px;
}
#bars-restaurants-a-retail img{
    max-width: 140px;
}

#c_offices img,
#c_offices svg{
    max-width: 270px;
}



#bars-restaurants-a-retail .page-block-txt{
    margin-top: 30px;
}

@media (max-width: 767px){
#common,
#bars-restaurants-a-retail,
#c_offices{
    border-bottom: 1px solid #000000;
    border-left: 0px solid #000000; padding-left: 0px; padding-bottom: 15px; margin-bottom: 30px;
    width: calc(100% - 60px); margin-left: 0px;
}
#common{
    border-top: 1px solid #000000; padding-top: 30px;
}
#common .page-block-ttl h2,
#bars-restaurants-a-retail .page-block-ttl h2,
#c_offices .page-block-ttl h2,
#common .page-block-ttl.page-block-ttl-intro h3,
#bars-restaurants-a-retail .page-block-ttl.page-block-ttl-intro h3,
#c_offices .page-block-ttl.page-block-ttl-intro h3{
    font-size: 1.0em; 
}
#common .page-block-intro p,
#common .page-block-txt p,
#bars-restaurants-a-retail .page-block-intro p,
#bars-restaurants-a-retail .page-block-txt p,
#c_offices .page-block-intro p,
#c_offices .page-block-txt p{
    font-size: 0.9em;
}
    

#common img,
#common svg{
    max-width: 360px;
}

#bars-restaurants-a-retail svg{
    width: 80%; 
}
#bars-restaurants-a-retail img{
    width: 80%; 
}

#c_offices img,
#c_offices svg{
    width: 80%; 
}

}
@media (min-width: 768px){
#common,
#bars-restaurants-a-retail,
#c_offices{
    margin-left: 45px; width: calc(100% - 45px);
}
#common .page-block-caption-content,
#bars-restaurants-a-retail .page-block-caption-content,
#c_offices .page-block-caption-content{
    height: 400px; display: flex; align-content: flex-end; align-items: flex-end; padding-bottom: 0px; margin-bottom: -6px;
}
#bars-restaurants-a-retail .page-block-intro,
#bars-restaurants-a-retail .page-block-txt{
    width: 50%; max-width: 400px;
}
#bars-restaurants-a-retail .page-block-txt{
    margin-top: 0px; padding-left: 45px;
}
	
	
}
@media (min-width: 1200px){
    
#theBody.contact #pageBlockPage{
    justify-content: flex-start;
}
    
#common,
#bars-restaurants-a-retail,
#c_offices{
    margin-left: 75px; width: calc(100% - 75px);
}
#bars-restaurants-a-retail{
    margin-left: 75px; width: calc(65% - 75px);
}
#c_offices{
    margin-left: 0px; width: calc(35%); padding-right: 60px;
}
#bars-restaurants-a-retail .page-block-intro,
#bars-restaurants-a-retail .page-block-txt{
    width: 50%; max-width: 400px;
}
#bars-restaurants-a-retail .page-block-txt{
    padding-left: 75px;
}
#common .page-block-caption-content,
#bars-restaurants-a-retail .page-block-caption-content,
#c_offices .page-block-caption-content{
    height: 400px;
}
}

@media (min-width: 1440px){
#common{
    margin-left: 120px; width: calc(100% - 120px);
}
#bars-restaurants-a-retail{
    margin-left: 120px; width: calc(65% - 120px); padding-right: 0px;
}
}
@media (min-width: 1800px){
#common{
    margin-left: 180px; width: calc(35% - 180px); padding-right: 0px; min-width: 485px;
}
#bars-restaurants-a-retail{
    margin-left: 0px; width: calc(37% - 0px); padding-right: 0px;
}
#c_offices{
    margin-left: 0px; width: calc(22% - 0px); padding-right: 30px;
}
}


.page-block.gallery.thumbs{
    margin-top: -70px; padding-top: 0px; padding: 0px 15px 30px 15px;
}

.link-image{
    height: 300px;
}
.link-image h3{
    display: none!important;
}
#quote-indelingen{
	margin: 120px 0px;
}
#quote-indelingen h2{
	color: #be8900; text-transform: none; letter-spacing: 0px;
    font-family: "minion-pro", serif; font-size: 2em;
    font-weight: 400;
}



	#plattegronden.page-block.gallery.thumbs .page-block-module{
		grid-gap: 0px;
	}

@media (max-width: 960px){
	#plattegronden.page-block.gallery.thumbs .page-block-module{
		grid-template-columns:repeat(2, 1fr);
	}
}
@media (max-width: 650px){
	#plattegronden.page-block.gallery.thumbs .page-block-module{
		grid-template-columns:repeat(1, 1fr);
	}
}
	

.grapCarousel .link-image, .grapCarousel .image-item{
	height: auto;
}