.realworks-wrap {max-width:1180px;margin:0 auto;padding-left:35px;padding-right:35px;}
.realworks-wrap sup {vertical-align: super;font-size: small;}

.rlw-single-title strong {display:block;font-size:0.6em;clear:both;font-weight:400;}

.rlw-button {background-color:#001631;color:#fff;text-transform:uppercase;padding:8px 16px;border:0;font-size:1.1em;cursor:pointer;}
.rlw-button:hover,.rlw-button:focus {background-color:#F8AA00;}

.rlw-gallery {display:grid;grid-template-rows:17rem 7rem;grid-template-columns:1fr 1fr 1fr 4fr;grid-gap:.75em;position:relative;margin:30px 0;}
.rlw-gallery .rlw-gallery-item {position:relative;}
.rlw-gallery .rlw-gallery-item:first-of-type {grid-row:1;grid-column:1/4;}
.rlw-gallery .rlw-gallery-item:nth-of-type(2) {grid-row:1/3;grid-column:4/6;}
.rlw-gallery .rlw-gallery-item:nth-of-type(3) {grid-row:2;grid-column:1;}
.rlw-gallery .rlw-gallery-item:nth-of-type(4) {grid-row:2;grid-column:2;}
.rlw-gallery .rlw-gallery-item:nth-of-type(5) {grid-row:2;grid-column:3;}
.rlw-gallery .rlw-gallery-item img {object-fit:cover;width:100%;height:100%;}
.rlw-gallery .rlw-button {position:absolute;bottom:20px;right:20px;}

.rlw-gallery-0 {display:block;max-height:400px;}
.rlw-gallery-0 figure {height:400px;}
.rlw-gallery-1.rlw-gallery {grid-template-rows:1fr;grid-template-columns:1fr 1fr;}
.rlw-gallery-1.rlw-gallery .rlw-gallery-item {grid-row:1;grid-column:auto;}
.rlw-gallery-2.rlw-gallery .rlw-gallery-item:nth-of-type(3) {grid-column:1/4;}
.rlw-gallery-3.rlw-gallery .rlw-gallery-item:nth-of-type(3) {grid-column:1/3;}
.rlw-gallery-3.rlw-gallery .rlw-gallery-item:nth-of-type(4){grid-column:3;}

.rlw-summary-title:before {content:'Wat maakt deze woning uniek?';display:block;color:#001631;text-transform:uppercase;clear:both;font-size:0.5em;}

.rlw-description {display:none;}

.rlw-details-container {margin:30px 0;background:#f4f4f4;padding:20px;}
.rlw-details {display:grid;grid-template-columns:18% 32% 18% 32%;grid-gap:.5em;position:relative;margin:0;list-style:none;}
.rlw-details * {margin:0;}

.rlw-video-container {margin:30px 0;}
.rlw-video {position:relative;width:100%;}
.rlw-video a,.rlw-video a *{-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;}
.rlw-video a:after{content:' ';background-color:rgba(0,0,0,0.5);position:absolute;top:0;left:0;width:100%;height:100%;}
.rlw-video img {width:100%;}
.rlw-video .rlw-video-button {width:120px;height:120px;display:block;content:' ';border-radius:100%;background-color:#001631;z-index:999;position:absolute;top:calc(50% - 60px);left:calc(50% - 60px);text-align:center;transition: 100ms all ease;}
.rlw-video .rlw-video-button span {display:block;border: 0;position:relative;top:calc(50% - 37px);left:calc(50% - 22px);background: transparent;box-sizing: border-box;width: 0;height: 74px;border-color: transparent transparent transparent #fff;cursor: pointer;  border-style: solid;  border-width: 37px 0 37px 60px;}
.rlw-video a:hover .rlw-video-button,.rlw-video a:focus .rlw-video-button {background-color:rgba(0,0,0,0.9);-moz-transform: scale(0.8);-webkit-transform: scale(0.8);-o-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8));}
.rlw-video a:hover:after,.rlw-video a:focus:after {background-color:rgba(0,0,0,0.7);}

.rlw-media-container {margin:30px 0;}
.rlw-media-container .rlw-maps-inner {display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:20px;}
.rlw-media-container .rlw-maps-inner .rlw-media-item {display:grid;justify-content:center;text-align:center;align-items:center;}
.rlw-media-container .rlw-maps-inner .rlw-media-item a {order:1;}
.rlw-media-container .rlw-maps-inner .rlw-media-item figcaption {order:0;font-size:0.8em;font-weight:700;}
.rlw-media-container .rlw-maps-inner .rlw-media-item .rlw-map-pdf-thumb {
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	min-height:180px;
	background:#f3f5f7;
	border:1px solid #d7dde3;
	color:#0b2f57;
	font-weight:700;
	letter-spacing:0.08em;
}

.map {
        height: 400px;
        width: 100%;
      }
	  #popup {font-size: 0.7em;
            position: absolute;
            background-color: white;
            -webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
            filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
            padding: 15px;
            border-radius: 10px;
            border: 1px solid #cccccc;
            bottom: 36px;
            left: -50px;
            min-width: 200px;}
			
			.ol-popup:after,
        .ol-popup:before {
            top: 100%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .ol-popup:after {
            border-top-color: white;
            border-width: 10px;
            left: 48px;
            margin-left: -10px;
        }

        .ol-popup:before {
            border-top-color: #cccccc;
            border-width: 11px;
            left: 48px;
            margin-left: -11px;
        }

        .ol-popup-closer {
            text-decoration: none;
            position: absolute;
            top: 2px;
            right: 8px;
        }

        .ol-popup-closer:after {
            content: "✖";
            color: #c3c3c3;
        }
		#popup-content {color:#333;}
@media only screen and (max-width: 1200px) {
    .rlw-details {grid-template-columns:22% 28% 22% 28%;}
}
@media only screen and (max-width: 980px) {
    .rlw-details {grid-template-columns:40% 60%;}
}
@media only screen and (max-width: 650px) {
    .rlw-details {grid-template-columns:1fr;grid-row-gap:0;}
    .rlw-details dd {margin-bottom:10px;}
    .rlw-media-container .rlw-maps-inner {grid-template-columns:1fr 1fr;}
    .rlw-gallery {display:block;}
    .rlw-gallery-item:not(.rlw-gallery-item-post-thumb) {display:none;}
    .rlw-video .rlw-video-button {-moz-transform: scale(0.5);-webkit-transform: scale(0.5);-o-transform: scale(0.5);-ms-transform: scale(0.5);transform: scale(0.5));}
}