/*
Theme Name: 	Betheme Child
Theme URI: 		http://themes.muffingroup.com/betheme
Author: 		Muffin group
Author URI: 	http://muffingroup.com
Description:	Child Theme for Betheme - Premium WordPress Theme
Template:		betheme
Version: 		1.6.1.1
*/

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; }


/*! lightslider - v1.1.3 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */.lSSlideWrapper,.lSSlideWrapper .lSFade{position:relative}.lSSlideWrapper .lSSlide,.lSSlideWrapper.usingCss .lSFade>*{-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important;-webkit-transition-duration:inherit!important;transition-duration:inherit!important}.lSSlideOuter,.lSSlideOuter .lSPager.lSGallery{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-user-select:none}.lSSlideOuter .lSPager.lSGallery:after,.lSSlideWrapper>.lightSlider:after{clear:both}.lSSlideOuter{margin-top:-40px; overflow:hidden;user-select:none}.lightSlider:after,.lightSlider:before{content:" ";display:table}.lightSlider{overflow:hidden;margin:0}.lSSlideWrapper{max-width:100%;overflow:hidden}.lSSlideWrapper .lSSlide{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all 1s;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform,height;transition-property:transform,height}.lSSlideWrapper .lSFade>*{position:absolute!important;top:0;left:0;z-index:9;margin-right:0;width:100%}.lSSlideWrapper.usingCss .lSFade>*{opacity:0;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:opacity;transition-property:opacity}.lSSlideWrapper .lSFade>.active{z-index:10}.lSSlideWrapper.usingCss .lSFade>.active{opacity:1}.lSSlideOuter .lSPager.lSpg{margin:10px 0 0;padding:0;text-align:center}.lSSlideOuter .lSPager.lSpg>li{cursor:pointer;display:inline-block;padding:0 5px}.lSSlideOuter .lSPager.lSpg>li a{background-color:#222;border-radius:30px;display:inline-block;height:8px;overflow:hidden;text-indent:-999em;width:8px;position:relative;z-index:99;-webkit-transition:all .5s linear 0s;transition:all .5s linear 0s}.lSSlideOuter .lSPager.lSpg>li.active a,.lSSlideOuter .lSPager.lSpg>li:hover a{background-color:#428bca}.lSSlideOuter .media{opacity:.8}.lSSlideOuter .media.active{opacity:1}.lSSlideOuter .lSPager.lSGallery{list-style:none;padding-left:0;margin:0;overflow:hidden;transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;user-select:none}.lSSlideOuter .lSPager.lSGallery li{overflow:hidden;-webkit-transition:border-radius .12s linear 0s .35s linear 0s;transition:border-radius .12s linear 0s .35s linear 0s}.lSSlideOuter .lSPager.lSGallery li.active,.lSSlideOuter .lSPager.lSGallery li:hover{border-radius:5px}.lSSlideOuter .lSPager.lSGallery img{display:block;height:auto;max-width:100%}.lSSlideOuter .lSPager.lSGallery:after,.lSSlideOuter .lSPager.lSGallery:before{content:" ";display:table}.lSAction>a{width:32px;display:block;top:50%;height:32px;background-image:url(../img/controls.png);cursor:pointer;position:absolute;z-index:99;margin-top:-16px;opacity:.5;-webkit-transition:opacity .35s linear 0s;transition:opacity .35s linear 0s}.lSAction>a:hover{opacity:1}.lSAction>.lSPrev{background-position:0 0;left:120px}.lSAction>.lSNext{background-position:-32px 0;right:10px}.lSAction>a.disabled{pointer-events:none}.cS-hidden{height:1px;opacity:0;filter:alpha(opacity=0);overflow:hidden}.lSSlideOuter.vertical{position:relative}.lSSlideOuter.vertical.noPager{padding-right:0!important}.lSSlideOuter.vertical .lSGallery{position:absolute!important;right:0;top:0}.lSSlideOuter.vertical .lightSlider>*{width:100%!important;max-width:none!important; height:650px !important}.lSSlideOuter.vertical .lSAction>a{left:50%;margin-left:-14px;margin-top:0}.lSSlideOuter.vertical .lSAction>.lSNext{background-position:31px -31px;bottom:10px;top:auto}.lSSlideOuter.vertical .lSAction>.lSPrev{background-position:0 -31px;bottom:auto;top:10px}.lSSlideOuter.lSrtl{direction:rtl}.lSSlideOuter .lSPager,.lSSlideOuter .lightSlider{padding-left:0;list-style:none}.lSSlideOuter.lSrtl .lSPager,.lSSlideOuter.lSrtl .lightSlider{padding-right:0}.lSSlideOuter .lSGallery li,.lSSlideOuter .lightSlider>*{float:left}.lSSlideOuter.lSrtl .lSGallery li,.lSSlideOuter.lSrtl .lightSlider>*{float:right!important}@-webkit-keyframes rightEnd{0%,100%{left:0}50%{left:-15px}}@keyframes rightEnd{0%,100%{left:0}50%{left:-15px}}@-webkit-keyframes topEnd{0%,100%{top:0}50%{top:-15px}}@keyframes topEnd{0%,100%{top:0}50%{top:-15px}}@-webkit-keyframes leftEnd{0%,100%{left:0}50%{left:15px}}@keyframes leftEnd{0%,100%{left:0}50%{left:15px}}@-webkit-keyframes bottomEnd{0%,100%{bottom:0}50%{bottom:-15px}}@keyframes bottomEnd{0%,100%{bottom:0}50%{bottom:-15px}}.lSSlideOuter .rightEnd{-webkit-animation:rightEnd .3s;animation:rightEnd .3s;position:relative}.lSSlideOuter .leftEnd{-webkit-animation:leftEnd .3s;animation:leftEnd .3s;position:relative}.lSSlideOuter.vertical .rightEnd{-webkit-animation:topEnd .3s;animation:topEnd .3s;position:relative}.lSSlideOuter.vertical .leftEnd{-webkit-animation:bottomEnd .3s;animation:bottomEnd .3s;position:relative}.lSSlideOuter.lSrtl .rightEnd{-webkit-animation:leftEnd .3s;animation:leftEnd .3s;position:relative}.lSSlideOuter.lSrtl .leftEnd{-webkit-animation:rightEnd .3s;animation:rightEnd .3s;position:relative}.lightSlider.lsGrab>*{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lightSlider.lsGrabbing>*{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}

/* Theme customization starts here
-------------------------------------------------------------- */
/* .post-type-archive-realworks_wonen #Footer, .post-type-archive-realworks_bog #Footer {display: none;} */

@media only screen and (max-width: 960px){
    .single-realworks_wonen #Subheader ul.breadcrumbs, .single-realworks_bog #Subheader ul.breadcrumbs {display: inline-block !important;}
    .single-realworks_wonen #Subheader, .single-realworks_bog #Subheader {padding: 10px !important; display: block;}
    .single-realworks_wonen #Subheader ul.breadcrumbs li, .single-realworks_wonen #Subheader ul.breadcrumbs li a, .single-realworks_bog #Subheader ul.breadcrumbs li, .single-realworks_bog #Subheader ul.breadcrumbs li a {font-size: 10px;}
}

.realworks-single h1 {font-size: 32px; text-transform: uppercase; font-weight: 400; letter-spacing:0px; line-height: 26px; font-family: "Open Sans", Arial, Tahoma, sans-serif; margin-bottom: 15px; font-style: normal;}
.realworks-single h2 {font-family:'Playfair Display', serif; line-height: 90px; font-weight: 700; letter-spacing: 0px; font-style: italic; font-size: 40px;}
.realworks-single .link-spanner, .realworks-recent .link-spanner {position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 10;}

.wide-row {width: 100%;}

.realworks-single .clearfix { clear: both; }
.realworks-single .button, .realworks-archive .button {display: inline-block; padding: 5px 20px; text-transform: uppercase;}
.realworks-single .button--red, .realworks-archive .button--red {font-weight: 700; color: white; font-size: 15px;margin: 0px; background-color: rgb(227, 34, 19);}
.realworks-single .button--grey, .realworks-archive .button--grey {font-weight: 400; color: black; font-size: 15px; margin: 0px; background-color: rgb(240, 240, 240);}
.realworks-single .button a, .realworks-archive .button a {color: white;}
.realworks-single .button-has-icon a, .realworks-archive .button-has-icon a {color: black;}
.realworks-single .button-has-icon a:hover, .realworks-archive .button-has-icon a:hover {color: rgb(227, 34, 19);}
.realworks-single .button-has-icon a:first-of-type, .realworks-archive .button-has-icon a:first-of-type {margin: 0px 10px;}

.realworks-single .gallery-row .lSSlideWrapper {background-color: #f0f0f0; height:650px !important;}

.intro-image {position: relative; height: 140vh; background-position: center; background-size: cover; background-repeat: no-repeat;}
.image-label{position: absolute; bottom:0; left: 0; right: 0;}
.image-label .the-label p {margin-bottom: 0px; color: white; padding: 5px 10px; font-weight: 700;}
.image-label .the-label {background-color: rgb(227, 34, 19); max-width: 70px;}

.intro-woning {margin-top: 100px; margin-bottom: 80px;}
.kenmerken-woning {float:left; width: 64%;}
.kenmerken-woning p{font-size: 30px; font-weight: 700; color: rgb(0, 58, 120);}
.kenmerken-woning dl{position:relative; left: -20px; margin-bottom: 80px;width: 100%; margin-top: 50px; columns: 2;}
.kenmerken-woning dt {width: 140px; position: relative; left: 20px;}
.kenmerken-woning dd {width: 200px; margin-left: 160px;}
.kenmerken-woning dt::before {z-index: 2;content: '>'; color: rgb(227, 34, 19); position: absolute; left: -20px;}
.kenmerken-woning dt, .kenmerken-woning dd {padding: 0px; padding-top: 2px; border: none; text-transform: uppercase;}
.kenmerken-woning dl > dd::after {display:none;}
.kenmerken-woning .button--red {margin-left: -20px; margin-right:-20px;}
.kenmerken-woning .button--grey {margin-bottom: 50px; position:relative; bottom: 11px; display: inline-block;}
.m30r {margin-left:30px;}
.kenmerken-woning.woning-is-object dl {left:0;}
.kenmerken-woning.woning-is-object dt {width:50%; float:left; left:0;}
.kenmerken-woning.woning-is-object dt:nth-child(2n+1) {clear:both;}
.kenmerken-woning.woning-is-object dd {width:50%; margin-left:0; float:left;}
.kenmerken-woning.woning-is-object sup {line-height:16px;}

.side-bar {position: relative; color: white; float:right; width: 25%; text-align: center; padding: 50px; background-color: #accdd8}
.side-bar h3 {font-size: 32px; text-transform: uppercase; font-weight: 400; letter-spacing:0px; line-height: 26px; font-family: "Open Sans", Arial, Tahoma, sans-serif; margin-bottom: 15px; font-style: normal;color: white; line-height: 35px;}
.side-bar a{color: white; display: block;}
.side-bar a:first-of-type {margin-top: 50px;}
.side-bar i {margin-right: 10px; font-size: 20px;}
.side-bar .button {margin-top: 30px;}
.side-bar .makelaar-foto {background-position: center; background-size: cover; position: absolute; bottom: -58px;width: 120px; height: 120px; border-radius: 50%; left: 50%; transform: translateX(-50%);}
.side-bar .makelaar-foto::before {content: ''; width: 130px; height: 130px;border-radius: 50%; border: 1px solid #accdd8; position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%);}
.side-bar .makelaar-foto::after {content:''; width:12px; height: 32px; position: absolute; bottom:-5px; right: -8px; background-image: url(images/pijl-bosch.png);}
.side-bar .makelaar-foto .naam-makelaar {left: -40px; display: inline-block; width: 200px; position: absolute; top: 110px;}
.side-bar .makelaar-foto .naam-makelaar h2 {font-size: 24px;}

.gallery-row {position: relative; margin-top: 200px;}
.gallery-row button {float: left; background-color: white; color: black;}

.pointer {font-weight:700; padding: 15px; padding-right: 33px; background-color: #00000070;}
.point-right {transform: rotate(-90deg);}
.point-left {transform: rotate(-90deg);}
.lSSlideOuter.vertical .lSAction>.lSPrev {top: -5px;}
.lSSlideOuter.vertical .lSAction>.lSNext {bottom: 17px;}


#plattegrond-slider li {text-align: center;}
.lSSlideOuter .lSPager.lSpg>li {background-color: white;}
.item { width:100%; height: auto;}
.controler {font-weight:700; position: absolute;line-height: 54px; text-align: center; width: 54px; background-color: #00000070;}
.control-left {left: 0px !important;}
.lSAction>.lSPrev {left:120px;}
.lSAction>.lSNext {right: 142px;}

.realworks-single .lSSlideOuter .lSPager.lSGallery li.active, .realworks-single .lSSlideOuter .lSPager.lSGallery li:hover {border-radius:0px;}

.omschrijving-titel {text-align:center; margin-top: 50px;}
.omschrijving-row p {margin-top: 20px;}
.omschrijving-row {columns: 2; column-gap: 50px; margin-bottom:70px;}

.realworks-video {position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; }
.realworks-video iframe { position: absolute; top: 0; width: 80%; height: 80%; left:50%; transform:translateX(-50%);}

.realworks-single #google-map { height: 400px; margin-top: 50px;}
#realworks-gallery .lslide img { width: auto; height: 100%; position:relative; left: 50%; transform: translateX(-50%);} /*w {width: auto; height: auto; position: relative; left: 50%; transform: translateX(-50%);} */
.realworks-single .lSSlideOuter .lSPager.lSGallery img {width: 100%; height: 100%; object-fit: cover; object-position: center;}

.related-row {margin-top: 150px;}
.related-row h3{margin-bottom: 30px; }

.card-wrapper { margin-left: -15px; margin-right: -15px; }
.card-wrapper h3 {margin-left: 15px;}
.related-row .card {width: 33.3333333%; float: left; }
.related-row .card-inner {position: relative; box-shadow: 0px 0px 20px 0px rgba(117, 117, 117, 0.3); margin-bottom: 80px; margin-left: 15px; margin-right: 15px; }
/* .related-row .card:nth-of-type(4) .card-inner {margin-right: 0px;} */
.related-row .card-img {position:relative;}
.related-row .card-img img {width: 100%; height: auto; max-height: 350px}
.related-row .card-description {padding: 15px;}
.related-row .card p{margin:0px; color: rgb(150, 150, 150);}
.related-row .card-description h3,.related-row .card-description h4 { margin-left: 0px; font-weight: 700; color: rgb(0, 58, 120);}
.related-row .card h3 {font-size: 18px;}
.related-row .card h4 {font-size: 25px;}
.related-row .card-label {position: absolute; display: block; left: 0; top: 15px; padding: 2px 15px; background-color: rgb(227, 34, 19);}
.related-row .card-label p{color: white; font-weight: 700; }
.related-row .card-label-wide {position: absolute; display: block; left: 0; top: 0px; padding: 2px 15px; background-color: rgb(227, 34, 19); }
.related-row .card-label-wide p {color: white; font-size: 12px; font-weight: 700;}

.lSPager li {background-color: black;}
.lSPager li img {opacity: 0.4}
.lSPager li.active img {opacity: 1;}

.realworks-single .tsd-plattegrond-slider {margin-top: 100px;}
.realworks-single .tsd-plattegrond-slider img {max-width: 100%; height: auto;}

@media only screen and (max-width: 1240px){
    .control-left {left: 0px !important;}
    .lSAction>.lSPrev {left:0px;}
    .lSAction>.lSNext {right: 22px;}
}

@media only screen and (max-width: 1000px){
    .kenmerken-woning {width: 100%; margin-bottom: 50px; }
    .kenmerken-woning .button--red {position: absolute; top: -85px; left: 280px; margin: 0px;}
    .kenmerken-woning .button--grey {position: absolute; left: 0px; top: -85px; display: block;  bottom: auto;}
    .side-bar {Width: 89%; padding-bottom: 80px;}
    .side-bar a:first-of-type {margin-top: 25px;}
    .kenmerken-woning dl, .kenmerken-woning.woning-is-object dl{left: 20px; position:relative; width: calc(100% - 20px);}
}

@media only screen and (max-width: 959px){
    .side-bar {Width: 86%;}
    .related-row .card h3{font-size: 12px;}
    .related-row .card p {font-size: 11px;}
    .related-row .card h4 {font-size: 19px;}
    .lSSlideOuter.vertical .lightSlider > * {height: 471px !important;}
    .realworks-single .gallery-row .lSSlideWrapper {height: 471px !important;}
    #realworks-gallery .lslide img {height: 471px !important;}
    .realworks-video iframe { position: absolute; top: 0; width: 100%; height: 100%; left:50%; transform:translateX(-50%);}
}

@media only screen and (max-width: 767px){
    .kenmerken-woning dl:nth-of-type(2) {margin-top: 0px;}
    .kenmerken-woning .button--red {left: 313px;}
    .kenmerken-woning .button--grey {left: 33px;}
    .omschrijving-row p {width: 100%;}
    .omschrijving-row p:last-of-type {margin-top: 10px}
    iframe {max-height: 400px;}
    .related-row .card {width: 50%;}
    .side-bar {Width: 100%; margin-right: -50px;}
    .kenmerken-woning dl{width: 100%; columns: 1; left: 0;}
    .intro-image {height: 40vh;}
    .lSSlideOuter.vertical .lightSlider > * {height: 319px !important;}
    .realworks-single .gallery-row .lSSlideWrapper {height: 319px !important;}
    #realworks-gallery .lslide img {height: 319px !important;}
    .controler {line-height: 34px; width: 34px; font-size: 20px !important;}
    .lSAction>.lSNext {right: 2px;}
}

@media only screen and (max-width: 531px){
    .kenmerken-woning .button--red {top: -50px; left: 30px;}
    .kenmerken-woning .button--grey {top: -85px; LEFT: 30PX}
    .kenmerken-woning {margin-top: 30px;}
    .lSSlideOuter.vertical .lightSlider > * {height: 238px !important;}
    .realworks-single .gallery-row .lSSlideWrapper {height: 238px !important;}
    #realworks-gallery .lslide img {height: 238px !important;}
}

@media only screen and (max-width: 461px){
    .related-row .card {width: 270px;}
    .kenmerken-woning dt{width: 125px;}
}

@media only screen and (max-width: 380px){
    .kenmerken-woning h1{font-size: 25px;}
    .kenmerken-woning p{font-size: 23px;}
    .lSSlideOuter.vertical .lightSlider > * {height: 205px !important;}
    .realworks-single .gallery-row .lSSlideWrapper {height: 205px !important;}
    #realworks-gallery .lslide img {height: 205px !important;}
}

@media only screen and (max-width: 320px){
    .lSSlideOuter.vertical .lightSlider > * {height: 169px !important;}
    .realworks-single .gallery-row .lSSlideWrapper {height: 169px !important;}
    #realworks-gallery .lslide img {height: 169px !important;}
}

.realworks-archive h1 {font-family:'Playfair Display', serif; line-height: 90px; font-weight: 700; letter-spacing: 0px; font-style: italic; font-size: 63px; margin-bottom: 0px;}
.realworks-archive h2 {font-size: 20px; text-transform: uppercase; font-weight: 400; letter-spacing:0px; line-height: 26px; font-family: "Open Sans", Arial, Tahoma, sans-serif; margin-bottom: 15px; font-style: normal;}
.realworks-archive .link-spanner {position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 10;}

.filter-row {text-align: center; margin-top: 50px;}
.filter-row form {display: inline-block; margin-top: 60px}
.filter-row input, .filter-row select {float:left; border-radius: 5px; border: 1px solid darkgrey;}
.filter-row select {-moz-appearance:none; margin-left: 10px;width: 200px;position:relative; background: #fff url('https://use.fontawesome.com/releases/v5.0.12/svgs/solid/caret-down.svg') no-repeat; background-size: 10px; background-position: 170px 13px;}
/* .filter-row select::after {content:'';width:10px; position: absolute; right: -20px; color: darkgrey; font-size: 15px} */
.filter-row option {color: darkgrey;}
.filter-row input {width: 300px;}
.realworks-archive .filter-row .search-field.trigger-this {display:inline-block; }

.realworks-archive .filter-row .trigger-button{width:172px; text-align: center; font-size: 15px; color: white; font-weight: 700; text-transform: uppercase; padding: 10px 0px; margin-left: 15px;}
.realworks-archive .filter-row .trigger-button:hover {cursor: pointer;}
.realworks-archive .filter-row .trigger-button .second-text {display:none;}
.realworks-archive .filter-row .trigger-button .second-text.active {display:inline-block;}
.realworks-archive .filter-row .trigger-button .first-text.active {display:inline-block;}
.realworks-archive .filter-row .trigger-button .first-text {display:none;}
.align-search {display: inline-block; margin-top: 50px;}
.filter-row .search-field {float: left;}

 .search-sidebar {margin-bottom: 50px;}

.extra-filter-wrapper {width:100%; text-align:center; height:0; overflow:hidden; position:relative; transition:height .3s ease-out;}
.extra-filter-wrapper.active {height:62px;}
.trigger-this {display:inline-block; float:none !important}

.hoge-map {margin-bottom: 90px ;width: 48%;  height: 90vh; float: left; position:relative; margin-right: 23px; overflow: hidden;}
.hoge-map #google-map {height:100%; width:100%;}

.card-intro {margin-bottom: 20px; width: calc(50% - 30px); position: absolute;display: inline-block; top: 0px;}
.card-intro p {font-weight: 700; position:relative; left: 15px;}
.card-intro .sorting-form p{ float: left; font-weight: 400; position: relative; left: -3px;}
.card-intro .sorting-form {position: absolute; right: 0px; top: 0px;}
.card-intro .sorting-form select {-moz-appearance:none; float: left; border: none; box-shadow: none; color: rgb(0, 58, 120); font-weight: 700; position: relative; bottom: 7px; width: 155px; background: #fff url('https://use.fontawesome.com/releases/v5.0.12/svgs/solid/caret-down.svg') no-repeat; background-size: 10px;
 background-position: 135px 12px; font-size: 14px;}

.house-wrapper {margin-bottom: 0px; position: relative; height: calc(90vh - 50px); overflow-y: scroll; overflow-x: hidden; width: 50%; float: right; top: 50px; z-index:10;}
.house-wrapper .card {width:calc(50% - 2px); display: inline-table; margin-bottom:55px;}
/* .house-wrapper .card:nth-child(-n+4) {width:50%} */
.house-wrapper .card:nth-child(4n+1) {clear:both;}
.house-wrapper .card-inner {position: relative; box-shadow: 0px 0px 20px 0px rgba(117, 117, 117, 0.3); margin-left: 15px; margin-right: 15px;}
.house-wrapper .card-img {position: relative;}
.house-wrapper .card-description {padding: 15px;}
.house-wrapper .card-label {position: absolute; display: block; left: 0; top: 0px; padding: 2px 15px; background-color: rgb(227, 34, 19);}
.house-wrapper .card-img img {width: 100%; height: auto; max-height: 350px}
.house-wrapper .card p{margin:0px; color: rgb(150, 150, 150); font-size: 12px;}
.house-wrapper .card h3,.house-wrapper .card h4 {font-weight: 700; color: rgb(0, 58, 120);}
.house-wrapper .card h3 {font-size: 15px;}
.house-wrapper .card h4 {font-size: 22px;}
.house-wrapper .card-label p{color: white; font-weight: 700; text-transform: uppercase;}
.house-wrapper .card-label-2, .related-row .card-label-2  {position: absolute; display: block; bottom:5px; width: calc(100% - 30px); padding: 2px 15px; background-color: rgb(0, 58, 120);}
.house-wrapper .card-label-2 p, .related-row .card-label-2 p{color: white; font-weight: 700; text-transform: uppercase; font-size: 10px;}
.house-wrapper .card-label-wide {position: absolute; display: block; left: 0; top: 0px; padding: 2px 15px; background-color: rgb(227, 34, 19); }
.house-wrapper .card-label-wide p {color: white; font-size: 12px; font-weight: 700;}
.woning-aanbod .button{margin-bottom:50px; left: 15px; position: relative;}
/* .house-wrapper .card:nth-child(1+2n) {clear:both} */

@media only screen and (max-width: 1439px){
    .house-wrapper .card h3 {font-size:13px;}
    .house-wrapper .card h4 {font-size: 18px;}
}


@media only screen and (max-width: 1239px){
    .kenmerken-woning dd {width: 150px; margin-left: 160px;}
    .hoge-map {margin-right: 6px;}
    .house-wrapper .card {width: 49%;}
    .card-intro {margin-left: 15px;}
}

@media only screen and (max-width: 1058px){
    .house-wrapper .card-label-2 p, .related-row .card-label-2 p{font-size: 10px;}
    .house-wrapper .card p{font-size: 10px;}
}

@media only screen and (max-width: 959px){
    .card-intro .sorting-form select {bottom: 10px;}
    .filter-row input {width: 220px}
    .filter-row #type {Width: 150px; background-position: 130px 13px;}
    .filter-row #prijs-min {Width: 100px; background-position:80px 13px;}
    .filter-row  h1 {font-size: 54px;}
    .filter-row h2 {font-size: 18px;}

}

@media only screen and (max-width: 959px){
    .hoge-map {display: none;}
    .house-wrapper {Width: 100%; height: auto; padding-bottom: 100px;}
    .house-wrapper .card {width: 49%;}
    .card-intro p {left: 0px;}
    .card-intro {width: 100%; margin-left: 0px;}
    .house-wrapper .card-label-2 p, .related-row .card-label-2 p{font-size: 13px;}

}

@media only screen and (max-width: 767px){
    .filter-row .search-field {width:48%;}
    .filter-row input{width: 99%}
    .filter-row #type  {margin-left: 14px; Width: 100%; background-position: 160px 13px;}
    .filter-row #prijs-min {margin-left: 0px; Width: 100%; background-position:160px 13px;}
    .filter-row h1 {font-size: 37px; line-height:60px; margin-bottom:10px;}
    .filter-row h2 {font-size: 12px;}
    .realworks-archive .filter-row button {margin-left: 0px;}

}

@media only screen and (max-width: 546px){
    .filter-row .search-field, .filter-row input {width:254px;}
    .filter-row #type {margin-left: 0px; Width: 254px; background-position: 90% 13px;}
    .filter-row #prijs-min {Width: 254px; background-position:90% 13px;}
    .realworks-archive .filter-row button {position: absolute; left: 33px; bottom: -35px}
    .realworks-archive .filter-row {margin-bottom: 80px}
    .omschrijving-row {columns: 1; column-gap: 50px;}
}

@media only screen and (max-width: 500px){
    .house-wrapper .card {width: 247px; margin: 0 auto 40px; float:none; display: block;}
    .house-wrapper .card-inner {margin-left: 0px; margin-right: 0px;}
    .house-wrapper {width: 100%;}
    .house-wrapper .card:first-of-type {margin-top: 20px;}
    .card-intro {min-width:305px; height: 45px; margin-left: 7px;}
    .card-intro form select {bottom: 29px; float:none;}
    .house-wrapper .button {display: block; left: 50%; transform: translateX(-50%); bottom: -10px; width: 181px; margin-bottom:60px;}
    .card-intro .sorting-form {right: auto; top: auto;}
    .card-intro .sorting-form select {bottom: 10px; margin-bottom:0px;}
}

@media only screen and (max-width: 374px){
    .kenmerken-woning dd {width: 150px; margin-left: 145px;}
}

.realworks-recent:after {content: ""; display: table; clear: both;}
.realworks-items{display:inline-block; float: left; width:25%}

.realworks-recent {margin-bottom: 0px; margin-top: 10px; position: relative;}
.realworks-recent .card {width:100%; display: inline-table; margin-bottom:55px;}
/* .realworks-recent .card:nth-child(-n+4) {width:50%} */
.realworks-recent .card:nth-child(4n+1) {clear:both;}
.realworks-recent .card-inner {position: relative; box-shadow: 0px 0px 20px 0px rgba(117, 117, 117, 0.3); margin-left: 15px; margin-right: 15px; background-color: white;}
.realworks-recent .card-img {position: relative;}
.realworks-recent .card-description {padding: 15px;}
.realworks-recent .card-label {position: absolute; display: block; left: 0; top: 0px; padding: 2px 15px; background-color: rgb(227, 34, 19);}
.realworks-recent .card-img img {width: 100%; height: auto; max-height: 350px}
.realworks-recent .card p{margin:0px; color: rgb(150, 150, 150); font-size: 12px;}
.realworks-recent .card h3,.realworks-recent .card h4 {font-weight: 700; color: rgb(0, 58, 120);}
.realworks-recent .card h3 {font-size: 15px;}
.realworks-recent .card h4 {font-size: 22px;}
.realworks-recent .card-label p{color: white; font-weight: 700; text-transform: uppercase;}
.realworks-recent .card-label-2, .related-row .card-label-2  {position: absolute; display: block; bottom:5px; width: calc(100% - 30px); padding: 2px 15px; background-color: rgb(0, 58, 120);}
.realworks-recent .card-label-2 p, .related-row .card-label-2 p{color: white; font-weight: 700; text-transform: uppercase; font-size: 10px;}


.realworks-search .filter-row {margin-top:30px; background-color: white; padding: 20px 0;}
.realworks-search .filter-row input {margin-bottom: 0px;}
.realworks-search .align-search {margin-top:0px;}
.realworks-search .align-search button {transition: all .2s ease-in-out; font-size: 15px; color: white; font-weight: 700; text-transform: uppercase; padding: 10px 25px; margin-left: 15px;}
.realworks-search .align-search button:hover {background-color: rgb(0, 58, 120)}
.realworks-recent-button--red .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern, .realworks-recent-button--blue .vc_btn3.vc_btn3-color-blue.vc_btn3-style-modern {transition: all .2s ease-in-out; display: inline-block; padding: 10px 25px; text-transform: uppercase;font-weight: 700 !important; color: white !important; font-size: 15px !important;margin: 0px !important; background-color: rgb(227, 34, 19); border: none; border-radius:0; background-image: none; }
.realworks-recent-button--blue .vc_btn3.vc_btn3-color-blue.vc_btn3-style-modern{font-size: 15px; margin: 0px; background-color: rgb(0, 58, 120)}

.realworks-recent-button--red .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover {color: white; background-color: rgb(0, 58, 120)}
.realworks-recent-button--blue .vc_btn3.vc_btn3-color-blue.vc_btn3-style-modern:hover {color: white; background-color: rgb(227, 34, 19)}

.realworks-recent-button--red {left: 38.8%; position: relative; transform: translateX(-50%); margin-right: 25px;}
.realworks-recent-button--blue {left: 40.7%; position: relative; transform: translateX(-50%); margin-right: 25px;}

.realworks-recent .card-label-wide {position: absolute; display: block; left: 0; top: 0px; padding: 2px 15px; background-color: rgb(227, 34, 19); }
.realworks-recent .card-label-wide p {color: white; font-size: 12px; font-weight: 700;}

@media only screen and (max-width: 1239px){
    .realworks-recent-button--red {left: 35.8%;}
    .realworks-recent-button--blue {left: 38.3%;}
}

@media only screen and (max-width: 959px){
    .realworks-items {width: 50%;}
    .realworks-recent-button--red {left: 31.4%;}
    .realworks-recent-button--blue {left: 34.6%;}
}

@media only screen and (max-width: 767px){
    .vc_column-inner {position:relative; padding-bottom: 50px;}
    .realworks-recent-button--red {left: 30px; position: absolute; transform: none;}
    .realworks-recent-button--blue {left: 15px; position: relative; transform: none; top: 50px;}
    .vc_custom_1519126045768 {padding-bottom:85px !important;}
    .realworks-search .align-search button {margin-top: 20px;}
}

@media only screen and (max-width: 546px){
    .realworks-items {width: 100%;}
    .realworks-search .filter-row input, .realworks-search .search-field, .realworks-search .search-field select {width:100% !important;}
    .realworks-search .search-field, .realworks-search .filter-row input {margin-bottom:20px;}
    .realworks-search .align-search button {margin-top: 0px;}
}

@media only screen and (max-width: 367px){
    .realworks-recent-button--red .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern, .realworks-recent-button--blue .vc_btn3.vc_btn3-color-blue.vc_btn3-style-modern, .realworks-search .align-search button {font-size: 12px !important;}
}