div#content h1, div#services-area h1, div#contact-area h1 {
	font-size:3em;
	color:#bcbcbc; /* Checked from design png. */
	margin-top:0.5em;
	text-align:left;
}

/* Some general declarations */
div.regions-links p {
	top:0.2em!important;
}

div.properties-links p a, div.regions-links a, div.contact-link a {
	padding:0.5em; /* Check this with other similar blocks. */
	color:#b71c37;
	background-color:white;
	font-weight:bold;
	text-decoration:none;
}

div.contact-link p {
	text-align:left!important;
	top:-4.2em!important;
}

/* Region and service combined declarations. */

div#services div div, div#regions div div {
	width:100%;
}

div#regions div div p, div#services div div p {
	text-align:center;
	font-weight:bold;
	font-size:clamp(16px,150%,10em);
	text-transform:uppercase;
	margin-top:0px;
	color:white;
	text-decoration:none;
	margin-bottom:1em;
	display:table-cell;
	vertical-align:middle;
	width:100%;
	letter-spacing:0.1em;
	padding-left:0.5em;
	padding-right:0.5em;
	position:relative; /* For the filter to work. */
	z-index:2;
}

div#region-area, div#services-area {
	background-color:#b71c37;
	color:white;
	padding-bottom:2em;
}

div#regions, div#services {
	width:100%;
	display:block;
}

div#regions div, div#services div {
	display:block;
	vertical-align:middle;
	box-sizing:border-box;
	background-position:center;
	background-size:cover;	
}

div#regions div {
	position:relative;
}

div#services div div, div#regions div div {
	display:table;
}

/* Region area. */

div#region-area {
	padding-top:1em;
	padding-bottom:0.5em;
	margin-bottom:-0.5em;
}

div#region-area h1 {
	color:#0000003b; /* Yes, this is a color. */
}

div#regions div {
	margin-bottom:2em;
}

div#regions div div {
	height:100%;
}

div#zuid-holland-1 {
	width:60%;
	float:left;
	background-image:url(../../../application/eigenhorecamakelaar/images/offices/zuid-holland-west.jpg);
	height:4em;
	border-right:1em solid #b71c37;
}

div#zuid-holland-2x {
	width:40%;
	float:right;
	background-image:url(../../../application/eigenhorecamakelaar/images/offices/brabant.png);
	height:10em;
	border-left:1em solid #b71c37;
}

div#midden-zeeland-west-brabant {
	width:40%;
	float:right;
	background-image:url(../../../application/eigenhorecamakelaar/images/offices/zeeland-west-brabant.jpg);
	height:10em;
	border-left:1em solid #b71c37;
}

div#friesland {
	float:left;
	width:30%;
	box-sizing:border-box;
	background-image:url(../../../application/eigenhorecamakelaar/images/offices/friesland.jpg);
	height:4em;
	border-right:1em solid #b71c37;
}

div#gelderland {
	float:left;
	width:30%;
	background-image:url(../../../application/eigenhorecamakelaar/images/offices/gelderland.jpg);
	height:4em;
	border-left:1em solid #b71c37;
	border-right:1em solid #b71c37;
}

div#overijssel {
	float:left;
	width:50%;
	background-image:url(../../../application/eigenhorecamakelaar/images/offices/overijssel.jpg);
	height:4em;
	border-right:1em solid #b71c37;
	/* Old
	*/
}

div#midden-limburg {
	float:left;
	width:50%;
	background-image:url(../../../application/eigenhorecamakelaar/images/offices/midden-limburg.jpg);
	height:4em;
	border-left:1em solid #b71c37;
	/* Old
	*/
}

div#zeeland-zeeuws-vlaanderen {
	float:left;
	width:40%;
	background-image:url(../../../application/eigenhorecamakelaar/images/offices/zeeuws-vlaanderen.png);
	height:12em;
	border-right:1em solid #b71c37;
}

div#zuid-holland-2 {
	width:30%;
	float:right;
	background-image:url(../../../application/eigenhorecamakelaar/images/offices/zuid-holland.jpg);
	height:5em;
	border-left:1em solid #b71c37;
}

div#midden-zeeland-west-brabantx {
	width:30%;
	float:right;
	background-image:url(../images/brabant.png);
	height:5em;
	border-left:1em solid #b71c37;
}

div#zuid-limburg {
	width:30%;
	float:right;
	background-image:url(../../../application/eigenhorecamakelaar/images/offices/zuid-limburg.jpg);
	height:5em;
	border-left:1em solid #b71c37;
	border-right:1em solid #b71c37;
}

div#tilburg-den-bosch { /* Tilburg - Den Bosch */
	width:60%;
	float:right;
	background-image:url(../../../application/eigenhorecamakelaar/images/offices/tilburg-den-bosch.png);
	height:5em;
	border-left:1em solid #b71c37;
}

@media only screen and (max-width:48em) {
	div#regions div div p {
		font-size:120%;
	}
}

@media only screen and (max-width:30em) {
	div#regions div div p {
		font-size:90%;
	}
}

/* Services */

div#services-area {
	background-color:#242424;
	overflow:auto;
	padding-bottom:3em;
}

div#services-area h1 {
	color:#494949;
}

div#services div  {
	height:8em;
}

div#services div div {
	background-color:#171717;
	background: rgba(23,23,23,0.2);
	position:relative;
}

div#advice div p, div#management div p, div#search-property div p, div#buying-property div p {
	font-size:clamp(16px,95%,10em)!important;
}

@media only screen and (max-width:40em) {
	
	div#appraisals div p, div#insurances div p {
		font-size:clamp(16px,110%,10em)!important;
	}
	
	div#advice div p, div#management div p, div#search-property div p, div#buying-property div p {
		font-size:70%!important;
	}
}

@media only screen and (max-width:30em) {
	
	div#appraisals div p, div#insurances div p {
		font-size:90%!important;
	}
	
	div#advice div p, div#management div p, div#search-property div p, div#buying-property div p {
		font-size:55%!important;
	}
}

div#appraisals {
	background-image:url(../images/appraisals.png);
	width:45%;
	float:left;
	height:8em;
	border-right:0.5em #171717 solid; 
}

div#advice {
	height:8em;
	background-image:url(../images/advice.png);
	width:27.5%;
	float:left;
	border-left:0.5em #171717 solid;
	border-right:0.5em #171717 solid; 
}

div#management {
	background-image:url(../images/management.jpg);
	width:27.5%;
	float:left;
	height:8em;
	border-left:0.5em #171717 solid;
}

div#search-property {
	background-image:url(../images/search.jpg);
	margin-top:1em;
	width:27.5%;
	height:8em;
	float:left;
	border-right:0.5em #171717 solid; 
}

div#buying-property {
	background-image:url(../images/buying.png);
	margin-top:1em;
	border-left:0.5em #171717 solid;
	border-right:0.5em #171717 solid; 
	width:27.5%;
	float:left;
}

div#insurances {
	background-image:url(../images/insurances.jpg);
	width:45%;
	float:left;
	height:8em;
	margin-top:1em;
	border-left:0.5em #171717 solid;
}

/* Contact area. */

div#contact-area {
	background-color:#e6e6e6;
	margin-bottom:-5.45em;
}

div#contact-area ul {
	display:flex;
	flex-grow:1;
	flex-direction:horizontal;
	justify-content:space-between;
	border:0;
	padding:0;
	margin:0;
	width:100%;
}


@media only screen and (max-width:58em) { /* Map and contact form width... */

	div#contact-area ul {
		display:block;
	}
	
	
	div#contact-area ul li {
		width:100%;
	}

	li#map-area-home {
		margin-top:0em!important;
		margin-bottom: -2.5em; 
	}
	
	div#contact-area ul li > div {
		margin-left:auto;
		margin-right:0;
	}
			
	li#map-area div {
		text-align:center;
		width:30em;
	}

	div#location-markers-home {
		top:1.25em;
	}
	
	p.recaptcha {
		margin-bottom:1em;
	}
}

@media only screen and (max-width:54em) {

	li#map-area-home {
		margin-bottom: -2.3em;
	}

	div#location-markers-home {
		top:1.15em;
	}
	
}

@media only screen and (max-width:50em) {

	li#map-area-home {
		margin-bottom: -1.7em;
	}

	div#location-markers-home {
		top:0.8em;
	}
	
}

@media only screen and (max-width:46em) {

	li#map-area-home {
		margin-bottom: -1.4em;
	}

	div#location-markers-home {
		top:0.7em;
	}
	
}

@media only screen and (max-width:42em) {

	li#map-area-home {
		margin-bottom: -0.7em;
	}

	div#location-markers-home {
		top:0.35em;
	}
	
}

@media only screen and (max-width:38em) {

	li#map-area-home {
		margin-bottom: -0.4em;
	}

	div#location-markers-home {
		top:0.2em;
	}
	
}

@media only screen and (max-width:34em) {

	li#map-area-home {
		margin-bottom: 0em;
	}

	div#location-markers-home {
		top:0em;
	}
	
}

@media only screen and (max-width:30em) {

	li#map-area-home {
		margin-bottom: 0.3em;
	}

	div#location-markers-home {
		top:-0.5em;
	}

	form#contact-form ul.vertical-list li ul li {
		width:100%!important;
	}
	
}

@media only screen and (max-width:28em) {

	div.map-2021-home {
		position:relative;
		top:-0.2em!important;
	}
	
}

@media only screen and (max-width:26em) {

	div.map-2021-home {
		position:relative;
		top:-0.5em!important;
	}
	
}

@media only screen and (max-width:24em) {

	div.map-2021-home {
		position:relative;
		top:-1em!important;
	}

	p.recaptcha {
		margin-bottom:2em!important;
	}
}

div#contact-area ul li {
	vertical-align:top;
	display:inline-block;
	list-style-type:none;
	border:none;
}

div#contact-area ul li:first-child {
	width:26em;
	flex-grow:0;
}

@media only screen and (max-width:58em) {
	div#contact-area ul li:first-child {
		width:100%!important;
		flex-grow:0;
	}
}

form#contact-form ul {
	display:block;
}

div#contact-area h1 {
	color:#bdbdbd;
}

div#contact-area h2, div#contact-area p {
	color:#262626;
}

div#contact-area h2 {
	margin-bottom:0.2em;
}

div#contact-form h3 {
	margin-top:0.2em;
}

div#contact-area li:first-child form p, div#contact-form h3 {
	margin-top:0.2em;
}

p.text {
	font-size:clamp(16px,80%,10em);
	margin-bottom:1.2em;
}

div#contact-area input, div#contact-area textarea {
	border:1px transparent solid!important;
	margin:-1px!important;
	box-sizing:border-box;
	padding-top:0.4em;
	padding-bottom:0.4em;
}

@media only screen and (max-width:58em) {
	
	form#contact-form ul.vertical-list li ul {
		width:100%;
		box-sizing:border-box;
	}

	form#contact-form ul.vertical-list li ul {
	
	}

	form#contact-form ul.vertical-list li ul li {
		width:49%!important;
		box-sizing:border-box;
	}
	
	form#contact-form ul.vertical-list li ul li:nth-child(2 ) {
		float:right;
	}

	form#contact-form ul.vertical-list li ul li input {
		width:100%;
	}
	
	form#contact-form ul li {
		width:100%!important;
	}
	
	form#contact-form textarea, li#text-area, form#contact-form ul.vertical-list li:nth-child(3) ul li  {
		width:100%!important;
	}
	
	ul li#text-area {
		padding-bottom:0!important;
	}
}

@media only screen and (max-width:30em) {

	form#contact-form ul.vertical-list li ul li {
		width:100%!important;
	}
	
}
	
div#contact-area input:focus, div#contact-area textarea:focus, div#contact-area input:hover, div#contact-area textarea:hover {
	border:1px solid #262626!important;
	margin:-1px!important;
}

form#contact-form ul.vertical-list li ul li p, form#contact-form ul.vertical-list li ul li h3 {
	text-transform:uppercase;
	margin-bottom:0.1em;
	font-weight:900;
	font-size:clamp(16px,80%,10em);
}

form#contact-form ul.vertical-list li ul li h3 {
	margin-top:0.2em;
	font-weight:700;
}

form#contact-form ul li ul {
	width:26em;
}

@media only screen and (max-width:28em) {
	form#contact-form ul li ul {
		width:16em;
	}
}

form#contact-form ul li {
	width:21em;
}

@media only screen and (max-width:34em) {
	div#contact-area ul li:first-child {
		width:100%;
	}
	/*
	div#contact-area ul li:first-child p {
		padding-right:1em;
	}
	*/
	form#contact-form ul li {
		width:100%;
	}
}

form#contact-formx ul li:nth-child(1) {
	width:auto;
	height:auto;
}

form#contact-form ul li:nth-child(2) {
	height:auto;
}

form#contact-form ul li ul li:first-child {
	width:12em;
}

form#contact-form ul li ul li:nth-child(2) {
	width:12em;
	height:auto;
}

form#contact-form ul li#text-area {
	width:23.6em;
}

ul li#text-area {
	padding-bottom:5em;
}

@media only screen and (max-width:28em) {
	form#contact-form ul li#text-area {
		width:11.4em;
	}
}

form#contact-form ul li:nth-child(3) textarea {
	width:100%;
}

p#send-button {
	text-align:right;
	padding-right:0.5em;
	position:relative;
	top:-2.5em;
	border:none!important;
	display:inline;
	float:right;
}

p#send-button:hover {
	cursor:pointer;
}

p#send-button input {
	font-weight:900;
	text-transform:uppercase;
	position:relative;
	padding:0.4em;
	background-color:#b71c37;
	border:none;
	color:white;
	z-index:2;
}

p#send-buttion input:hover {
	cursor:pointer;
}

li#map-area {
	height:37em;
}

li#map-area-home {
	margin-top:5em;
	width:50%;
	/* border:1px solid yellow!important; */
}

li#map-area > div {
	margin-top:-1em;
}

li#map-area p:nth-child(2) {
	height:50em;
}

div.map-2021-home {
	position:relative;
	/* border:1px solid blue; */
	width:100%;
	height:100%;
}

img#map {
	position:relative;
	top:-2.5em;
	height:100%;
	width:100%;
	object-fit:contain;
	width:30em;
}

img#map-home {
	position:relative;
	height:100%;
	width:100%;
	object-fit:contain;
}

div#location-markers, div#location-markers p {
	height:0px!important;
	width:0px!important; 
	margin:0px!important;
	padding:0px!important;
	border:0px!important;
	position:relative!important;
	overflow:visible!important;
	z-index:5;
}

div#location-markers-home {
	width:100%;
	height:100%;
	position:absolute;
}

div#location-markers-home p {
	height:0px!important;
	width:0px!important; 
	margin:0px!important;
	margin-top:0!important;
	padding:0px!important;
	border:0px!important;
	position:absolute!important; 
	overflow:visible!important;
	z-index:5;
}

div.map-2021-home p {
	margin-bottom:0;
}

img.location-marker, img.location-marker-home, img.home-location-marker {
	height:2em!important;
	z-index:99!important;
}

@media only screen and (max-width:62em) {
	div#new-footer {
		padding-top:5em;
	}
	
	li#map-area {
		margin-top:-4em;
	}
		
}

@media only screen and (max-width:20em) {
	/* Map is already moved below the other li element. */
	li#map-area, li#map-area p {
		width:100%; 
	}
	
}

@media only screen and (max-width:20em) { /* Map doesn't fit anymore */
	
	div#contact-area-old div.content-width-inner {
		overflow:hidden;
	}
	
	li#map-area-old {
		position:relative!important;
		left:-2em!important;
	}
	
}

p.home-category {
	font-size:130%; /* Same as purpose */
	text-align:left;
	margin-bottom:0.3em!important;
	margin-top:-0.3em!important;
}

div#properties-area ul li {
    margin-bottom: 1em;
}

div#properties-area ul li h2 { /* Not so nice way with h2... */
	color:black!important;
	font-weight:normal!important;
	-webkit-line-clamp:3!important;
	height:4.3em!important;
	margin-bottom:2em;
	margin-left:0.7em!important;
	margin-right:0.7em!important;
}

div.region-filter, div.services-filter {
	z-index:1;
}

div.services-filter {
	z-index:3;
	width:100%!important;
	height:100%!important;
}

p.recaptcha {
	text-transform:none!important;
	font-weight:normal!important;
	font-size:80%!important;
	margin-top:-2em!important;
}

div.grecaptcha-badge {
	visibility:hidden;
}