/* reset */
@import url("stylenew.css");
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
/*body.common_shadow {
background-color: red;
width: 100%;
}*/
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/*default */
.details-verhuurd h5{
font-size: 14px;
color: white;
margin-top: 26px;
}
.details-price h5{
font-size: 14px;
color: white;
margin-top: 26px;
}
.blog-wrap h5{
font-size: 14px;
color: white;
margin-top: 20px;
}
html,
body {
font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica, sans-serif;
line-height: 1.4;
color: #656565;
font-size: 24px;
}
* {
box-sizing: border-box;
}
input,
select,
textarea {
font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica, sans-serif;
line-height: 28px;
color: #656565;
font-size: 24px;
}
body {
background: #fff;
}
img {
border: 0px;
max-width: 100%;
}
sup {
vertical-align: super;
font-size: smaller;
}
a,
input {
outline: none;
}
a {
color: #fff;
text-decoration: none;
/* transition:all 0.3s;
-webkit-transition:all 0.3s;
-ms-transition:all 0.3s; */
}
.inner-description a{
color: #f29200;
font-weight: bold;
}
a:hover {
text-decoration: underline;
}
p {
font-family: "Gotham light";
line-height: 28px;
color: #656565;
font-size: 18px;
font-weight: 300;
margin-bottom: 24px;
}
h1,
.h1 {
color: #000000;
font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica, sans-serif;
font-size: 35px;
font-weight: 900;
}
h2,
.h2 {
font-family: 'Gotham Light';
font-size: 30px;
font-weight: 300;
margin-bottom: 20px;
}
h3,
.h3 {
color: #000000;
font-size: 25px;
font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica, sans-serif;
font-weight: 900;
}
h4 {
font-size: 25px;
line-height: 40px;
font-weight: normal;
}
h5 {
font-size: 20px;
line-height: 25px;
font-weight: 900;
}
h6 {
font-size: 18px;
line-height: 28px;
}
.whatsapp a{
color: #891d4e;
}
.chat a{
color: #891d4e;
}
.email2 a{
color: #891d4e;
}
.contact-no .telephone a{
color: #891d4e;
}
/* buttons style */
.whatsapp .whatsappdetails{
font-size: 14px;
}
.chat .chatdetails{
font-size: 14px;
}
.pnumber .phonedetails{
font-size: 14px;
}
.button {
-webkit-appearance: none;
cursor: pointer;
border-radius: 0;
padding: 13px 15px;
display: inline-block;
text-align: center;
color: #ffffff !important;
font-family: "Gotham";
font-size: 17px;
font-weight: 500;
border-radius: 30px;
-webkit-border-radius: 30px;
-ms-border-radius: 30px;
background-color: #f29200;
border: 1px solid transparent;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
}
.button:hover {
background: #fff;
border-color: #f29200;
color: #f29200 !important;
text-decoration: none;
}
a.buttonpaspoort {
-webkit-appearance: none;
cursor: pointer;
border-radius: 0;
padding: 13px 15px;
display: inline-block;
text-align: left;
color: ffffff;
font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight: 900;
border-radius: 30px;
-webkit-border-radius: 30px;
-ms-border-radius: 30px;
background-color: #f29200;
border: 1px solid transparent;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
}
a.buttonpaspoort:hover {
background: #fff;
border-color: #f29200;
color: #f29200;
text-decoration: none;
}
.buttoncenter{
text-align: center;
}
.buttonheader {
-webkit-appearance: none;
cursor: pointer;
border-radius: 0;
padding: 13px 15px;
display: inline-block;
color: #ffffff;
text-align: center;
font-family: "Gotham";
font-size: 17px;
font-weight: 500;
border-radius: 30px;
-webkit-border-radius: 30px;
-ms-border-radius: 30px;
background-color: #f29200;
border: 1px solid transparent;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
}
.buttonheader:hover {
background: #fff;
border-color: #f29200;
color: #f29200;
text-decoration: none;
}
/*other */
.clearfix:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both;
}
.container {
max-width: 1280px;
padding: 0 20px;
margin: 0 auto;
text-align: left;
}
summary {
font-size: 0.75rem;
font-weight: 500;
font-family: "Gotham";
background-color: #f6f6f6;
color: #333;
padding: 1rem;
margin-bottom: 1rem;
outline: none;
border-radius: 0.25rem;
text-align: left;
cursor: pointer;
position: relative;
}
details > summary::after {
position: absolute;
content: "+";
right: 20px;
text-align: left;
}
details[open] > summary::after {
position: absolute;
content: "-";
right: 20px;
text-align: left;
}
details > summary::-webkit-details-marker {
display: none;
text-align: left;
}
.faq__content{
text-align: left;
}
.m-icon {
display: inline-block;
width: 34px;
height: 34px;
}
.m-icon.heart-m-icon {
width: 34px;
height: 28px;
background: url(../images/hartje2.png)no-repeat center/34px 28px;
}
.m-icon.heart-m-icon:active {
background: url(../images/hartje2-hover.png)no-repeat center/34px 28px;
}
.m-icon.heart-m-icon:hover {
background: url(../images/hartje2-hover.png)no-repeat center/34px 28px;
}
.m-icon.heart-m-icon-active {
width: 34px;
height: 28px;
background: url(../images/hartje2-hover.png)no-repeat center/34px 28px;
}
.m-icon.location-m-icon {
width: 23px;
height: 30px;
background: url(../images/locatie2.png)no-repeat center/23px 30px;
}
.m-icon.overview-m-icon {
width: 34.5px;
height: 28.5px;
background: url(../images/overzicht2.png)no-repeat center/34px 28px;
}
.m-icon.location-m-icon:hover {
background: url(../images/locatie2-hover.png)no-repeat center/23px 30px;
}
.m-icon.overview-m-icon:hover {
background: url(../images/overzicht2-hover.png)no-repeat center/34px 28px;
}
#template {
width: 100%;
overflow: hidden;
}
/*#content-part{
width: 100%;
background-color: red;
overflow: hidden;
}*/
/* header */
.slick-slide img { width: 100%; }
#header-part {
padding: 20px 0;
z-index: 999;
position: fixed;
width: 100%;
background: none;
;
}
#header-part.scrolled {
background: rgba(0, 0, 0, .4);
}
#header-part.header1 {
background: #fff;
position: static;
}
#header-part .logo {
float: left;
max-width: 248px;
}
#header-part .logo a {
display: block;
width: 220px;
}
/* nav bar */
.nav-bar {
padding: 24px 0px 0px 0px;
float: right;
}
.nav-bar ul {
margin: 0;
list-style: none;
display: block;
z-index: 99999;
}
.nav-bar li {
position: relative;
display: inline-block;
vertical-align: middle;
margin-left: 30px;
}
.nav-bar li.active, .nav-bar li:hover{
position: relative;}
.nav-bar li.active a::after, .nav-bar li:hover a::after{content: '';
text-decoration: none;
background-color: #891d4e;
position: absolute;
display: block;
width: 100%;
height: 3px;margin: 0px auto;right: 0;left: 0;
}
.nav-bar li.active ul li a::after, .nav-bar li:hover ul li a::after{
display: none;
}
.nav-bar li ul li.active a::after,
.nav-bar li ul li:hover a::after{
display: block;
}
.nav-bar li a {
font-size: 18px;
text-decoration: none;
color: #ffffff;
display: inline;
position: relative;
font-family: "Gotham Book";
}
.header1 .nav-bar li ul li a {color:#FFFFFF;}
.nav-bar li a:hover,
.header1 .nav-bar li a:hover {
text-decoration: none;
/*color: red;*/
}
.header1 .nav-bar li a {
font-weight: 400;
color: #656565;
font-family: 'Gotham Book';
}
.header1 .nav-bar li {
font-weight: 400;
color: #656565;
font-family: 'Gotham Book';
}
.nav-bar li:hover li a {
color: #red;
}
.nav-bar li ul:before {
position: absolute;
left: 0;
top: -33px;
width: 100%;
height: 33px;
content: '';
}
.nav-bar li ul {
margin: 33px 0 0 0;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-ms-transition: all 0.3s;
transform: scale(1, 0);
-webkit-transform: scale(1, 0);
-ms-transform: scale(1, 0);
opacity: 0;
transform-origin: 0 0;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
position: absolute;
left: -15px;
top: 100%;
border-radius: 0 0 7px 7px;
-webkit-border-radius: 0 0 7px 7px;
-ms-border-radius: 0 0 7px 7px;
width: 250px;
background-color: #F9961E;
}
.nav-bar li li:first-child,
.nav-bar li li {
margin: 0;
width: 100%;
padding: 10px 15px;
font-size: 14px;
line-height: 18px;
float: none;
}
.nav-bar li:hover ul {
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
opacity: 100;
}
#header-part a.menu {
display: none;
}
/*footer */
.footer-primary {
width: 100%;
float: left;
position: relative;
background: url(../images/footer-img.png) no-repeat center /cover;
text-align: center;
padding: 124px 0 75px;
}
.footer-primary * {
color: #f2f2f2;
font-family: 'Gotham Book';
}
.footer-primary .container {
max-width: 936px;
}
.form-newsletter {
padding: 12px 0 55px;
width: 100%;
float: left;
}
.contact-details{width: 100%;float: left;}
.form-newsletter .form-input {
height: 55px;
background-color: #ffffff;
border: none;
float: left;
padding: 10px;
width: 27%;
border-left: 1px solid #ccc;
color: #726f6f;
font-size: 16px;
font-weight: 400;
border: 1px solid #f1f1f1;
}
.form-newsletter .form-input.error{
border-color: #e41e13;
}
.form-newsletter .form-input:first-child {
border-radius: 25px 0 0 25px;
border: none;
}
.form-newsletter .button {
border-radius: 0 25px 25px 0;
height: 55px;
width: 19%;
float: left;
line-height: 19px;
}
.form-newsletter label,
label a {
font-size: 16px;
font-weight: 400;
}
.form-newsletter label input[type="checkbox"] {
width: 20px;
height: 20px;
position: relative;
top: 5px;
}
.form-newsletter label a {
color: #f29200;
text-decoration: underline;
}
.group-input {
margin-bottom: 10px;
}
.contact-details p {
font-size: 16px;
font-weight: 400;
margin-top: -20px;
}
/* .contact-no > div {
float: left;
width: 43%;
font-size: 26px;
font-weight: 400;
position: relative;
margin-bottom: 25px;
text-align: right;
}
.contact-no > div:before {
content: "";
display: inline-block;
vertical-align: middle;
margin-right: 12px;
width: 36px;
height: 36px;
background: url(../images/phone_Icon.svg) no-repeat center/26px;
}
.contact-no > div.email:before {
background: url(../images/mail_Icon.svg) no-repeat center/26px;
}
.contact-no > div.chat:before {
background: url(../images/chat_Icon.svg) no-repeat center/26px;
}
.contact-no > div.whatsapp:before {
background: url(../images/whatsapp_icon.svg) no-repeat center/26px;
} */
.footer-secondary {
background: #fff;
padding: 20px 0;
text-align: center;
float: left;
width: 100%;
}
.footer-secondary ul {
float: right;
}
.footer-secondary li {
display: inline-block;
vertical-align: middle;
}
.footer-secondary li:after {
content: "-";
display: inline-block;
vertical-align: middle;
padding: 0 7px;
opacity: .58;
}
.footer-secondary li:last-child:after {
content: "";
}
.footer-secondary li a {
color: #726f6f;
font-size: 14px;
font-weight: 400;
font-family: 'Gotham Book';
display: inline-block;
vertical-align: middle;
}
.footer-secondary li a:hover {
text-decoration: none;
color: #f18f1c;
}
.contact-no{padding: 15px 0;text-align: left;width: 100%;float: left;}
.contact-no .phone{width: 40%;float: left;text-align: right;}
.contact-no .phone a{font-size: 26px;color: #f2f2f2;font-weight: 400;background: url(../images/phone_Icon.svg)left center no-repeat;background-size: 26px;padding-left: 40px;text-decoration: none;}
.contact-no .email{width: 48%;float: right;text-align: left;}
.contact-no .email a{font-size: 26px;color: #f2f2f2;font-weight: 400;background: url(../images/mail_Icon.svg)left center no-repeat;background-size: 26px;padding-left: 40px;text-decoration: none;}
.footer-social{padding: 15px 0;text-align: left;width: 100%;float: left;}
.footer-social .left{width: 50%;float: left;text-align: right;}
.footer-social .left a{font-size: 26px;color: #f2f2f2;font-weight: 400;background: url(../images/massage.png)left center no-repeat;background-size: 26px;padding-left: 40px;}
.footer-social .right{width: 43%;float: right;text-align: left;}
.footer-social .right a{font-size: 26px;color: #f2f2f2;font-weight: 400;background: url(../images/whatsapp.png)left center no-repeat;background-size: 26px;padding-left: 40px;text-decoration: none;}
/* banner-bar */
.home-banner-bar {
width: 100%;
position: relative;
background: url(../images/layer_5.png) no-repeat center /cover;
height: 800px;
}
.home-banner-bar.huurpaspoort-banner {
background: url(../images/HeaderHuurpaspoort.jpg) no-repeat center /cover;
}
.home-banner-bar.middenhuur-banner {
background: url(../images/HeaderMiddenhuur.jpg) no-repeat center /cover;
}
.home-banner-bar.toewijzing-banner {
background: url(../images/headertoewijzing.jpg) no-repeat center /cover;
}
.home-banner-bar.voorhuurders-banner {
background: url(../images/headervoorhuurders.jpg) no-repeat center /cover;
}
.home-banner-bar.faq-banner {
background: url(../images/headerfaq.jpg) no-repeat center /cover;
}
.home-banner-bar:after,
.slick-list:after {
position: absolute;
top: 0;
width: 100%;
left: 0;
height: 100%;
content: "";
background: rgba(0, 0, 0, 0.42);
}
.banner-text {
position: relative;
top: 59%;
left: 0;
width: 100%;
transform: translateY(-50%);
z-index: 2;
}
.banner-text ul {
list-style: none;
display: flex;
justify-content: space-between;
}
.banner-text ul li {
flex: 1;
width: 25%;
background-color: #891d4e;
padding: 20px 30px;
position: relative;
margin-bottom: 15px;
margin-right: 15px;
display: flex;
flex-direction: column;
}
.banner-text ul li:after {
content: "";
width: 55px;
height: 55px;
border: 2px solid #ffffff;
border-left: none;
border-top: none;
position: absolute;
right: 15px;
bottom: 15px;
}
.banner-text ul li.orange {
background-color: #f7941d;
}
.banner-text ul li.safron {
background-color: #ef4534;
}
.banner-text h1 {
text-align: center;
color: #ffffff;
font-family: 'Gotham';
font-size: 40px;
font-weight: 400;
margin-bottom: 35px;
}
.banner-text ul li span,
.banner-text ul li strong {
display: block;
color: #ffffff;
font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 30px;
}
.banner-text ul li span {
font-family: 'Gotham Book';
font-weight: 400;
}
.banner-anders {
margin-top: 7%;
left: 0;
width: 100%;
transform: translateY(-50%);
}
.banner-anders ul {
list-style: none;
display: flex;
justify-content: space-between;
}
.banner-anders ul li {
flex: 1;
width: 25%;
background-color: #891d4e;
padding: 20px 30px;
position: relative;
margin-bottom: 15px;
margin-right: 15px;
display: flex;
flex-direction: column;
}
.banner-anders ul li:after {
content: "";
width: 55px;
height: 55px;
border: 2px solid #ffffff;
border-left: none;
border-top: none;
position: absolute;
right: 15px;
bottom: 15px;
}
.banner-anders ul li.orange {
background-color: #f7941d;
}
.banner-anders ul li.safron {
background-color: #ef4534;
}
.banner-anders h1 {
text-align: center;
color: #ffffff;
font-family: 'Gotham Book';
font-size: 40px;
font-weight: 400;
margin-bottom: 35px;
}
.banner-anders ul li strong {
display: block;
color: #ffffff;
font-family: "Gotham book";
font-size: 20px;
font-weight: 700;
line-height: 30px;
}
.banner-anders ul li span {
display: block;
color: #ffffff;
font-family: "Gotham book";
font-size: 20px;
font-weight: 400;
line-height: 30px;
}
.short-description-bar {
padding: 50px 0 0px;
text-align: center;
margin-bottom: 60px;
}
.short-description-bar .inner-description {
max-width: 1240px;
margin: 0 auto;
text-align: center;
}
.short-description-bar .inner-description h2 {
color: blue;
margin-bottom: 25px;
color: #656565;
}
p.microcopy{
font-size: 14px;
}
.short-description-bar p {
font-family: 'Gotham Light';
}
.blog-section-bar .container h2{
text-align: center;
}
.blog-section-bar {
padding: 80px 0 50px 0;
background: #f2f2f2;
}
.blogs-wrapper {
padding-top: 70px;
}
.blog-wrap {
float: left;
text-align: left;
width: calc(33.33% - 16px);
margin-right: 24px;
margin-bottom: 80px;
}
.blog-wrap:nth-child(3n) {
margin-right: 0;
clear: right;
}
.blog-wrap figure {
position: relative;
margin-bottom: 20px;
}
.blog-wrap figure figcaption {
position: absolute;
top: -20px;
left: 0;
display: block;
width: 140px;
height: 140px;
background-color: #891d4e;
padding: 10px 10px 10px;
}
.blog-wrap ul{
margin-left: 0px;
}
.blog-wrap figcaption.complex {
position: absolute;
top: -20px;
left: 0;
display: block;
width: 140px;
height: 140px;
background-color: #fa961e;
padding: 10px 10px 10px;
}
.blog-wrap figcaption.verhuurd {
position: absolute;
top: -20px;
left: 0;
display: block;
width: 140px;
height: 140px;
background-color: #e41d13;
padding: 10px 10px 10px;
}
.blog-wrap h3 {
font-size: 23px;
}
.blog-wrap figure strong,
.blog-wrap figure span {
display: block;
color: #ffffff;
font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica, sans-serif;
font-size: 20px;
line-height: 30px;
font-weight: 900;
}
.blog-wrap figure h5 {
display: block;
color: #ffffff;
font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 20px;
}
.blog-wrap figure span {
font-family: 'Gotham Book';
font-weight: 400;
font-size: 18px;
line-height: 1;
}
.blog-wrap figure img {
display: block;
width: 100%;
}
.warning{
height: 25px;
width: 25px;
background-color: red;
}
.date-wrap {
position: absolute;
bottom: 0px;
left: 0;
display: block;
background-color: #FFB932;
padding: 10px 11px 10px;
text-align: center;
}
.date-wrap li {
display: inline-block;
padding: 0 5px;
}
.date-wrap strong,
.date-wrap span {
display: block;
color: #fff;
font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica, sans-serif;
font-size: 28px;
font-weight: 900;
}
.date-wrap span {
font-size: 16px;
font-weight: 500;
}
.date-wrap-detail {
position: absolute;
bottom: 0px;
left: 0;
display: block;
background-color: #FFB932;
padding: 10px 11px 10px;
text-align: center;
}
.date-wrap-detail li {
display: inline-block;
padding: 0 5px;
}
.date-wrap-detail strong,
.date-wrap-detail span {
display: block;
color: #fff;
font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica, sans-serif;
font-size: 22px;
font-weight: 900;
}
.date-wrap-detail span {
font-size: 20px;
font-weight: 500;
}
/* NEW CSS */
/* banner */
.home-banner-bar.huurders_complexinfo_banner{background: url(../images/voor-huurders-complexInfo.jpg) no-repeat center /cover;}
/* banner */
/* faq css */
.faq_body{width: 100%;float: left;position: relative;}
.faq_body .content_top{width: 100%;float: left;position: relative;}
.faq_body .content_top::before{content: "";position: absolute;width: 175px;height: 150px;right: -52%;bottom: 150px;background: #e41b12;}
.faq_body .content_top::after{content: "";position: absolute;width: 175px;height: 150px;right: -52%;bottom: 0;background: #f39200;}
.faq_body p{font-family: 'Gotham Book';}
.faq_body p span{font-style: italic;}
.faq_area{width: 70%;float: left;padding: 90px 0; padding-left: 160px;}
.faq_area ol{list-style: none;counter-reset: flag;}
.faq_area ol li{color: #8f1c47;font-weight: 900;position: relative;padding-left: 20px;}
.faq_area ol li::before{font-family: 'Gotham Book';content: counter(flag);counter-increment: flag;position: absolute;top: 2px;line-height: 1; left: 0;line-height: 20px; font-size: 18px;color: #8f1c47;}
.faq_body h2, .faq_body h6,.faq_body h3{color: #8f1c47;font-weight: 900;font-family: 'Gotham Book';}
.faq_area h5{font-size: 18px;color: #8f1c47;font-style: italic;}
.faq_area .faq_box{width: 100%;float: left;padding-top: 50px;}
.faq_area .faq_box ul{list-style: none;counter-reset: flag;}
.faq_area .faq_card::before{font-family: 'Gotham Book';font-weight: 900; content: counter(flag);counter-increment: flag;position: absolute;top: 28px;line-height: 1 !important; left: 15px;line-height: 20px; font-size: 40px;color: #8e1b48;}
.faq_area .faq_card{position: relative; width: 100%; float: left;position: relative;margin-bottom: 20px;padding-left: 60px;}
.faq_area .faq_card .image_box{position: absolute;left: -168px;top: 0;}
.faq_area .far_qus_box{width: 100%;float: left;position: relative;}
.faq_area .far_qus_box::after{content: "";position: absolute;width: 150px;height: 150px;right: -52%;bottom: 0;background: #8e1b48;}
.faq_area .accordian{border-top: 2px solid #fbdcaf;}
.faq_area .far_qus_box h3{font-size: 18px;line-height: 2;}
.faq_area .far_qus_box h3:hover{color: #68092d;}
.faq_area .far_qus_box .acc-items{border-bottom: 1px solid #f8c16f;}
.faq_area .far_qus_box .acc-items:nth-child(4n){border-bottom: 2px solid #fbdcaf;}
.faq_area .far_qus_box .acc-title{cursor: pointer;}
.faq_area .far_qus_box .acc-content{display: none;padding: 10px 20px;background: #8f1c47;}
.faq_area .far_qus_box .acc-content p{color: #fff;}
.faq_area .far_qus_box .acc-title.active h3{color: #68092d;}
/* faq css */
/* voor-huurders css */
.blog_card_box{width: 100%;float: left;}
.blog_card_box h2{font-size: 30px;text-align: left;}
.blog_card_box .blog-wrap figure figcaption{width: 120px ;height: 120px;padding: 40px 10px;}
.blog_card_box .blog-wrap figure strong{font-size: 18px;line-height: 1.4;font-weight: 600;}
.blog_card_box .blog-wrap figure span{font-size: 18px;}
.blog_card_box .blog-section-bar{padding: 60px 0px 0px;}
/* voor-huurders css */
.toewijzing_card h6{display: none; color:#ffff;padding: 4px 10px;text-align: left;font-weight: 900;font-size: 16px;font-family: 'Gotham Book';margin-bottom: 0px;background: #8e1b48;}
/* Toewijzing midden- en start */
.toewijzing_common{width:100%;float: left;padding: 60px 0px;}
.toewijzing_common .text_box{position: relative;width: 100%;float: left;}
.toewijzing_common h2{font-size: 30px;color:#646464;font-family: 'Gotham Book';}
.toewijzing_common p{font-size: 20px;color:#646464;font-family: 'Gotham Book';margin-bottom: 0px;max-width: 90%;}
.toewijzing_common .btn_box{position: absolute;right: 50px; top: 0px;}
.toewijzing_common .btn_box a{transition: all .3s linear;padding: 5px 10px;display: inline-block;font-size: 16px;background: #ed8f00;border: 1px solid #f29200; }
.toewijzing_common .btn_box a:hover{background: transparent;text-decoration: none;color: #ed8f00;}
/* Toewijzing midden- en end */
/* toewijzing_card start */
.toewijzing_card{width:100%;float: left;background: #f2f2f2;padding: 60px 0px;}
.toewijzing_card .toewijzing_scriteria{width:100%;float: left;}
.toewijzing_card .toewijzing_scriteria .inkomenseis{width:100%;float: left;padding: 10px 0px;}
.toewijzing_card .inkomenseis_inner{ width: 100%;float: left;display: flex;flex-wrap: wrap;border-top: 1px solid #7a7a79;border-bottom: 1px solid #7a7a79;}
.toewijzing_card .toewijzing_scriteria .passendheid{width:100%;float: left;padding-bottom: 20px;}
.toewijzing_card .toewijzing_scriteria .passendheid_content{width: 100%;float: left;border-bottom: 1px solid #7a7a79;}
.toewijzing_card .toewijzing_scriteria .passendheid_content.top{border-top: 1px solid #7a7a79;}
.toewijzing_card .left_part{width:19%;float: left;}
.toewijzing_card .mid_part{width:33%;float: left;border-left: 1px solid #7a7a79;}
.toewijzing_card .right_part{width:48%;float: left;border-left: 1px solid #7a7a79;}
.toewijzing_card .top_heading{width:100%;float: left;background: #8e1b48;padding: 10px 0px;}
.toewijzing_card .top_heading .mid_part,.toewijzing_card .top_heading .right_part{border: none;}
.toewijzing_card .top_heading h3{color:#ffff;font-size: 18px;font-family: 'Gotham Book';margin-bottom: 0px;}
.toewijzing_card h3{color:#8e1b48;font-size: 18px;font-family: 'Gotham Book';margin-bottom: 10px;padding: 0 10px;}
.toewijzing_card p{font-family: 'Gotham Book';line-height: 22px;padding: 0 10px;margin: 10px 0px;}
.toewijzing_card .passendheid_content .mid_part.content{width: 80%;float: left;}
.toewijzing_card .rekenvoor_beelden{width:100%;float: left;}
.toewijzing_card .rekenvoor_beelden .nettostap_heading{width: 100%;float: left;border-bottom: 1px solid #fff;}
.toewijzing_card .rekenvoor_beelden .nettostap_heading h3{padding-top: 10px;}
.toewijzing_card .netto_inkomenseis{width: 100%;float: left;}
.toewijzing_card .netto_inkomenseis .netto_card{width: 100%;float: left;display: flex;flex-wrap: wrap;border-bottom: 1px solid #fff;}
.toewijzing_card .netto_card .mid_part,.toewijzing_card .netto_card .right_part{border-left: 1px solid #fff;}
.toewijzing_card .netto_inkomenseis .netto_card:nth-child(1),
.toewijzing_card .netto_inkomenseis .netto_card:nth-child(2),
.toewijzing_card .netto_inkomenseis .netto_card:nth-child(3){background: #e5d0d4;}
.toewijzing_card .netto_inkomenseis .netto_card:nth-child(4),
.toewijzing_card .netto_inkomenseis .netto_card:nth-child(5),
.toewijzing_card .netto_inkomenseis .netto_card:nth-child(6){background: #fef2da;}
.toewijzing_card .netto_inkomenseis .netto_card:nth-child(7),
.toewijzing_card .netto_inkomenseis .netto_card:nth-child(8),
.toewijzing_card .netto_inkomenseis .netto_card:nth-child(9){background: #fcdbcb;}
.toewijzing_card .rekenvoor_beelden .left_part{width: 15%;float: left;text-align: right;}
.toewijzing_card .rekenvoor_beelden .left_part p{padding-right: 15px;}
.toewijzing_card .rekenvoor_beelden .mid_part{width: 37%;float: left;}
.toewijzing_card .rekenvoor_beelden.right_part{width: 48%;float: left;}
.toewijzing_card .rekenvoor_beelden .top_heading .left_part{text-align: unset;}
/* toewijzing_card end */
/* ventilation_area css */
.ventilation_area p{font-family: 'Gotham Book';}
.ventilation_area{width: 100%;float: left;padding-bottom: 40px;}
.ventilation_area .sidebar{width: 27%;float: left;}
.ventilation_area .right_box{width: 67%;float: right;}
.ventilation_area .sidebar .top_box{width: 100%; float: left;margin-bottom: 335px;}
.ventilation_area .sidebar .color_box {width: 100%; float: left;}
.ventilation_area .sidebar .top_box img{display: block;width: 100%;}
.ventilation_area .sidebar .color_box span{width: 50%;height: 175px; float: left;}
.ventilation_area .sidebar .top_box .color_box span:first-child{background-color: #f39200;}
.ventilation_area .sidebar .top_box .color_box span:last-child{background-color: #e41b12;}
.ventilation_area .sidebar .bottom_box .color_box span{background: #8e1b48;}
.ventilation_area h2{color: #8f1c47;font-weight: 900;font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica, sans-serif;}
.ventilation_area h6{color: #8f1c47;font-weight: 900;font-family: 'Gotham Book';}
.ventilation_area .text_box{width: 100%;float: left;margin-bottom: 25px;}
.ventilation_area .text_box p{margin-bottom: 0;}
.ventilation_area .img_box{width: 100%;float: left;padding: 20px 0 0;}
.ventilation_area .img_box .left{width: calc(100% - 301px);float: left;}
.ventilation_area .img_box .right{width: 301px;float: right;}
.ventilation_area p span{font-style: italic;}
.ventilation_area .pink_box{background: #8e1b48;padding: 30px;}
.ventilation_area .pink_box p{color: #fff;}
.ventilation_area .pink_box p span{font-weight: 900;font-style: normal;font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica, sans-serif;}
.ventilation_area .text_box ul{list-style: none;}
.ventilation_area .text_box ul li::before {content: "\2022";color: #8f1c47;font-weight: bold;display: inline-block; width: 1em;margin-left: -1em;height: 1em;}
/* ventilation_area css */
/* box shadow */
.common_shadow .home-banner-bar{-webkit-box-shadow: 7px 36px 55px 13px rgba(0,0,0,0.06);-moz-box-shadow: 7px 36px 55px 13px rgba(0,0,0,0.06);box-shadow: 7px 36px 55px 13px rgba(0,0,0,0.06);}
@media only screen and (max-width: 1600px) {
/* box shadow */
}
/* responsive css*/
@media only screen and (max-width: 1440px) {
}
@media only screen and (max-width: 1120px) {
.faq_area{width: 75%;padding-top: 60px;padding-bottom: 60px;}
.faq_body p{margin-bottom:10px}
.toewijzing_common{padding: 30px 0px;}
.toewijzing_common h2{font-size: 35px;margin-bottom: 15px;}
.toewijzing_common p{font-size: 20px;}
.toewijzing_card p, .toewijzing_card h3{padding: 0 4px;}
.toewijzing_common p{max-width: 100%;}
.blog_card_box h2{font-size: 35px;}
.blog_card_box .blog-section-bar{padding: 50px 0px 0px;}
.blog_card_box .blogs-wrapper{padding-top: 45px;}
.blog_card_box .blog-wrap{margin-bottom: 50px;}
.blog_card_box .blog-wrap figure figcaption{width: 184px;height: 184px;padding: 60px 10px;}
.blog_card_box .blog-wrap figure strong{font-size: 22px;}
.blog_card_box .blog-wrap figure span{font-size: 20px;}
/* .toewijzing_common .btn_box{top: 35px;} */
.ventilation_area .sidebar .color_box span{height: 138px;}
}
@media only screen and (max-width: 1023px) {
.faq_area .faq_card .text{margin-top: 120px;}
.faq_area .faq_card .image_box {left: 0;top: 0;}
.faq_area {width: 100%;padding: 40px 0 75px;}
.faq_area .faq_card::before {top: 120px;left: 0;font-size: 30px;}
.faq_area .faq_card{padding-left: 30px;margin-bottom: 10px;}
.faq_body .content_top::before {width: 70px;height: 70px;right: -20px;bottom: 70px;}
.faq_body .content_top::after{width: 70px;height: 70px;right: -20px;}
.faq_area .far_qus_box::after {width: 70px;height: 70px;right: -20px;bottom: -75px;}
.faq_area .faq_box ul{margin-left: 0;}
.blog_card_box h2{font-size: 28px;}
.blog_card_box .blog-section-bar{padding: 30px 0px 0px;}
.blog_card_box .blogs-wrapper{padding-top: 40px;}
.blog_card_box .blog-wrap{margin-bottom: 50px;}
.toewijzing_common h2{font-size: 28px;}
.toewijzing_common p{font-size: 18px;line-height: 22px;}
.toewijzing_card h3{font-size: 16px;}
.toewijzing_card .top_heading h3{font-size: 15px;}
.toewijzing_card .left_part{width: 24%;}
.toewijzing_card .mid_part{width: 33%;}
.toewijzing_card .right_part{width: 43%;}
.toewijzing_card{padding: 30px 0px;}
.toewijzing_card .passendheid_content .mid_part.content{width: 76%;}
.toewijzing_card .rekenvoor_beelden .left_part{width: 17%;}
.ventilation_area .sidebar{width: 50%;margin-bottom: 30px;}
.ventilation_area .sidebar .top_box{margin-bottom: 30px;}
.ventilation_area .right_box{width: 100%;}
/* .toewijzing_common .btn_box{top: 28px;} */
}
@media only screen and (max-width: 767px) {
.toewijzing_common h2{font-size: 24px;}
.toewijzing_common p{font-size: 16px;}
.toewijzing_card .left_part{width: 27%;}
.toewijzing_card .mid_part{width: 33%;}
.toewijzing_card .right_part{width: 40%;}
.toewijzing_card .passendheid_content .mid_part.content{width: 73%;}
.toewijzing_card .rekenvoor_beelden .left_part{width: 19%;}
.blog_card_box h2{font-size: 24px;}
}
@media only screen and (max-width: 600px) {
.faq_body .content_top::before,.faq_body .content_top::after {right: -50px;}
.faq_area .far_qus_box h3 {line-height: 1.2;margin: 7px 0;}
.faq_area .far_qus_box::after {right: -50px;}
.faq_area .far_qus_box h3{font-size: 16px;}
.faq_area .far_qus_box .acc-content{padding: 10px;}
.toewijzing_card h6{display:block}
.toewijzing_card .top_heading{display: none;}
.toewijzing_card .left_part,.toewijzing_card .mid_part,.toewijzing_card .right_part{width: 100% !important;}
.toewijzing_card .netto_inkomenseis .netto_card{margin-bottom: 20px;}
.toewijzing_card .rekenvoor_beelden .left_part p{text-align: left;}
.toewijzing_card .inkomenseis_inner{border: 1px solid #7a7a79;margin-bottom: 10px;}
.toewijzing_card .mid_part ,.toewijzing_card .right_part{border-left: 0px;}
.toewijzing_card .toewijzing_scriteria .passendheid_content{border: 1px solid #7a7a79;margin-bottom: 20px;}
.toewijzing_common h2{font-size: 20px;}
.toewijzing_common ,.toewijzing_card{padding: 20px 0px;}
.blog_card_box h2{font-size: 20px;}
.toewijzing_common .btn_box{position: static;margin: 20px 0;}
.ventilation_area .sidebar{width: 100%;}
.ventilation_area .img_box .left{width: 100%;margin-bottom: 30px;}
.ventilation_area .img_box .left br{display: none;}
.ventilation_area .img_box h6{margin-top: 30px;}
.ventilation_area .img_box .right{width: 100%;}
.ventilation_area .pink_box{padding: 20px;}
}
/* END NEW CSS */
.place-location {
color: #7d7d7e;
font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: 300;
display: block;
margin-bottom: 15px;
}
.meta-data li {
color: #656565;
font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 300;
display: inline-block;
margin-right: 10px;
padding-left: 30px;
position: relative;
}
.meta-data li:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 25px;
height: 20px;
background: url(../images/plus-c.svg) no-repeat center/25px;
}
.meta-data li.home-type:before {
background: url(../images/home.svg) no-repeat center/19px;
}
.meta-data li.bed-no:before {
background: url(../images/bed.svg) no-repeat center/25px;
}
.pagination {
padding: 0px 0 30px;
text-align: center;
position: relative;
top: -10px;
}
.pagination li {
display: inline-block;
padding: 0 11px;
vertical-align: middle;
}
.pagination li a {
color: #7d7e7e;
font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica, sans-serif;
font-size: 26px;
font-weight: 300;
}
.pagination li a:hover {
text-decoration: none;
color: #891d4e;
}
.pagination li a img {
width: 36px;
display: block;
}
.header-details {
padding: 25px 0;
background: #f2f1f1;
}
.header-details .total-result {
color: #656565;
font-family: 'Gotham Book';
font-size: 28px;
font-weight: 400;
float: left;
line-height: 50px;
}
.views-wrap {
float: right;
line-height: 48px;
}
.views-wrap li {
display: inline-block;
padding: 0 10px 0 0px;
vertical-align: middle;
}
.views-wrap li.img a {
display: block;
width: 80%;
position: relative;
top: 6px;
}
.views-wrap li.living-req {
padding: 0 20px 0 0px;
}
.views-wrap li.living-req a {
padding-right: 15px;
}
.views-wrap li.living-req a span {
margin-left: 13px;
}
.living-req a {
color: #656565;
font-family: 'Gotham Book';
font-size: 26px;
font-weight: 400;
position: relative;
padding-right: 10px;
line-height: 48px;
display: block;
}
.living-req a:hover {
text-decoration: none;
}
.living-req a span {
border-radius: 50%;
text-align: center;
display: inline-block;
color: #ffffff;
font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica, sans-serif;
font-weight: 900;
width: 35px;
line-height: 35px;
background: #891d4e;
font-size: 20px;
}
.living-req a:after {
background: url(../images/pijltje.svg) no-repeat center/25px;
content: "";
position: absolute;
top: 18px;
right: -30px;
width: 34px;
height: 22px;
}
.shorting {
padding: 30px 22px 80px;
text-align: right;
color: #656565;
font-family: 'Gotham Book';
font-size: 26px;
font-weight: 400;
}
.shorting .selectBox-dropdown {
min-width: 390px !important;
}
.shorting .selectBox-dropdown,
.shorting .selectBox-dropdown a,
.selectBox-options LI A {
background: none;
border: none;
color: #891d4e;
font-family: 'Gotham Book';
font-size: 26px;
font-weight: 400;
box-shadow: none;
border-radius: 0;
line-height: 1;
}
.selectBox-options LI A {
line-height: 1.5;
display: block;
font-size: 26px;
}
.selectBox-options LI A:hover,
.shorting .selectBox-dropdown a:hover {
text-decoration: none;
}
.selectBox-dropdown .selectBox-arrow {
position: absolute;
top: 0;
right: 0;
width: 32px;
height: 100%;
background: url(/images/pijl-colored.svg) 50% center no-repeat/25px;
border-left: none;
}
/*contact page*/
.home-banner-bar.contact-banner {
background: url(/images/HeaderMiddenhuur.jpg) no-repeat center /cover;
}
.contact-section-bar {
padding: 40px 0;
}
.contact-section-bar .left-form-wrap {
float: left;
width: 49%;
padding: 40px 0px 0px 40px;
}
.contact-section-bar h2 {
color: #656565;
font-family: 'Gotham Book';
font-size: 35px;
font-weight: 400;
margin-bottom: 35px;
}
.contact-section-bar .right-contact-info {
float: right;
width: 48%;
background: #f2f1f1;
padding: 40px 45px 60px;
}
.right-contact-info{
height: 750px;
}
.contact-section-bar label {
color: #656565;
font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica, sans-serif;
font-size: 36px;
font-weight: 900;
display: block;
margin-bottom: 25px;
}
.contact-section-bar label span {
display: block;
margin-bottom: 10px;
font-size: 22px;
}
.contact-section-bar label sup {
color: #f15a22;
}
.contact-section-bar input[type=text],
.contact-section-bar input[type=email],
.contact-section-bar input[type=tel],
.contact-section-bar textarea {
display: block;
width: 100%;
height: 50px;
background: #fff;
padding: 15px;
border: solid 2px #656565;
}
.contact-section-bar textarea {
height: 120px;
resize: none;
}
.contact-section-bar .button {
float: right;
min-width: 220px;
margin-bottom: 30px;
}
.contact-section-bar .checkbox,
.contact-section-bar .checkbox a {
color: #656565;
font-family: 'Gotham Book';
font-size: 20px;
font-weight: 400;
}
.contact-section-bar .checkbox input[type="checkbox"] {
border: solid 3px #656565;
width: 30px;
height: 30px;
position: relative;
top: 7px;
}
.contact-section-bar .checkbox a {
color: #f29200;
text-decoration: underline;
}
.contact-section-bar .right-contact-info h2 {
margin-bottom: 40px;
}
.contact-section-bar .right-contact-info>span {
display: block;
color: #656564;
font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: 300;
margin-bottom: 30px;
}
.contact-section-bar .right-contact-info .contact-no > div {
float: none;
width: 100%;
position: relative;
margin-bottom: 30px;
color: #891d4e;
font-family: "Gotham Book";
font-size: 23px;
font-weight: 400;
padding-bottom: 20px;
border-bottom: 1px solid #656565;
text-align: left;
}
.contact-section-bar .right-contact-info .contact-no p{color: #891d4e !important;font-size: 12px;font-weight: 600;padding-left: 66px;}
.contact-section-bar .right-contact-info .contact-no > div:before {
content: "";
display: inline-block;
vertical-align: middle;
margin-right: 30px;
width: 34px;
height: 31px;
background: url(/images/telefoon_teken.svg) no-repeat center/30px;
top: -7px;
position: relative;
}
.contact-section-bar .right-contact-info .contact-no > div.email2:before {
background: url(/images/email_teken.svg) no-repeat center/33px;
top: -1px;
}
.contact-section-bar .right-contact-info .contact-no > div.chat:before {
background: url(/images/chat-icon.png) no-repeat center/41px;
top: -1px;
background-size: 30px;
}
.contact-section-bar .right-contact-info .contact-no > div.whatsapp:before {
background: url(/images/whatsapp_icon.svg) no-repeat center/32px;
top: -1px;
}
.social li {
display: inline-block;
}
.right-contact-info .social li {
display: inline-block;
margin-right: 30px;
}
.right-contact-info .social li a {
display: block;
width: 70%;
}
/* details page */
.map-section-bar {
padding: 40px 0;
}
#map-canvas {
width: 100%;
height: 720px;
}
.deatils-description-bar .right-box {
float: right;
width: 35%;
}
.deatils-description-bar .left-contant {
float: left;
width: 62%;
padding: 75px 0 0px;
}
.left-contant ul{
margin-left: -10px;
}
.deatils-description-bar .linkswrap .kamerappartementen{
height: 200px;
width: 100%;
background-color:#000000;
border-top: 1px solid #aeaeae;
}
.deatils-description-bar .kamerappartementen .tweekamer{
width: 100%;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #dedede;
}
.deatils-description-bar .kamerappartementen .tweekamer:last-child{
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.deatils-description-bar .kamerappartementen .featured-image {
max-width: 250px;
flex: 0 0 250px;
height: 250px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.deatils-description-bar .kamerappartementen .content {
max-width: calc(100% - 250px);
flex: 0 0 calc(100% - 250px);
padding-left: 1.875rem;
}
.deatils-description-bar .kamerappartementen .kamer-content {
display: flex;
}
.deatils-description-bar .kamerappartementen .driekamer{
width: 100%;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #dedede;
}
@media screen and (max-width: 39.9375em) {
.deatils-description-bar .kamerappartementen .tweekamer {
margin-bottom: 20px;
padding-bottom: 20px;
}
.button{
margin-bottom: 20px;
}
.deatils-description-bar .kamerappartementen .kamer-content {
flex-wrap: wrap;
}
.deatils-description-bar .kamerappartementen .featured-image {
max-width: 100%;
flex: 0 0 100%;
height: auto;
padding-bottom: 100%;
}
.deatils-description-bar .kamerappartementen .content {
max-width: 100%;
flex: 0 0 100%;
padding-left: 0;
padding-top: 20px;
}
.deatils-description-bar .meta-data, .deatils-description-bar .links-wrap {
margin-bottom: 0;
}
}
a.btn-kamer {
display: inline-block;
padding: 15px 25px;
background: #fa961e;
color: #fff;
font-size: 16px;
font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica, sans-serif;
border-radius: 100px;
font-weight: 300;
}
.deatils-description-bar p {
font-weight: 300;
line-height: 29px;
}
.deatils-description-bar .place-location {
font-size: 26px;
margin-bottom: 20px;
}
.deatils-description-bar .meta-data {
margin-bottom: 30px;
}
.deatils-description-bar .meta-data li {
font-size: 25px;
padding-left: 50px;
}
.deatils-description-bar .meta-data li:before {
content: "";
position: absolute;
top: 5px;
left: 0;
width: 47px;
height: 35px;
background: url(/images/plus-c.svg) no-repeat center/30px;
}
.deatils-description-bar .meta-data li.home-type:before {
background: url(/images/home.svg) no-repeat center/25px;
top: 0;
}
.deatils-description-bar .meta-data li.bed-no:before {
background: url(/images/bed.svg) no-repeat center/30px;
top: 0;
}
.deatils-description-bar .links-wrap {
margin-bottom: 30px;
}
.deatils-description-bar .links-wrap li {
display: inline-block;
width: 30%;
position: relative;
padding: 20px 30px 20px 80px;
margin-right:1%;
transition:all 300ms ease-in-out;
cursor:pointer;
border: 1px solid #891d4e;
margin-bottom:20px;
color: #891d4e;
}
.deatils-description-bar .links-wrap li:hover{
background:#891d4e;
color: #fff;
}
.deatils-description-bar .links-wrap li:hover a{
color:#fff;
}
.deatils-description-bar .links-wrap li a:hover{
text-decoration:none;
color:#fff;
}
.deatils-description-bar .left-contant > h2 {
margin-bottom: 30px;
}
.deatils-description-bar .links-wrap li:before {
content: "";
position: absolute;
top: 22px;
left: 22px;
width: 41px;
height: 30px;
background: url(/images/downloaden.svg) no-repeat center/30px;
}
.deatils-description-bar .links-wrap li:last-child:before {
background: url(/images/downloaden.svg) no-repeat center/30px;
}
.deatils-description-bar .links-wrap li:last-child:before {
background: url(/images/downloaden.svg) no-repeat center/30px;
}
.deatils-description-bar .links-wrap a.heart-active li {
color: #fff;
background-color: #891d4e;
}
.deatils-description-bar .links-wrap a.heart-active:hover li {
color: #891d4e;
background-color: #fff;
}
.deatils-description-bar .links-wrap a.heart-active li::before {
background: url(/images/heart-white.svg) no-repeat center/30px;
}
.deatils-description-bar .links-wrap a.heart-active:hover li::before {
background: url(/images/heart-hover.svg) no-repeat center/30px;
}
.deatils-description-bar .links-wrap a.matterport li::before {
background: url(/images/matterport.svg) no-repeat center/30px;
}
.deatils-description-bar .links-wrap a.heart li::before {
background: url(/images/heart-hover.svg) no-repeat center/30px;
}
.deatils-description-bar .links-wrap a.heart:hover li::before {
background: url(/images/heart-white.svg) no-repeat center/30px;
}
.deatils-description-bar .links-wrap a.delete-heart li::before {
background: url(/images/heart-hover.svg) no-repeat center/30px;
}
.deatils-description-bar .links-wrap a.delete-heart:hover li::before {
background: url(/images/heart-white.svg) no-repeat center/30px;
}
.links-wrap a{
color: #891d4e;
font-size: 20px;
font-weight: 900;
font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica, sans-serif;
}
.links-wrap a:hover{
color: #ffffff;
font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica, sans-serif;
}
/*
.deatils-description-bar .links-wrap li:last-child:before {
background: url(../images/harje.svg) no-repeat center/30px;
}
*/
.deatils-description-bar .links-wrap li a {
color: #891d4e;
font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica, sans-serif;
font-size: 19px;
font-weight: 900;
}
.details-price {
float: right;
display: block;
width: 160px;
background-color: #891d4e;
padding: 0px 11px 50px;
height: 160px;
}
.details-price strong,
.details-price span {
display: block;
color: #fff;
font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica, sans-serif;
font-size: 25px;
font-weight: 900;
}
.details-price span {
font-family: 'Gotham Book';
font-weight: 400;
font-size: 20px;
line-height: 1;
}
.details-price h5{
margin-top: 20px;
}
.details-verhuurd {
float: right;
display: block;
width: 160px;
background-color: #E41D13;
padding: 0px 11px 50px;
height: 160px;
}
.details-verhuurd strong,
.details-verhuurd span {
display: block;
color: #fff;
font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica, sans-serif;
font-size: 25px;
font-weight: 900;
}
.details-verhuurd span {
font-family: 'Gotham Book';
font-weight: 400;
font-size: 20px;
line-height: 1;
}
.Inkomenseis {
float: right;
display: block;
width: 160px;
background-color: #FFB932;
padding: 0px 11px 50px;
height: 160px;
}
.Inkomenseis strong,
.Inkomenseis span {
display: block;
color: #fff;
font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica, sans-serif;
font-size: 25px;
font-weight: 900;
line-height: 1;
padding-top: 6px;
}
.Inkomenseis span {
font-family: 'Gotham Book';
font-weight: 400;
font-size: 20px;
line-height: 1;
}
.details-complex {
float: right;
display: block;
width: 160px;
background-color: #fa961e;
padding: 0px 11px 50px;
height: 160px;
}
.details-complex strong,
.details-complex span {
display: block;
color: #fff;
font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica, sans-serif;
font-size: 25px;
font-weight: 900;
}
.details-complex span {
font-family: 'Gotham Book';
font-weight: 400;
font-size: 20px;
line-height: 1;
}
.widgets-wrap {
padding: 40px 0;
background: #f2f1f1;
clear: both;
text-align: center;
}
.widgets-wrap span {
display: block;
}
.widgets-wrap .button {
margin-top: -88px;
position: relative;
top: -33px;
width: 268px;
left: 28px;
}
.widgets-wrap span.cont {
color: #656564;
font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: 700;
}
.pnumber a{
color: #891d4e;
}
.widgets-wrap span.pnumber {
margin-bottom: 30px;
color: #891d4e;
font-family: "Gotham Book";
font-size: 30px;
font-weight: 400;
}
.widgets-wrap span.time-of {
margin-bottom: 30px;
color: #656564;
font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica, sans-serif;
font-size: 19px;
font-weight: 300;
}
.widgets-wrap span.social-heading {
color: #656564;
font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica, sans-serif;
font-size: 25px;
font-weight: 300;
margin-bottom: 30px;
}
.widgets-wrap ul li {
display: inline-block;
padding: 0 7px;
vertical-align: middle;
}
.widgets-wrap ul li a {
display: block;
width: 75%;
}
.widgets-wrap ul li img {
display: block;
max-height: 40px;
}
.slick-dotted.slick-slider {
margin-bottom: 0;
background: #f2f1f1;
}
.slick-dots {
display: block;
position: static;
width: 100%;
max-width: 1280px;
padding: 20px 15px;
margin: 0 auto;
text-align: left;
}
.slick-dots li {
vertical-align: middle;
width: 35px;
height: 35px;
}
.slick-dots li button {
border: 1px solid #656565;
outline: none;
background: #fff;
width: 30px;
height: 30px;
}
.slick-dots li button:before {
content: "";
display: none;
}
.date-wrap.big {
padding: 25px 6px 19px;
bottom: -41px;
}
.date-wrap.big li {
padding: 0 17px;
}
.date-wrap.big li strong {
font-size: 36px;
}
.date-wrap.big li span {
font-size: 24px;
}
.related-section-bar {
padding: 60px 0px
}
.related-section-bar > h2 {
margin-bottom: 3px;
}
.page-menu {
background: #f2f1f1;
padding: 30px 0 30px;
}
.page-menu li {
display: inline-block;
margin-right: 30px;
}
.page-menu li a {
color: #656565;
font-family: "Gotham Book";
font-size: 25px;
font-weight: 400;
position: relative;
}
.page-menu li.back-page a {
padding-left: 35px;
}
.page-menu li.back-page a:before {
content: "";
position: absolute;
top: 0px;
left: 0;
width: 30px;
height: 30px;
background: url(/images/pijltje.svg) no-repeat center/20px;
transform: rotate(90deg);
}
.page-menu li a:hover {
text-decoration: none;
color: #f18f1c;
}
.fotos-wrapper {
position: relative;
}
.fotos-wrapper .date-wrap {
transform: translateY(-100%);
left: 17.5%;
bottom: -7px;
}
.filter-pheading {
color: #656565;
font-family: "Gotham Book";
font-size: 26px;
font-weight: 400;
text-align: center;
margin-bottom: 30px;
}
.filter-pheading strong {
color: #000000;
font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica, sans-serif;
font-weight: 900;
}
.filter-wrap-bar {
background: #f2f1f1
}
.filter-wrap-bar > div {
padding: 60px 0 60px;
border-bottom: 1px solid #656565;
}
.filter-header h2 {
float: left;
margin: 0;
}
.filter-header .close {
float: right;
}
.filter-header .close a {
display: block;
width: 60%;
}
.filter-wrap-bar > div.filter-header {
padding: 23px 0 17px;
margin-bottom: 6px;
}
.filter-wrap-bar > div.search-wrap {
border-top: 1px solid #656565;
}
.search-wrap input {
background: #fff;
height: 60px;
border: 2px solid #656565;
display: block;
max-width: 100%;
width: 700px;
margin: 0 auto;
padding: 20px;
text-align: center;
}
.where-live .labels-groups {
max-width: 840px;
margin: 0 auto;
}
.where-live .labels-groups label {
float: left;
width: 50%;
color: #656565;
font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica, sans-serif;
font-size: 26px;
font-weight: 300;
display: block;
margin-bottom: 70px;
}
.where-live .labels-groups label.nm {
margin: 0;
}
.where-live .labels-groups label input {
width: 35px;
height: 35px;
margin: 0 20px 0 0;
position: relative;
top: 6px;
}
.where-live .labels-groups label span {
font-weight: 300;
}
.live-slider-wrapper > div {
width: 46%;
float: left;
padding: 0 60px 200px;
}
.live-slider-wrapper > div:nth-child(2n) {
float: right;
}
.home-type {
text-align: center;
}
.home-type label {
color: #656565;
font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica, sans-serif;
font-size: 26px;
display: inline-block;
padding-right: 25px;
font-weight: 300;
margin-bottom: 40px;
}
.home-type label input {
width: 35px;
height: 35px;
margin: 0 20px 0 0;
position: relative;
top: 8px;
}
.butons-wrap {
text-align: center;
}
.butons-wrap .reset {
border: none;
background: none;
color: #656565;
font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: 300;
display: inline-block;
vertical-align: middle;
padding: 25px;
}
/* range slider style */
.range_slider {
position: relative;
width: 100%;
padding-bottom: 240px;
}
/* Input */
.ix-min-input-label,
.ix-max-input-label,
.divfrom-to {
position: absolute;
top: 0;
left: 0;
margin-top: 60px;
color: #656565;
font-family: "Gotham Book";
font-size: 26px;
font-weight: 400;
}
.range_slider .ix-min-input,
.range_slider .ix-max-input {
background: none;
border: none;
color: #656565;
font-family: "Gotham Book";
font-size: 26px;
font-weight: 400;
max-width: 200px;
}
.price-range .range_slider .ix-max-input {
width: 180px;
}
.ix-max-input-label {
left: auto;
right: 0;
text-align: right;
}
.divfrom-to {
width: 100%;
bottom: 0;
left: 0;
text-align: center;
top: auto;
}
/* Progress Bar (TouchEvent Area) */
.range_slider .ix-slider-bar {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 60px 0;
height: 13px;
border-radius: 5px;
}
.range_slider .ix-progress {
position: absolute;
width: 100%;
height: 100%;
border-radius: 5px;
}
/* Icon */
.range_slider .ix-min-icon,
.range_slider .ix-max-icon {
position: absolute;
margin-top: -15px;
margin-left: -20px;
width: 40px;
height: 40px;
cursor: pointer;
border: #891d4e solid 10px;
box-sizing: border-box;
background: #fff;
box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.2);
border-radius: 50%;
}
.range_slider .ix-min-icon:focus,
.range_slider .ix-max-icon:focus {
background: orange;
}
.red {
background: #891d4e;
}
.gray {
background: #DBDBDF;
}
.how-live .range_slider .ix-min-input,
.how-live .range_slider .ix-max-input {
max-width: 80px;
}
.live-slider-wrapper > div.range_slider:nth-child(2n) .ix-min-input,
.live-slider-wrapper > div.range_slider:nth-child(2n) .ix-max-input {
max-width: 30px;
}
/* disclaimer page */
.disclaimer .home-banner-bar {
background: url(/images/discl-background.jpg) no-repeat center /cover;
height: 800px;
}
.disclaimer .short-description-bar {
padding: 60px 0 60px;
}
.disclaimer .short-description-bar .inner-description h2,
.overons .short-description-bar .inner-description h2 {
margin-bottom: 30px;
}
.disclaimer .short-description-bar .inner-description p,
.overons .short-description-bar .inner-description p {
font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica, sans-serif;
font-weight: 300;
}
/* overons */
.overons .home-banner-bar {
background: url(/images/over-background.jpg) no-repeat center /cover;
height: 714px;
position: relative;
}
.overons .short-description-bar {
padding: 60px 0 60px;
}
.social-bar {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
z-index: 99;
}
.social-bar ul {
background: #fff;
margin-right: 8px;
float: right;
}
.social-bar ul li {
float: left;
}
.social-bar ul li a {
display: block;
position: relative;
padding: 0px 20px 15px 20px;
}
.social-bar ul li a:after {
position: absolute;
left: -1px;
top: 14px;
width: 2px;
height: 87%;
content: "";
background: #b2b2b2;
}
.social-bar ul li:first-child a:after {
display: none;
}
.social-bar ul li a img {
position: relative;
top: 21px;
}
.social-bar ul li.fb-icon a {
width: 92%;
}
.social-bar ul li.fb-icon a img {
top: 16px;
width: 75%;
}
.social-bar ul li.twt-icon a {
width: 70%;
padding: 0px 0px 15px 20px;
}
.social-bar ul li.in-icon a {
width: 90%;
}
.social-bar ul li.whtsapp-icon a {
width: 90%;
}
/* employees-bar */
.employees-bar {
margin-bottom: 128px;
}
.employees-bar .inner {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.employees-panel {
-ms-flex: 0 0 32%;
flex: 0 0 32%;
max-width: 32%;
margin-right: 2%;
margin-bottom: 1.6%;
position: relative;
z-index: 99;
cursor:pointer;
transition:all 300ms ease-in-out;
}
/*
.employees-panel:hover:after {
display:block;
}
.employees-panel:after {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 99%;
background: url(/images/overlay.png)repeat;
content: "";
display:none;
transition:all 300ms ease-in-out;
}*/
.employees-panel:nth-child(3n) {
margin-right: 0;
}
.emp-details {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 20px 15px;
z-index: 999;
}
.emp-details h5 {
font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica, sans-serif;
font-weight: 900;
}
.emp-details h5,
.emp-details span,
.emp-details p {
font-size: 19px;
color: #fff;
text-align: center;
display: block;
font-family: 'Gotham Book';
margin-bottom: 0;
}
.emp-details span {
margin-bottom: 15px;
}
.emp-details p {
line-height: 24px;
max-height: 0px;
overflow: hidden;
opacity: 0;
visibility: hidden;
transition: all 2s;
}
.employees-panel:hover .emp-details p {
max-height: 500px;
overflow: hidden;
opacity: 1;
visibility: visible;
}
/* newcode */
.home-banner-bar.small-home-banner {
height: 600px;
}
.short-description-bar.section2.text-left {
text-align: left;
}
.short-description-bar.section2 h2 {
font-family: 'Gotham light';
font-size: 40px;
}
.short-description-bar.section2 p {
font-size: 16px;
font-family: 'Gotham light';
}
.primary-list {
margin-left: 20px;
list-style: disc;
}
.primary-list li {
position: relative;
font-size: 16px;
line-height: 26px;
font-family: 'Gotham light';
}
.deatils-description-bar .links-wrap li.filledheart-icon:last-child:before {
background: url(/images/hartje2-hover.png) no-repeat center/30px;
}
.deatils-description-bar .links-wrap li.filledheart-icon:last-child:hover:before {
background: url(/images/hartje2-white.png) no-repeat center/30px;
}
.contact-section-bar.section2 {
padding-bottom: 40px;
position: relative;
margin-top: 40px;
}
.contact-section-bar.section2:after {
position: absolute;
top: 100%;
left: 50%;
width: 100%;
height: 1px;
max-width: 460px;
content: "";
background: #656565;
transform: translate(-50%, 0%);
}
.contact-section-bar.section2 .right-contact-info h2 {
font-family: 'Gotham light';
}
.contact-section-bar.section2 .right-contact-info>span {
font-family: 'Gotham light';
}
.deatils-description-bar .links-wrap li.filledheart-icon.active {
padding: 20px 10px 20px 45px;
}
.deatils-description-bar .links-wrap li.filledheart-icon.active:before {
left: 10px;
}
.deatils-description-bar .links-wrap li.filledheart-icon.active a {
max-width: 283px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* Update CSS */
.photos-slider .image-box{min-height: 670px;display: block;}
.photos-slider .image-box img{display: none;}
.clear{clear: both;overflow: hidden;}
.slick-track{width: 100%;float: left;opacity: 0;z-index: 999;}
/* responsive */
@media only screen and (max-width: 1279px) {
.banner-text h1 {
font-size: 36px;
}
.details-verhuurd h5{
font-size: 14px;
color: white;
margin-top: 26px;
}
.details-price h5{
font-size: 14px;
color: white;
margin-top: 26px;
}
.blog-wrap h5{
font-size: 14px;
color: white;
margin-top: 20px;
}
.blog-wrap h3 {
font-size: 20px;
}
h2,
.h2 {
font-size: 26px;
}
.page-menu {
padding: 5px 0 20px;
}
.deatils-description-bar .place-location {
font-size: 20px;
}
h1,
.h1 {
font-size: 28px;
}
.fotos-wrapper .date-wrap {
left: 1.75%;
}
.pnumber a{
color: #891d4e;
}
}
@media only screen and (max-width: 1199px) {
h3,
.h3 {
font-size: 26px;
}
.details-verhuurd h5{
font-size: 14px;
color: white;
margin-top: 26px;
}
.details-price h5{
font-size: 14px;
color: white;
margin-top: 26px;
}
.blog-wrap h5{
font-size: 14px;
color: white;
margin-top: 20px;
}
h4 {
font-size: 24px;
}
#header-part .logo {
max-width: 220px;
float: left;
margin: auto;
display: block;
}
.nav-bar {
padding-top: 7px;
width: 100%;
text-align: center;
float: none;
}
.living-req a,
.shorting,
.shorting .selectBox-dropdown,
.shorting .selectBox-dropdown a,
.selectBox-options LI A {
font-size: 22px;
}
.page-menu li a {
font-size: 20px;
}
.deatils-description-bar .meta-data li {
font-size: 20px;
}
.deatils-description-bar .meta-data li:before {
background-size: 30px !important;
top: 0;
}
.deatils-description-bar .meta-data li.home-type:before {
background: url(/images/home.svg) no-repeat center/20px !important;
top: -5px;
}
.deatils-description-bar .meta-data li.bed-no:before {
top: -5px;
}
.deatils-description-bar .links-wrap li {
padding-left: 70px;
margin-bottom: 20px;
}
.deatils-description-bar .links-wrap li a,
.widgets-wrap span.cont {
font-size: 19px;
}
.deatils-description-bar .links-wrap {
margin-bottom: 40px;
}
.widgets-wrap img {
max-width: 90%;
}
.widgets-wrap span.pnumber {
font-size: 26px;
}
.widgets-wrap ul li {
display: inline-block;
padding: 0 0px;
vertical-align: middle;
}
.views-wrap li a {
display: block;
line-height: 8px;
}
.page-menu li.back-page a:before {
height: 24px;
background: url(/images/pijltje.svg) no-repeat center/16px;
;
}
.deatils-description-bar .links-wrap li {
width: 45%;
}
.widgets-wrap .button {
width: 230px;
}
.widgets-wrap span.social-heading {
font-size: 22px;
margin-bottom: 20px;
}
.pnumber a{
color: #891d4e;
}
}
@media only screen and (max-width: 1159px) {
.contact-section-bar h2,
.contact-section-bar .right-contact-info h2 {
font-size: 28px;
margin-bottom: 30px;
}
.details-verhuurd h5{
font-size: 14px;
color: white;
margin-top: 26px;
}
.details-price h5{
font-size: 14px;
color: white;
margin-top: 26px;
}
.blog-wrap h5{
font-size: 14px;
color: white;
margin-top: 20px;
}
.views-wrap li.living-req {
padding: 0 30px 0 0;
}
#header-part .logo a {
width: 200px;
}
.banner-text ul li span,
.banner-text ul li strong {
font-size: 18px;
}
.contact-section-bar .checkbox,
.contact-section-bar .checkbox a {
font-size: 17px;
}
.views-wrap li.img a {
width: 70%;
top: 0px;
}
.living-req a:after {
top: 9px;
}
.shorting .selectBox-dropdown {
min-width: 345px !important;
}
.short-description-bar.section2 h2 {
font-size: 36px;
}
.footer-social .left{
width: 60%;
}
.footer-social .right{
width: 37%;
}
.photos-slider .image-box{min-height: 440px;}
.pnumber a{
color: #891d4e;
}
}
@media only screen and (max-width: 1023px) {
#header-part {
min-height: 80px;
}
.details-verhuurd h5{
font-size: 14px;
color: white;
margin-top: 26px;
}
.details-price h5{
font-size: 14px;
color: white;
margin-top: 26px;
}
.blog-wrap h5{
font-size: 14px;
color: white;
margin-top: 20px;
}
.nav-bar ul {
display: none;
}
#header-part a.menu {
display: block;
position: absolute;
right: 15px;
top: 40px;
width: 30px;
height: 30px;
font-size: 0px;
border-top: #891d4e solid 3px;
}
#header-part a.menu span {
margin-top: 5px;
position: relative;
display: block;
width: 100%;
height: 3px;
background: #891d4e;
}
#header-part a.menu span:after {
content: "";
position: absolute;
left: 0px;
top: 8px;
width: 100%;
height: 3px;
background: #891d4e;
}
.mm-listview>li {
text-transform: uppercase;
}
.mm-opened #header-part .phone_icon {
opacity: 0;
}
#header-part:before {
opacity: 0;
visibility: hidden;
content: '';
width: 30px;
height: 30px;
position: absolute;
left: 20px;
top: 30px;
background: url(/images/lijn.svg) no-repeat center / 30px;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-ms-transition: all 0.3s;
}
.mm-opened #header-part:before {
opacity: 100;
visibility: visible;
}
.mm-menu {
color: #FFF;
background: #891d4e;
}
.mm-menu .mm-navbar a,
.mm-menu .mm-navbar>* {
color: rgba(255, 255, 255, 1);
}
.mm-menu .mm-listview {
border-color: #FFF;
}
.mm-listview>li:not(.mm-divider):after {
left: 0px;
}
.mm-navbar,
.mm-menu .mm-listview>li .mm-next:after,
.mm-menu .mm-btn:after,
.mm-menu .mm-btn:before {
border-color: #FFF;
}
#header-part .logo {
max-width: 158px;
}
.home-banner-bar {
height: 740px;
}
.blog-wrap figure strong,
.blog-wrap figure span {
font-size: 18px;
}
.blog-wrap figure figcaption {
padding: 5px 11px 20px;
}
.blog-wrap figure figcaption h5{
margin-top: 10px;
}
.contact-no > div {
font-size: 23px;
width: 42%;
}
.contact-section-bar label {
font-size: 28px;
margin-bottom: 24px;
}
.contact-section-bar .right-contact-info>span {
font-size: 20px;
}
.footer-primary .social li a img {
max-width: inherit;
max-height: inherit;
}
.living-req a span {
width: 40px;
line-height: 40px;
}
.living-req a:after {
background: url(/images/pijltje.svg) no-repeat center/26px;
content: "";
position: absolute;
top: 12px;
right: -24px;
width: 34px;
}
.short-description-bar,
.disclaimer .short-description-bar,
.overons .short-description-bar {
padding: 40px 0 0px;
}
.contact-section-bar {
padding: 30px 0;
}
.header-details .total-result,
.views-wrap {
display: block;
text-align: center;
float: none;
}
.form-newsletter {
padding: 12px 0 40px;
}
.contact-section-bar .left-form-wrap {
padding: 40px 0px 0px 0px;
}
.contact-section-bar .right-contact-info {
padding: 40px 35px 60px;
}
.right-contact-info .social li {
margin-right: 20px;
}
.right-contact-info .social li a {
width: 60%;
}
.short-description-bar.section2 h2 {
font-size: 34px;
}
.footer-social .left h3{font-size: 22px;}
.contact-no a{font-size: 22px;}
.footer-social a{font-size: 22px;}
.footer-social .left{width: 59%;padding-top: 8px;}
.pnumber a{
color: #891d4e;
}
.page-menu {
background: #f2f1f1;
padding: 30px 0 30px;
}
.page-menu li {
display: inline-block;
margin-right: 30px;
}
.page-menu li a {
color: #656565;
font-family: "Gotham Book";
font-size: 25px;
font-weight: 400;
position: relative;
}
.page-menu li.link-page-mobiel a {
margin-left: 8px;
padding-left: 30px;
}
.page-menu li.link-page-mobiel a:before {
content: "";
position: absolute;
top: 0px;
left: 0;
width: 20px;
height: 20px;
background: url(/images/pijltje.svg) no-repeat center/15px;
transform: rotate(-90deg);
}
}
@media only screen and (max-width: 991px) {
.banner-text {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
transform: translateY(0);
top: auto;
z-index: 2;
padding-bottom: 200px;
}
.inner-description ul li {
font-size: 16px;
line-height: 28px;
}
.inner-description ol li {
font-size: 16px;
line-height: 28px;
}
.banner-text ul {
display: block;
overflow: hidden;
}
.details-verhuurd h5{
font-size: 14px;
color: white;
margin-top: 26px;
}
.details-price h5{
font-size: 14px;
color: white;
margin-top: 26px;
}
.blog-wrap h5{
font-size: 14px;
color: white;
margin-top: 10px;
}
.banner-text ul li {
width: 47%;
float: left;
min-height: 130px;
}
.contact-section-bar .left-form-wrap,
.contact-section-bar .right-contact-info,
.deatils-description-bar .left-contant,
.deatils-description-bar .right-box,
.live-slider-wrapper > div {
float: none;
width: 100%;
}
.blog-wrap {
float: left;
text-align: left;
width: calc(50% - 16px);
margin-right: 24px;
margin-bottom: 90px;
}
.blog-wrap:nth-child(3n) {
margin-right: 24px;
clear: none;
}
.blog-wrap:nth-child(2n) {
margin-right: 0;
clear: right;
}
.pagination li a {
font-size: 20px;
}
.live-slider-wrapper > div:first-child {
margin-bottom: 50px;
}
.page-menu li a {
font-size: 18px;
}
.page-menu li.back-page a:before {
content: "";
height: 17px;
background: url(/images/pijltje.svg) no-repeat center/14px;
top: 3px;
width: 33px;
}
p {
font-size: 16px;
}
.home-banner-bar.contact-banner,
.disclaimer .home-banner-bar {
max-height: 680px;
}
.emp-details h5,
.emp-details span,
.emp-details p {
font-size: 14px;
}
.contact-section-bar .button {
min-width: 220px;
padding: 12px;
}
.related-section-bar {
padding: 30px 0px 0;
}
.banner-text h1 {
font-size: 30px;
}
.blog-section-bar {
padding: 40px 0 50px;
}
h2,
.h2 {
font-size: 26px;
}
.contact-no > div {
font-size: 20px;
}
.deatils-description-bar .meta-data,
.deatils-description-bar .links-wrap {
margin-bottom: 30px;
}
.deatils-description-bar .left-contant {
padding: 40px 0 0px;
}
.page-menu li {
display: block;
margin-right: 0px;
}
.page-menu li a {
font-size: 18px;
padding-left: 35px;
}
.filter-pheading {
color: #656565;
font-family: "Gotham Book";
font-size: 22px;
font-weight: 400;
text-align: center;
margin-bottom: 30px;
}
.filter-wrap-bar > div {
padding: 40px 0 40px;
}
.footer-social .right{
padding-top: 3px;
}
.banner-anders {
left: 0;
width: 100%;
transform: translateY(0%);
}
.banner-anders ul {
list-style: none;
display: block;
justify-content: space-between;
}
.banner-anders ul li {
flex: 1;
width: 95%;
background-color: #891d4e;
padding: 20px 30px;
position: relative;
margin-bottom: 15px;
margin-right: 15px;
display: block;
flex-direction: row;
}
.services{
display: block;
}
.pnumber a{
color: #891d4e;
}
}
@media (max-width: 767px) {
.slick-current img{border-right:none!important ;}
.deatils-description-bar .links-wrap li::before{top: 15px;}
.banner-text ul li {
width: 100%;
float: none;
min-height: auto;
}
.banner-text{
padding-bottom: 50px;
}
.home-banner-bar {
height: 940px;
}
.details-verhuurd h5{
font-size: 14px;
color: white;
margin-top: 26px;
}
.details-price h5{
font-size: 14px;
color: white;
margin-top: 26px;
}
.blog-wrap h5{
font-size: 14px;
color: white;
margin-top: 10px;
}
.contact-no > div {
float: none;
width: 100%;
text-align: center;
margin-bottom: 10px;
}
.social li {
width: 100%;
}
.blog-wrap {
float: none;
text-align: left;
width: 100%;
margin-right: 0;
margin-bottom: 90px;
}
.form-newsletter .form-input {
float: none;
width: 100%;
margin-bottom: 10px;
border-radius: 0 !important;
height: 50px;
}
.form-newsletter .button {
border-radius: 25px;
width: 100%;
float: none;
height: 55px;
}
.contact-no > div:before {
background-size: 26px !important;
}
.footer-primary {
padding: 30px 0;
}
.banner-text h1 {
font-size: 26px;
}
.pnumber a{
color: #891d4e;
}
.home-banner-bar.contact-banner,
.disclaimer .home-banner-bar,
.overons .home-banner-bar {
max-height: 540px;
}
.contact-section-bar {
padding: 0px 0;
}
.contact-section-bar .left-form-wrap {
padding: 40px 0px;
}
.header-details .total-result,
.home-type label,
.filter-pheading {
font-size: 22px;
}
.views-wrap li a img {
max-width: 25px;
}
.living-req a {
font-size: 20px;
}
.living-req a span {
width: 34px;
line-height: 34px;
}
.living-req a:after {
background: url(/images/pijltje.svg) no-repeat center/20px;
content: "";
position: absolute;
top: 8px;
right: -20px;
width: 34px;
}
.selectBox-dropdown .selectBox-arrow {
background-size: 20px;
}
.filter-header .close {
float: right;
max-width: 34px;
}
.slick-slide img {
display: block;
min-height: 480px;
}
.where-live .labels-groups label {
float: none;
width: 100%;
font-size: 20px;
margin-bottom: 20px;
}
.employees-panel {
-ms-flex: 0 0 48%;
flex: 0 0 48%;
max-width: 50%;
}
.employees-panel:nth-child(3n) {
margin-right: 2%;
}
.short-description-bar .inner-description h2 {
margin-bottom: 30px;
}
.date-wrap.big li {
padding: 0 10px;
}
.date-wrap.big {
padding: 15px 6px 15px;
bottom: -27px;
left: 0;
}
.where-live .labels-groups label span {
font-size: 20px;
}
.filter-pheading {
margin-bottom: 20px;
}
.disclaimer .short-description-bar .inner-description h2,
.overons .short-description-bar .inner-description h2 {
margin-bottom: 30px;
}
.social-bar ul li.whtsapp-icon a {
padding: 2px 20px 7px 25px;
}
h1,
.h1 {
font-size: 26px;
}
.deatils-description-bar .links-wrap li {
width: 100%;
padding-bottom: 10px;
}
.right-contact-info .social li {
width: inherit;
}
.filter-header .close a {
width: 80%;
}
.short-description-bar.section2 h2 {
font-size: 32px;
}
.contact-no{padding: 0;}
.contact-no .phone a{font-size: 18px;background-size: 18px;padding-right: 32px;}
.contact-no .email a{font-size: 18px;background-size: 18px;padding-left: 32px;}
.footer-social{padding: 0;}
.footer-social .left h3{font-size: 18px;background-size: 18px;padding-right: 32px;}
.footer-social .right a{font-size: 18px;background-size: 18px;padding-left: 32px;}
.photos-slider .image-box{min-height: 340px;}
}
.pnumber a{
color: #891d4e;
}
@media (max-width: 579px) {
.banner-text{
padding-bottom: 50px;
}
.home-banner-bar.contact-banner,
.disclaimer .home-banner-bar,
.overons .home-banner-bar {
max-height: 340px;
}
.deatils-description-bar .links-wrap {
margin-bottom: 0px;
}
.deatils-description-bar .links-wrap li {
width: 100%;
padding-left: 70px;
margin-bottom: 20px;
}
.details-verhuurd h5{
font-size: 14px;
color: white;
margin-top: 26px;
}
.details-price h5{
font-size: 14px;
color: white;
margin-top: 26px;
}
.blog-wrap h5{
font-size: 14px;
color: white;
margin-top: 10px;
}
.button {
font-size: 15px;
}
.widgets-wrap .button {
margin-top: -88px;
position: relative;
top: -33px;
width: 224px;
left: 28px;
margin-bottom: 20px;
padding: 12px 20px;
}
.widgets-wrap ul li {
display: inline-block;
padding: 0 6px;
vertical-align: middle;
}
.contact-no > div {
font-size: 18px;
}
.header-details {
display: none;
}
.shorting .selectBox-dropdown {
min-width: 240px !important;
}
.living-req a,
.shorting,
.shorting .selectBox-dropdown,
.shorting .selectBox-dropdown a,
.selectBox-options LI A {
font-size: 21px;
}
h2,
.h2 {
font-size: 22px;
}
.filter-header .close {
float: right;
max-width: 20px;
}
.search-wrap input {
background: #fff;
height: 40px;
}
.range_slider .ix-slider-bar {
margin: 0 20px 0;
}
.range_slider .ix-min-input,
.range_slider .ix-max-input {
font-size: 20px;
max-width: 74px;
}
.ix-min-input-label,
.ix-max-input-label,
.divfrom-to {
font-size: 20px;
}
.range_slider {
position: relative;
width: 100%;
padding-bottom: 140px;
}
.how-live .range_slider .ix-min-input,
.how-live .range_slider .ix-max-input {
max-width: 41px;
}
.home-type label {
font-size: 20px;
text-align: left;
display: block;
padding: 0;
margin-bottom: 20px;
}
.employees-panel {
-ms-flex: 0 0 93%;
flex: 0 0 93%;
max-width: 93%;
margin-right: 0 !important;
overflow: hidden;
}
.employees-panel:after {
width: 100%;
}
.contact-section-bar input[type=text],
.contact-section-bar input[type=email],
.contact-section-bar input[type=tel] {
height: 50px;
}
.contact-section-bar textarea {
height: 150px;
}
.contact-section-bar label span {
font-size: 20px;
}
.contact-section-bar .checkbox input[type="checkbox"] {
width: 25px;
height: 25px;
}
.contact-section-bar h2,
.contact-section-bar .right-contact-info h2 {
font-size: 25px;
margin-bottom: 20px;
}
.contact-section-bar .right-contact-info {
padding: 30px 20px;
margin-bottom: 20px;
}
.contact-section-bar .right-contact-info .contact-no > div {
font-size: 20px;
}
.right-contact-info .social li {
margin-right: 10px;
}
.right-contact-info .social li a {
width: 50%;
}
.contact-section-bar .checkbox,
.contact-section-bar .checkbox a {
font-size: 15px;
}
.blogs-wrapper {
padding-top: 40px;
}
.related-section-bar {
padding: 0;
}
.date-wrap.big li span {
font-size: 15px;
}
.date-wrap.big li strong {
font-size: 25px;
}
.date-wrap.big {
bottom: -3px;
}
.widgets-wrap span.pnumber,
.widgets-wrap span.time-of,
.widgets-wrap span.social-heading {
margin-bottom: 30px;
}
#header-part .logo a {
width: 170px;
}
.where-live .labels-groups label input,
.home-type label input {
width: 25px;
height: 25px;
margin: 0 10px 0 0;
top: 4px;
}
.short-description-bar.section2 h2 {
font-size: 28px;
}
.contact-no .phone{width: 100%;text-align: left;}
.contact-no .phone a{background-position: left; padding:0 0 0 32px;}
.contact-no .email{width: 100%; float: left;}
.footer-social .left{width: 100%;float: left;text-align: left;}
.footer-social .left h3{background-position: left; padding:0 0 10px 32px;}
.footer-social .right{width: 100%; float: left;}
.footer-social .left{padding-left: 20px;}
.footer-social .right{padding-left: 20px;}
.photos-slider .image-box{min-height: 290px;}
.pnumber a{
color: #891d4e;
}
}
@media (max-width: 539px) {
.footer_logo {
max-width: 100% !important;
float: left !important;
}
.details-verhuurd h5{
font-size: 14px;
color: white;
margin-top: 26px;
}
.details-price h5{
font-size: 14px;
color: white;
margin-top: 26px;
}
.blog-wrap h5{
font-size: 14px;
color: white;
margin-top: 10px;
}
.employees-panel:after {
width: 100%;
}
.social-bar ul li.fb-icon a {
width: 78%;
padding: 0px 13px 11px 20px;
}
.social-bar ul li.fb-icon a {
width: 78%;
padding: 0px 13px 11px 20px;
}
.social-bar ul li.twt-icon a {
width: 65%;
padding: 0px 0px 11px 20px;
}
.social-bar ul li.in-icon a {
padding: 0px 13px 11px 20px;
width: 57px;
}
.social-bar ul li.whtsapp-icon a {
padding: 0px 13px 11px 20px;
width: 57px;
}
.home-banner-bar {
height: 300px;
}
.banner-text{
padding-bottom: 50px;
}
.contact-no > div:before {
background-size: 20px !important;
}
.form-newsletter .form-input,
.form-newsletter .button {
height: 45px;
}
.contact-section-bar textarea {
height: 100px;
}
.contact-section-bar .button {
min-width: 170px;
padding: 8px;
}
.contact-section-bar .right-contact-info>span {
font-size: 16px;
}
h1,
.h1 {
font-size: 22px;
}
.employees-panel {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.filter-header .close a {
width: 125%;
}
}
@media (max-width: 479px) {
.blog-wrap figure figcaption {
width: 125px;
height: 125px;
}
.details-verhuurd h5{
font-size: 14px;
color: white;
margin-top: 26px;
}
.details-price h5{
font-size: 14px;
color: white;
margin-top: 26px;
}
.blog-wrap h5{
font-size: 14px;
color: white;
margin-top: 10px;
}
.contact-section-bar label span {
font-size: 20px;
margin-bottom: 10px;
}
.social li {
margin-right: 50px;
}
.date-wrap.big li strong {
font-size: 18px;
}
.date-wrap.big {
bottom: 7px;
}
.pnumber a{
color: #891d4e;
}
.page-menu li a {
font-size: 16px;
}
#header-part .logo a {
width: 150px;
}
.banner-text h1 {
font-size: 20px;
}
.blog-wrap {
margin-bottom: 70px;
}
.banner-text ul li {
padding: 15px 20px;
}
.footer-secondary li {
display: block;
}
.footer-secondary li:after {
display: none;
}
.footer-secondary {
padding: 15px 0 22px;
}
.slick-slide img {
min-height: 400px;
}
.deatils-description-bar .place-location {
font-size: 16px;
}
.contact-section-bar .checkbox input[type="checkbox"] {
width: 20px;
height: 20px;
}
.filter-header .close a {
width: 100%;
}
.header-details .total-result,
.home-type label,
.filter-pheading {
font-size: 18px;
}
.short-description-bar.section2 h2 {
font-size: 24px;
line-height: 28px;
}
}
/* Aangepast door Mxfs */
body.links, .links p, .links h2 {
text-align: left;
}
.slick-list:after {
background: transparent;
}
.home .home-banner-bar {
max-height: 100%;
}
.home-banner-bar {
max-height: 600px;
}
.links em {
font-style: italic;
}
.huuraanbod .m-icon.overview-m-icon {
background: url(/images/overzicht2-hover.png)no-repeat center/34px 28px;
}
.huuraanbod .m-icon.overview-m-icon:hover {
background: url(/images/overzicht2.png)no-repeat center/34px 28px;
}
.formify-error-message.form__alert {
background: #e41e13;
border-radius: 5px;
margin-bottom: 15px;
text-align: left;
font-size: 15px;
padding: 20px;
}
.group-input .form-input:nth-child(2){ border-radius:25px 0 0 25px;padding-left: 10px;}
ul li, ol li {
font-size: 18px;
font-family: 'Gotham Book';
font-weight: 300;
line-height: 28px;
text-align: left;
color: #fff;
}
.short-description-bar .inner-description ul li, .short-description-bar .inner-description ol li {
color:#656565;
font-weight: 300 !important;
font-family: 'Gotham light';
}
.short-description-bar .inner-description ul li strong, .short-description-bar .inner-description ol li strong {
color:#656565;
font-weight: 500 !important;
font-family: 'Gotham';
}
ul, ol {
list-style: disc;
margin-left: 20px;
}
#footer-part h2, #footer-part p {
text-align: center;
}
.footer_logo {
max-width: 65px;
float: left;
margin-top: -6px;
}