@import url("https://use.typekit.net/evm7dkw.css");

html{color:#000;background:#FFF; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}
legend{color:#000}
#yui3-css-stamp.cssreset{display:none}

#menu_popup {
   width: 100%;
   height: 100vh;
   overflow: hidden;
   background-color: rgba(0, 37, 21, .95);
   position: fixed;
   left: 0px;
   top: 0px;
   opacity: 0;

   transition: opacity 0.5s linear;
   -moz-transition: opacity 0.5s linear;
   -ms-transition: opacity 0.5s linear;
   -o-transition: opacity 0.5s linear;
   -webkit-transition: opacity 0.5s linear;
}

#menu_popup.show {
   opacity: 1;
}

#menu_content {
   transform:translate(-50%,-50%);
   -webkit-transform: translate(-50%,-50%);
   left: 50%;
   top: 50%;
   position: absolute;
   text-align: center;
   margin-top: 25px;
}

#menu_content i {
   color: #fff;
   font-size: 18px;
}

#menu_content a {
   color: #ffffff;
   font-size: 24px;
   margin: 0px 0px;
   text-decoration: none;
   height: 50px;
   font-weight: 300;
   line-height: 50px;
   display: inline-block;
   text-transform: uppercase;
   transition: all 0.1s linear;
}

#menu_content a:hover {
   color: #D06519;
}

#newsletter_error {
	color: #D06519;
}

#menubutton,
#menu-closed {
   width: 55px;
   height: 55px;
   background-image: url(/img/menu.png);
   background-size: cover;
   display: inline-block;
   float: right;
   margin-top: 15px;
   cursor: pointer;
}

#menu-closed {
   background-image: url(/img/menu-exit.png);
   margin-top: 35px;
}

#menu_popup a img {
   height: 85px;
}

/* - - - - - D E S K T O P - - - - - */

* {
	box-sizing: border-box;
}

html {
	background-color: #fff;
	color: #000;
   font-family: 'filson-pro',sans-serif;
   font-style: normal;
   font-size: 18px;
   line-height: 26px;
   font-weight: 300 !important;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale; 
}

.button.hidden-desktop,
.onlymobile, 
.onlytablet {
	display: none !important;
}

em {
	font-style: italic;
}

.mailto {
	color: #000;
	width: 100%;
	display: block;
}

hr {
	background-color: #ddd;
	height: 1px;
	width: 100%;
	max-width: 1240px;
	border: none;
	margin: 0px auto;
}

strong {
	font-weight: 400;
}

h1 {
	font-size: 30px;
}

h1.static_header,	
.static_content h1 {
	color: #D06519;
	width: 85%;
}

.orange {
	color: #D06519;
}

.curpage {
	font-weight: bold;
	color: #D06519 !important;
}

#page_title h1 {
	color: #fff;
	margin-left: 20px;
}


h2 {
	font-size: 24px;
}

h3 {
	font-size: 18px;
	line-height: 1.1;
}

.static_leftmenu h3,
.house_block h3 {
	font-size: 18px;
   font-weight: 300;
   text-transform: uppercase;
   line-height: 22px;
}

.house_block h3.orange {
   font-size: 16px;
}

.static_leftmenu h3 {
   margin-bottom: 5px;
   font-size: 18px;
}

h3.nowoning {
	padding-top: 11px;
   text-transform: uppercase;
   font-weight: 300;
   font-size: 26px;
}

h4 {
	font-size: 15px;
}

h4.boldline {
	font-weight: bold;
	text-decoration: underline;
}

h3.publicatieheader {
	color: #D06519;
	float: left;
	font-size: 18px;
	text-decoration: underline;
}

h3.publicatieheader:hover {
	text-decoration: none;
}

input,
select {
	outline: none;	
}
	
select {
   -webkit-appearance: button;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   -webkit-padding-end: 0px;
   -webkit-padding-start: 0px;
   -webkit-user-select: none;
   user-select: none;
   -moz-appearance: none;
   appearance: none;
   background-position: 97% center;
   background-repeat: no-repeat;
   border: 1px solid rgba(112, 112, 112, 0.5);
   color: #fff;
   font-size: inherit;
   margin: 10px;
   overflow: hidden;
   padding: 0px 10px;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 16%;
   height: 40px;
   line-height: 40px;
   font-style: italic;
   background-color: #002515;
}

.static_content.house_overview_page .house_block:hover > div {
   background-color: rgba(149, 131, 107, 0.08);
}

select::-ms-expand {
    display: none;
}

select#sortondropdown {
	color: #000;
	background-color: #fff;
	margin: 0px;
	font-style: normal;
	width: auto;
	padding-right: 30px;
	/*min-width: 210px;*/
}	

select.leftselect {
	color: #000;
	background-color: #fff;
	margin: 0px;
	margin-bottom: 8px;
	font-style: normal;
}	

input.leftinput {
	width: 100%;
	padding: 5px 10px;
	border: 1px solid rgb(112, 112, 112, 0.5);
   height: 40px;
   line-height: 40px;
	color: #000;
	display: block;
	margin-bottom: 8px;
}

.container {
	max-width: 1380px;
	margin: 0px auto;
}

.clear {
	clear: both;
}

a.submit,
#mc_embed_signup .submit  {
	background-color: #D06519; 
	padding: 0px 15px;
	border: none;
	height: 40px;
	line-height: 40px !important;
	border-radius: 0px;
	width: 18%;
	text-align: left;
	font-size: 22px;
	color: #fff;
	text-decoration: none !important;
	transition: background-color 0.4s ease;
	cursor: pointer;
		-webkit-touch-callout: none;
	    -webkit-user-select: none;
	    -khtml-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none;
}

a.submit:hover,
#mc_embed_signup .submit:hover {
	background-color: #D06519;
	transition: background-color 0.4s ease;
	color: #fff !important;
}

#overviewsearch a.submit {
   padding: 0px;
   float: right;
   color: #000;
   height: auto;
   line-height: normal !important;
   background-color: transparent;
   display: block;
   font-size: 16px;
   width: auto;
   margin-top: 10px;
}

#overviewsearch a.submit:hover {
   color: #D06519 !important;
}

a.readmore, .home_block a, .static_text a {
	color:  #000;
}

.footer_block a.submit,
#mc_embed_signup .submit {
	width: 47%;
	float: right;
	margin-top: 5px;
}

#findhouse {
	font-weight: bold;
}

.findhouseitem {
	width: 15% !important;
	display: block;
	float: left;
	margin: 0px;
	margin-right: 2%;
}

span.findhouse_block {
	position: relative;
	font-weight: normal !important;
}

span.findhouse_block i {
	position: absolute;
	right: 35px;
	top: 22px;
}

select.findhouseitem {
	margin-top: 15px;
	background-image: url(/img/sort3.png);
	background-size: 12px 12px;
}

.submit.findhouseitem {
	float: right;
	height: 30px;
	line-height: 30px;
	padding: 0px;
	text-indent: 10px;
	margin-top: 15px;
	font-size: 18px;
	margin-right: 0px !important;
}

/* - - - - - H E A D E R - - - - - */

#header {
	display: block;
	color: #fff;
	width: 100%;
	top: 0px;
	left: 0px;
	position: fixed;
	z-index: 33;
	padding: 20px 0px;
	background-color: transparent;
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
}

#header a img {
	height: 85px;
}

#header #logolanderijegreen {
	display: none;
}

#header.scroll #logolanderijegreen {
	display: inline;
}

#header.scroll #logolanderijewhite {
	display: none;
}

#header.scroll {
	background-color: #ffffff;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.25);
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
}

input.newsletter {
	width: 100%;
	position: relative;
	display: block;
	height: 30px;
	margin-top: 15px;
	font-size: 16px;
	color: #fff;
}

input.newsletter#naam, input.newsletter#voornaam,
input.newsletter#mce-FNAME, input.newsletter#mce-LNAME {
	width: 47%;
	float: left;
	margin-bottom: 15px;
}

input.newsletter#naam,
input.newsletter#mce-LNAME {
	float: right;
}

.sm_makelaar_detail {
	display: block;
	text-align: center;
	width: 20px;
	height: 22px;
	line-height: 20px !important;
	font-size: 18px;
	border-radius: 5px;
	margin-bottom: 5px;
	background-color: transparent;
}

#zoekform input {
	width: 0px;
   height: 40px;
   line-height: 40px;
	transition: width 0.2s ease;
	-moz-transition: width 0.2s ease;
	-ms-transition: width 0.2s ease;
	-o-transition: width 0.2s ease;
	-webkit-transition: width 0.2s ease;
   font-size: 18px;
}

#zoekform input:not(.open) {
	border: 0px;
}
#zoekform input.open {
	width: 450px;
   text-indent: 15px;
   font-size: 18px;
}

#zoekform i {
   padding-left: 15px;
   padding-right: 15px;
   cursor: pointer;
}


/* - - - - - H O M E P A G E - I T E M S - - - - - */
#headerhomepage {
	min-height: 100vh;
	top: 0px;
   background-color: #002515;
   position: relative;
   overflow: hidden;
}

#headerhomepage .darker {
   background-color: rgb(0, 0, 0,0.35);
   position: absolute;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   z-index: 1;
}

#headerhomepage #waiting-ring {
   position: absolute;
	transform:translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	left: 50%;
	top: 50%;
   text-align: center;
   z-index: 1;
}

.lds-ring {
   display: inline-block;
   position: relative;
   width: 80px;
   height: 80px;
 }
 .lds-ring div {
   box-sizing: border-box;
   display: block;
   position: absolute;
   width: 64px;
   height: 64px;
   margin: 8px;
   border: 7px solid #fff;
   border-radius: 50%;
   animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
   border-color: #fff transparent transparent transparent;
 }
 .lds-ring div:nth-child(1) {
   animation-delay: -0.45s;
 }
 .lds-ring div:nth-child(2) {
   animation-delay: -0.3s;
 }
 .lds-ring div:nth-child(3) {
   animation-delay: -0.15s;
 }

 @keyframes lds-ring {
   0% {
     transform: rotate(0deg);
   }
   100% {
     transform: rotate(360deg);
   }
 }

#homeintro {
	text-align: center;
	margin: 75px 0px;
}

#homeintro .column-3-5 {
   float: none;
   margin: 0px auto;
}

#homeintro h1 {
   font-family: 'filson-pro',sans-serif;
   font-size: 24px;
   line-height: 34px;
   font-weight: 200;
   color: #707070;
   text-align: center;
}

#home_districtblock,
#districtblock_overview,
#category_overview {
	padding: 75px 0px;
	padding-bottom: 100px;
	background-color: #002515;
}

#category_overview,
#makelaar_overview_specialpages {
   background-color: #D06519;
}

#makelaar_overview_specialpages {
   padding: 150px 0px;
}

.quote_text {
   background-color: #fff;
   text-align: center;
}

#districtblock_overview {
   padding-top: 0px;
   background-color: #fff;
}

#home_districtblock h2 {
   font-size: 42px;
   line-height: 40px;
   font-weight: 200;
   margin-bottom: 75px;
	text-align: center;
	color: #D06519;
}

#home_districtblock a.column-1-3,
#districtblock_overview a.column-1-3,
#category_overview a.column-1-3 {
	margin-top: 10px;
}

#category_overview a.column-1-3 {
   margin-top: 0px;
}

#woningtype {
   text-align: center;
   background-color: #F0EEEB;
   padding: 100px 0px;
}

#home_districtblock a.column-1-3 h3,
#districtblock_overview a.column-1-3 h3,
#category_overview a.column-1-3 h3,
#makelaar_overview_specialpages a.column-1-3 h3,
#woningtype a.column-1-4 h3  {
	font-size: 30px;
	line-height: 35px;
   font-weight: 300;
	color: #fff;
	position: absolute;
	bottom: 20px;
	left: 20px;
}

#woningtype a.column-1-4 h3 {
   font-size: 24px;
   line-height: 34px;
   font-weight: 400;
   bottom: auto;
   transform:translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	left: 50%;
	top: 50%;
   text-transform: uppercase;
}

#home_districtblock a.column-1-3 div.ratioimage,
#districtblock_overview a.column-1-3 div.ratioimage,
#category_overview a.column-1-3 div.ratioimage,
#makelaar_overview_specialpages a.column-1-3 div.ratioimage,
#woningtype a.column-1-4 div.ratioimage {
	background-size: auto 100%;
	transition: background-size 0.2s linear;
	-moz-transition: background-size 0.2s linear;
	-ms-transition: background-size 0.2s linear;
	-o-transition: background-size 0.2s linear;
	-webkit-transition: background-size 0.2s linear;
   cursor: pointer;
}

#home_districtblock a.column-1-3:hover div.ratioimage,
#home_districtblock a.column-1-3:focus div.ratioimage,
#districtblock_overview a.column-1-3:hover div.ratioimage,
#districtblock_overview a.column-1-3:focus div.ratioimage,
#category_overview a.column-1-3:hover div.ratioimage,
#category_overview a.column-1-3:focus div.ratioimage,
#makelaar_overview_specialpages a.column-1-3:hover div.ratioimage,
#makelaar_overview_specialpages a.column-1-3:focus div.ratioimage,
#woningtype a.column-1-4:hover div.ratioimage,
#woningtype a.column-1-4:focus div.ratioimage {
	background-size: auto 115%;
	transition: background-size 0.2s linear;
	-moz-transition: background-size 0.2s linear;
	-ms-transition: background-size 0.2s linear;
	-o-transition: background-size 0.2s linear;
	-webkit-transition: background-size 0.2s linear;
}

#home_districtblock a.column-1-3:hover div.ratioimage .darken,
#home_districtblock a.column-1-3:focus div.ratioimage .darken,
#districtblock_overview a.column-1-3:hover div.ratioimage .darken,
#districtblock_overview a.column-1-3:focus div.ratioimage .darken,
#category_overview a.column-1-3:hover div.ratioimage .darken,
#category_overview a.column-1-3:focus div.ratioimage .darken,
#makelaar_overview_specialpages a.column-1-3:hover div.ratioimage .darken,
#makelaar_overview_specialpages a.column-1-3:focus div.ratioimage .darken,
#woningtype a.column-1-4:hover div.ratioimage .darken,
#woningtype a.column-1-4:focus div.ratioimage .darken {
	transition: background-color 0.2s linear;
	-moz-transition: background-color 0.2s linear;
	-ms-transition: background-color 0.2s linear;
	-o-transition: background-color 0.2s linear;
	-webkit-transition: background-color 0.2s linear;
	background-color: rgba(0,0,0,0.05);
}

.darken {
	transition: background-color 0.1s linear;
	-moz-transition: background-color 0.1s linear;
	-ms-transition: background-color 0.1s linear;
	-o-transition: background-color 0.1s linear;
	-webkit-transition: background-color 0.1s linear;
	width: 100%;
	height: 100%;
	display: inline-block;
	background-color: rgba(0,0,0,0.2);
}

#home_teamvideo {
	padding: 100px 0px;
   background-color: #fff;
}

#house_detail_video span {
	font-size: 125px;
   color: rgba(220, 220, 220, 0.65);
	position: absolute;
	transform:translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	left: 50%;
	top: 50%;
	cursor: pointer;
	transition: background-color 0.1s linear;
	-moz-transition: background-color 0.1s linear;
	-ms-transition: background-color 0.1s linear;
	-o-transition: background-color 0.1s linear;
	-webkit-transition: background-color 0.1s linear;
}

#house_detail_video span:hover {
	color: rgba(209, 102, 25, 0.85);
	transition: background-color 0.1s linear;
	-moz-transition: background-color 0.1s linear;
	-ms-transition: background-color 0.1s linear;
	-o-transition: background-color 0.1s linear;
	-webkit-transition: background-color 0.1s linear;
}

#home_teamvideo h2 {
   font-size: 70px;
   line-height: 70px;
   font-weight: 200;
   color: #fff;
   text-decoration: none;
   margin-bottom: 25px;
}

#home_teamvideo span {
   background-color: #D06519;
   border-radius: 35px;
   padding: 8px 20px;
   font-size: 18px;
   border: 1px solid #fff;
   color: #fff;
}

#home_teamvideo span:hover {
   background-color: #fff;
   color: #D06519;
}

#home_teamvideo .column-1-3 {
   position: absolute;
   left: 50%;
   bottom: 10%;
}

#house_detail_video .column-7-8 {
   float: none;
   margin: 100px auto;
   margin-bottom: 50px;
}

#signin_newsletter {
	margin: 100px auto;
	text-align: center;
}

#signin_newsletter h3 {
	font-size: 45px;
	line-height: 55px;
	color: #D06519;
}

#signin_newsletter p {
	font-size: 18px;
	line-height: 40px;
	color: rgba(0, 39, 22, 0.5);
	margin: 25px;
}

#signin_newsletter input {
	background-color: rgba(0, 37, 21, 0.07);
	height: 65px;
	width: 100%;
	color: #002515;
	border: 0px;
	padding: 0px 25px;
	font-size: 18px;
}

#signin_newsletter .validation {
   text-align: left;
   color: #dc3545;
   margin-left: 25px;
   display: none;
}

#signin_newsletter .column-1-3 {
	padding: 10px;
}

#signin_newsletter .column-1-3 input::placeholder {
	color: #002515 !important;
}

#signin_newsletter span {
	color: #002515;
	font-size: 18px;
	margin: 10px;
	display: block;
}

#signin_newsletter span a {
	color: #002515;
}

#signin_newsletter button,
.btnorange,
#overviewsearch .submit.btnorange {
	font-size: 18px;
	border-radius: 50px;
	padding: 13px 33px;
	margin-top: 15px;
	background-color: #D06519;
   text-transform: uppercase;
	color: #fff;
   border: 2px solid #D06519;
   text-decoration: none;
}

#overviewsearch .submit.btnorange {
   float: left;
   width: 100%;
   text-align: center;
}

#signin_newsletter button:hover,
.btnorange:hover,
#overviewsearch .submit.btnorange:hover {
   background-color: transparent;
   border: 2px solid #D06519;
   color: #D06519;
}


.quote_text .btnorange {
   margin: 50px auto;
   display: inline-block;
}

.grid-item-nomarge {
   margin: 0px;
}

/* O L D - S T A R T - - - - - H O M E P A G E - I T E M S - - - - - */

.makelaar_block {
	margin-bottom: 15px;	
}

#house_overview_block,
#searchpage {
   background-color: #EBEBEB;
   margin-top: 132px;
   padding-bottom: 50px;
}

#searchpage {
   padding-top: 50px;
}

#searchpage .searchpage_header {
   color: #D06519;
   font-size: 40px;
   font-weight: 300;
}

#house_overview_block .static_content > .grid-item {
   background-color: #ffffff;
   padding: 10px 15px;
}

.static_content .house_block, 
#makelaar_detail_content .house_block, 
.static_content .makelaar_block,
#searchpage .house_block {
	display: block;
	box-sizing: border-box;
   color: #000;
	text-decoration: none;
   margin-bottom: 25px;
}

.static_content .house_block h4 {
	font-size: 14px;
}

#home_content .home_block .home_block_image, 
.static_content .makelaar_block img {
	width: 100%;
}

.static_content .house_block.list {
	width: 100%;
	height: auto;
   margin-bottom: 0px;
}

.static_content .house_block.list .house_overview_image {
	float: left;
	margin-right: 20px;
}

.static_content .house_block.list h4 {
	font-size: 18px;
	margin-bottom: 15px;
}

.static_content .house_block.list .house_text {
   border: none;
}

.static_content .house_block.list .house_text .grid-item {
   padding-right: 25px;
}

.static_content .house_block:hover .house-text, 
.static_content .makelaar_block:hover,
#makelaar_detail_content .house_block:hover {
	background-color: #EBEBEB;
}

.house_overview_image, 
.makelaar_overview_image, 
.review_image {
	width: 293px;
	height: 215px;
	
	display: block;
	background-size: cover;
	background-position: center center;
	background-color: #f1f1f1;
	position: relative;
}

.review_image {
	float: right;
}

.makelaar_overview_image {
	background-image: url(/img/003.jpg);
}

.house_block .house_text, 
.makelaar_block .makelaar_text {
	padding: 15px;
   min-height: 265px;
}

.house_block .house_text {
   border-bottom: 1px solid #707070;
   min-height: 315px;
}

#searchpage .house_block .house_text {
   min-height: auto;
   border: none;
}

.house_block .house_text h3.house_title {
	padding: 5px 0px;
   min-height: 80px;
}

.house_block.house_internationaal h3.house_title {
   min-height: 100px;
}

.house_block .house_text h3.house_title label {
   color: #D06519;
}

#lijst .house_block .house_text h3.house_title,
#searchpage .house_block .house_text h3.house_title {
   min-height: 40px;
   padding: 0px;
}

#lijst .house_block .house_text span,
#galerij .house_block .house_text span  {
   font-size: 14px;
}

.house_block .house_text p {
   line-height: 22px;
   font-size: 16px;
   min-height: 120px;
}

#searchpage .house_block .house_text p {
   min-height: auto;
}

#lijst .house_block .house_text p {
   min-height: 70px;
} 

#searchpage .house_block {
   margin-bottom: 0px;
}

#kaartbuurt {
	padding-right: 20px;
}

.googlemapstooltip {
	display: block; 
	text-align: center; 
	color: black; 
	text-decoration: none;
  	font-size: 15px;
  	padding-left: 20px;
  	padding-top: 10px;
}

.googlemapstooltip h4 {
	font-size: 14px;
	font-weight: bold;
}

.googlemapstooltip h5 {
	font-size: 18px;
}

#companies .column-2-3 {
   margin: 100px auto;
   float: none;
}

#companies .column-2-3 .column-1-4 {
   padding-left: 10px;
   padding-right: 10px;
}

#companies .column-2-3 .column-1-4 .ratio-65:before {
   background-color: #D06519;
}

#companies .column-2-3 .column-1-4 .ratioimage {
   opacity: 0.75;
}

#agentregion {
   background-color: #fff;
   padding-top: 75px;
   padding-bottom: 35px;
}

#agentregion h2 {
   font-size: 42px;
   line-height: 40px;
   color: #D06519;
   text-align: center;
   margin-bottom: 60px;
   font-weight: 200;
}

#agentregion h3 {
   font-size: 30px;
   line-height: 36px;
   font-weight: 300;
}

#agentregion .column-2-3 .agentregion-block {
   border-top: 1px solid #707070;
   padding-top: 50px;
   min-height: 215px;
}

#agentregion .column-2-3 .agentregion-block a {
   color: #000;
   text-decoration: none;
}

#agentregion .column-2-3 .agentregion-block a:hover {
   color: #D06519;
}

#agentregion .column-2-3 .agentregion-block p {
   font-weight: 200;
}

#agentregion .agentregion-content {
   border-top: 1px solid #707070;
   border-bottom: 1px solid #707070;
   height: 60px;
   line-height: 60px;
   margin-top: 40px;
}

#agentregion .agentregion-content a {
   color: #000;
   text-decoration: none;
   font-size: 18px;
   font-weight: 300;
}

#agentregion .agentregion-content a:hover {
   color: #D06519;
}

#agentregion .agentregion-content div {
   float: right;
   border-left: 1px solid #707070;
}

#house_detail_page #agentregion {
   padding: 0px;
}

#house_detail_page #agentregion .column-4-5 {
   padding: 75px 0px;
   float: none;
   margin: 0px auto;
}

#house_detail_page #agentregion .column-2-3 .agentregion-block {
   padding-top: 65px;
}

#house_detail_page #agentregion .agentregion-content {
   margin-top: 55px;
}

/* - - - - - B L O C K - P A G E S L I D E R - - - - - */

#pagesslider {
	background-color: #D06519;
	color: #fff;
}
	
.pagesliderline {
   transform: translatey(-50%);
   -webkit-transform: translatey(-50%);
   top: 50%; 
   position: absolute;
}

.pagesliderline span {
	width: 70px;
	height: 8px;
	margin-bottom: 20px;
	background-color: rgba(255,255,255,0.33);
	display: block;
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	cursor: pointer;
}

.pagesliderline span.active,
.pagesliderline span:hover {
	width: 100px;
	background-color: #fff;
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
}

.pagessliderline span.last-child {
	margin-bottom: 0px;
}

.pagesslider_item {
	position:absolute;
	top: 50%;
	transform: translatey(-50%);
	padding: 0 10%;
	width: 100%;
   height: 100%;
}

.pagesslider_item .column-1-4 {
   height: 100%;
}

.pagesslider_item .column-3-4 {
   top: 50%;
   transform: translateY(-50%);
}

.pagesslider_item label {
   font-family: 'filson-pro',sans-serif;
   font-size: 24px;
   line-height: 30px;
   font-weight: 400;
   text-transform: uppercase;
   margin-bottom: 50px;
   display: block;
}

.pagesslider_item h3 {
   font-family: 'filson-pro',sans-serif;
   font-size: 40px;
   line-height: 46px;
   font-weight: 200;
   margin-bottom: 30px;
   text-transform: capitalize;
}

.pagesslider_item p {
   font-size: 18px;
   line-height: 30px;
   font-weight: 300;
   min-height: 100px;
   padding-right: 15%;
}

.pagesslider_item .pageslider_specifications {
   font-size: 14px;
   line-height: 25px;
   font-weight: 300;
   text-transform: uppercase;
	margin: 25px 0px;
	display: inline-block;
}

.pagesslider_item a {
	color: #fff;
	border: 1px solid #fff;
	text-transform: uppercase;
	font-size: 18px;
   font-weight: 300;
	border-radius: 50px;
	padding: 15px 35px;
	display: inline-block;
	text-decoration: none;
	margin-top: 15px;
}

.pagesslider_item a:hover {
	background-color: #fff;
	color: #D06519
}

.pagesslider-right .pagesslider_item .column-1-4 {
	float: right;
}

.pagesslider-right .pagesslider_item .column-1-4 .pagesliderline span {
	float: right;
	clear: both;
}

.pagesslider-right .pagesslider_item .column-3-4 label {
	color: #002515;
	margin-bottom: 50px;
	display: block;
}

.pagesslider-right .pagesslider_item .column-3-4 span {
	font-size: 30px;
	line-height: 36px;
	margin-bottom: 100px;
	display: block;
	width: 90%;
}

/* - - - - - G E N E R A L - P A G E S - - - - - */
#page_title {
	border-top: 1px solid rgba(255, 255, 255, 0.25);
	box-sizing: border-box;
}

.static_content {
	float: right;
	margin-top: 50px;
	margin-bottom: 75px;
}

.static_leftmenu {
   margin-top: 50px;
}

.static_leftmenu > .grid-item {
   background-color: #ffffff;
   padding: 10px 15px;
}

.static_leftmenu > .grid-item > strong {
   line-height: 40px;
}

.static_leftmenu a {
	display: block;
	width: 100%;
	color: #000;
	text-decoration: none;
}

.static_leftmenu a.submit {
	color: #fff;
}

.static_leftmenu a:hover,
.static_leftmenu a.active {
	color: #D06519;
}

.static_leftmenu a.submit:hover {
	color: #fff;
}

.static_leftmenu select {
	width: 100%;
	display: block;
	background-image: url(/img/sort2-orange.png);
	background-size: 18px 18px;
	box-shadow: none !important;
}

#list_static .static_text {
	width: 100%;
}

.static_text h2,
.static_text h3 {
	margin-bottom: 5px;
}

.static_text h3 {
	font-size: 18px;
}

select {
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}

.detaillist,
.listoverview {
	display: none !important;
}

.detaillist.active,
.listoverview.active {
	display: block !important;
}

#youtube.detaillist.active {
	margin-right: 20px;
}
	
#header-franchise {
	width: 100%;
	height: 700px;
	background-position: right top;
	background-size: cover;
	position: relative;
}	

#header-franchise h1 {
	z-index: 2;
	position: relative;
}

#header-franchise video {
	max-width: 650px;
	width: 100%;
	float: right;
	border: 3px solid #fff;
	margin-top: 125px;
	position: relative;
	z-index: 3;
}

#header-franchise #shadowgreen {
	position: absolute;
	left: 0px;
	width: 100%;
	height: 100%;
	bottom: 0px;
	background: rgb(33,44,40);
	background: -moz-linear-gradient(0deg, rgba(33,44,40,0.8) 10%, rgba(33,44,40,0.15) 100%);
	background: -webkit-linear-gradient(0deg, rgba(33,44,40,0.8) 10%, rgba(33,44,40,0.15) 100%);
	background: linear-gradient(0deg, rgba(33,44,40,0.8) 10%, rgba(33,44,40,0.15) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#002515",endColorstr="#002515",GradientType=1);
}

/* - - - - - R E G I O N - C I T Y - P A G E S - - - - - */
#region_header,
#ambacht_header,
#makelaar_overview_header,
#static_header,
#woningtype_header {
	width: 100%;
	height: 90vh;
	background-color:#002515;
	text-align: center;
	position: fixed;
	top: 0px;
	z-index: -1;
	background-image: url(/img/001.jpg);
	background-size: cover;
	background-position: center center;
}

#region_header #darker,
#ambacht_header #darker,
#makelaar_overview_header #darker,
#static_header #darker,
#woningtype_header #darker {
	background-color: #002515;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	opacity: 0.25;
   position: absolute;
   z-index: 1;
}

#region_header h1,
#ambacht_header h1,
#static_header h1,
#woningtype_header h1 {
	font-size: 70px;
	line-height: 75px;
	text-align: center;
	color: #ffffff;
	margin: 0px auto;
   font-weight: 200;
}

#static_content h1 {
   font-size: 50px;
   font-weight: 200;
   line-height: 55px;
}

#makelaar_overview_header h1 {
   color: #ffffff;
   font-size: 70px;
   line-height: 75px;   
   text-align: left;
   font-weight: 200;
}

#region_left {
	padding-right: 25px;
}

#region_right {
	padding-left: 25px;
}

#region_content,
#ambacht_content,
#makelaar_overview_content,
#static_content,
#woningtype_content {
	margin-top: 90vh;
	background-color: #ffffff;
	padding-bottom: 50px;
}

#static_content .row .column-4-5 {
   float: none;
   margin: 0px auto;
}

#region_content h3,
#ambacht_content h3,
#makelaar_overview_content h3,
#static_content h3,
#woningtype_content h3 {
	font-size: 24px;
	line-height: 34px;
	color: #D06519;
   font-weight: 300;
	margin-bottom: 10px;
	padding-top: 5%;
}

#static_cta h3 {
   color: #000;
}

#static_content h3 {
   padding-top: 0px;
   font-size: 18px;
   margin: 0px;
   line-height: 24px;
}

#static_content #static_grayblock {
   background-color: #EBEBEB;
   padding: 100px 0px;
}

#static_content #static_grayblock .btnorange {
   color: #fff;
   margin-top: 5px;
   margin-bottom: 15px;
   display: inline-block;
}

#static_content #static_grayblock .btnorange:hover {
   color: #D06519;
}

#static_content #static_grayblock .column-4-5 a {
   color: #D06519;
}

#static_content .static_text ul {
   list-style-type: disc;
   list-style-position: outside;
   margin-left: 20px;
}

#region_content .grid-item,
#woningtype_content .grid-item {
	margin-bottom: 5%;
}

#region_content p,
#ambacht_content p,
#woningtype_content p {
	padding-bottom: 10%;
}

.region_intro > div,
.quote_text .column-4-5,
.static_intro > div,
.woningtype_intro > div,
.ambacht_intro > div {
	float: none;
	margin: 0 auto;
	padding: 50px 0px;
}

.region_intro h2,
.static_intro h2,
.woningtype_intro h2,
.ambacht_intro h2 {
	font-size: 26px;
   line-height: 36px;
   font-weight: 200;
   color: #707070;
   text-align: center;
}

#static_cta {
   padding: 75px 0px;
}

#static_cta .column-2-3 {
   float: none;
   margin: 0px auto;
   text-align: center;
   font-size: 30px;
}

.quote_text h4,
#static_content  #static_cta h3 {
   font-size: 26px;
	line-height: 36px;
   margin-bottom: 10px;
	text-align: center;
   font-weight: 200;
   color: #000;
}

#region_header .container,
#static_header .container,
#woningtype_header .container {
	position: absolute;
	transform:translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	left: 50%;
	top: 50%;
   z-index: 1;
}

#makelaar_overview_header .container .row,
#ambacht_header .container .row {
	position: absolute;
   bottom: 10%;
   z-index: 10;
}

#makelaar_overview_header .container h1,
#ambacht_header .container h1 {
   text-align: left;
   width: 100%;
}

#cityslider-background {
   background-color: #fff;
   padding-top: 75px;
   padding-bottom: 75px;
}

#cityslider {
   background-color: #F0EEEB;
   padding: 25px;
}

#cityslider a {
   text-decoration: none;
}

#cityslider #plaatsenslider_row {
   display: flex;
   align-items: center;
}

#cityslider h3 {
   font-size: 35px;
   line-height: 45px;
   color: #002515;
   margin-bottom: 15px;
   font-weight: 200;
   float: left;
}

#cityslider .column-1-1 span {
   float: right;
   margin-right: 15px;
}

#cityslider h4 {
   width: 100%;
   font-size: 18px;
   font-weight: 300;
   text-transform: uppercase;
   padding: 10px 0px;
   color: #000000;
   border-bottom: 1px solid #707070;
}

#cityslider #sliderright {
   background-color: #fff;
   font-size: 30px;
   width: 75px;
   height: 75px;
   float: right;
   line-height: 75px;
   margin-right: -25px;
   position: relative;
   margin-bottom: 10px;
   cursor: pointer;
}

#cityslider #sliderright i {
 position: absolute;
 transform:translate(-50%,-50%);
 -webkit-transform: translate(-50%,-50%);
 left: 50%;
 top: 50%;
 transition: all 0.2s linear;
 -moz-transition: all 0.2s linear;
 -ms-transition: all 0.2s linear;
 -o-transition: all 0.2s linear;
 -webkit-transition: all 0.2s linear;
}

#cityslider #sliderright:hover i  {
 left: 75%;
 transform:translate(-50%,-50%);
 -webkit-transform: translate(-50%,-50%);
 transition: all 0.2s linear;
 -moz-transition: all 0.2s linear;
 -ms-transition: all 0.2s linear;
 -o-transition: all 0.2s linear;
 -webkit-transition: all 0.2s linear;
}

#cityslider .column-1-3:hover h4 {
   color: #eb661f;
   border-color: #eb661f;
}


/* - - - - - O V E R V I E W - H O U S E - P A G E - - - - - */

#galerij.row {
   margin-left: -5px;
   margin-right: -5px;
}

#galerij.row [class*='column-'] {
   padding-left: 5px;
   padding-right: 5px;
}


#searchresults {
	display: block;
	width: 100%;
	height: 30px;
   margin-bottom: 25px;
}

#searchresults h2 {
	float: left;
	margin-right: 94px;
	font-size: 18px;
}

#searchresults #sortondropdown {
	float: left;
	margin-right: 16px;
   text-transform: uppercase;
   border: 0px;
   font-size: 16px;
   padding-left: 0px;
}

select#sortondropdown {
	background-image: url(/img/sort2-orange.png);
	background-size: 15px 15px;
}

#searchresults a,
.detailcategories a {
	font-size: 18px;
	margin-left: 20px;
	float: left;
	color: #000;
	margin-top: 0px;
	text-decoration: none;
}

.detailcategories a:hover {
	text-decoration: underline;
}

.detailcategories .rightalign a {
	float: right;
}

/*
.detailcategorie .rightalign a {
	float: right;
	margin-right: 0px;
	margin-left: 20px;
}
*/
#searchresults a:hover,
#searchresults ul li.active a,
.detailcategories a:hover,
.detailcategories ul li.active a {
	color: #D06519;
}

.static_content .numberpages {
	float: left;
	margin: 15px 20px;
   margin-top: 35px;
}

.static_content .numberpages a {
	color: #000;
	text-decoration: none;
   text-align: center;
   line-height: 43px;
   height: 45px;
   width: 45px;
   border: 1px solid rgba(112, 112, 112, .5);
   display: inline-block;
   margin-right: 5px;
   font-size: 18px;
}

.static_content .numberpages a:hover,
.static_content .numberpages a.curpage {
	background-color: #D06519;
   border: 1px solid #D06519;
	text-decoration: none;
   color: #fff !important;
}

.recentview {
	width: 85px;
	margin-right: 20px;
	float: left;
	display: block;
	background-position: center center;
	background-size: cover;
}

/* - - - N I E U W - A A N B O D - - - */

#nieuwaanbod {
   margin-top: 150px;
   margin-bottom: 75px;
}

#nieuwaanbod .column-1-2 > .grid-item {
   border-bottom: 1px solid #707070;
}

#nieuwaanbod_right {
   color: #000;
}

#nieuwaanbod h1 {
   font-size: 32px;
   font-weight: 200;
   float: left;
}

#nieuwaanbod #nieuwaanbodslider_row {
   position: relative;
}

#nieuwaanbodslider_row .column-1-8 {
   position: absolute;
   transform: translatey(-50%);
   -webkit-transform: translatey(-50%);
   right: 0px;
   top: 50%;
}

#nieuwaanbodslider_row .column-1-8 a {
   width: 100%;
   height: 100px;
   line-height: 60px;
   font-size: 50px;
   color: #000;
   display: inline-block;
   position: relative;
}

#nieuwaanbodslider_row .column-1-8 a i {
   position: absolute;
   transform: translate(-50%,-50%);
   -webkit-transform: translate(-50,-50%);
   left: 50%;
   top: 50%; 
   transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -webkit-transition: all 0.2s linear;
}

#nieuwaanbodslider_row .column-1-8 a:hover i {
   transform: translate(-50%,-50%);
   -webkit-transform: translate(-50,-50%);
   left: 65%;
   top: 50%; 
   transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -webkit-transition: all 0.2s linear;
}

#nieuwaanbod .column-1-2 .grid-item .grid-item {
   margin-bottom: 0px;
}

#nieuwaanbod .column-1-2 {
   font-size: 18px;
   color: #000;
}

#nieuwaanbod .column-1-2 h3 {
   float: left;
   line-height: 55px;
   font-weight: 300;
   text-transform: uppercase;
}

#nieuwaanbod .column-1-2 span {
   float: right;
   line-height: 55px;
   border-left: 1px solid #707070;
   padding-left: 20px;
}

.sortbullet {
   width: 20px; 
   height: 20px; 
   border: 1px solid #A1A1A1; 
   display:inline-block; 
   margin-bottom:-4px; 
   border-radius: 20px; 
   cursor:pointer;
   margin-right:5px;
}
.sortbullet.selected {
   background-color: #D06519;
   border: 1px solid #D06519;
}

/* - - - - - D E T A I L - H O U S E - P A G E - - - - - */

.addthis_toolbox a i {
	color: rgb(33, 44, 40);
}

.addthis_toolbox a:hover i {
	color: rgba(33, 44, 40, 0.5);
}

#house_detail_shortimpression #impression_1 > .row,
#house_detail_shortimpression #impression_2 > .row {
   display: flex;
   align-items: center;
}

#house_detail_shortimpression .row .row {
   margin-left: 10px;
   margin-right: 10px;
   display: flex;
   align-items: flex-end;
}

#house_detail_shortimpression .row [class*='container'], 
#house_detail_shortimpression .row [class*='column-'] {
   padding-left: 5px;
   padding-right: 5px;
}

#house_detail_shortimpression #impression_2 .column-1-2:last-child,
#house_detail_shortimpression #impression_3 .column-1-2:first-child {
   /* margin-top: -85px; */
   margin-bottom: 35px;
   margin-top: 35px;
}

/* - - - Padding voor detail page afbeeldingen inlaten lopen
#house_detail_shortimpression .column-1-2 p {
   padding-bottom: 65px;
} - - - */

#imageslider_detailpage {
   background-color: #EBEBEB;
   padding: 75px 0px;
   margin-top: 150px;
}

#imageslider_detailpage .column-4-5 {
   float: none;
   margin: 0px auto;
}

#imageslider_detailpage .column-4-5 #imagesliderblock,
#imageslider_detailpage .column-4-5 #plattegrond, 
#imageslider_detailpage .column-4-5 #panorama {
   margin: 35px 0px;
}


#imageslider_detailpage .column-4-5 .slick-prev,
#imageslider_detailpage .column-4-5 .slick-next {
   position: absolute;
   top: 50%;
   font-size: 60px;
   color: #707070;
   margin-top: -25px;
   transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -webkit-transition: all 0.2s linear;
   cursor: pointer;
}   

#imageslider_detailpage .column-4-5 .slick-prev {
   left: -85px;
   content: "<";
}

#imageslider_detailpage .column-4-5 .slick-next {
   right: -85px;
   content: ">";
}

#imageslider_detailpage .column-4-5 .slick-prev:hover {
   left: -100px;
   padding-right: 100px;
}

#imageslider_detailpage .column-4-5 .slick-next:hover {
   right: -100px;
   padding-left: 100px;
}

#imageslider_detailpage .column-4-5 .slick-prev:hover,
#imageslider_detailpage .column-4-5 .slick-prev:focus,
#imageslider_detailpage .column-4-5 .slick-next:hover,
#imageslider_detailpage .column-4-5 .slick-next:focus {  
   transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -webkit-transition: all 0.2s linear;
   outline: none;
   background: transparent;
}


#imageslider_detailpage .column-4-5 h3 {
   font-size: 36px;
   line-height: 40px;
   font-weight: 200;
}

#house_detail_video {
   margin-bottom: 75px;
}

#house_detail_header,
#makelaar_detail_header {
   margin-top: 140px;
}

#house_detail_header .column-1-2:last-child,
#makelaar_detail_header .column-1-2:last-child {
   padding: 0px 25px 25px 25px;
   min-height: 250px;
}

#house_detail_header .column-1-2:last-child .grid-item,
#makelaar_detail_header .column-1-2:last-child .grid-item {
   border-top: 1px solid #888888;
   border-bottom: 1px solid #888888;
   text-align: center;
}

#makelaar_detail_header #makelaar_detail_contact {
   position: absolute;
   bottom: -1px;
   width: 100%;
}

#makelaar_detail_header .column-1-2:last-child .grid-item {
   text-align: left;
}

#house_detail_header .column-1-2:last-child .grid-item h1,
#makelaar_detail_header .column-1-2:last-child .grid-item h1 {
   font-size: 60px;
   line-height: 65px;
   color: #D06519;
   margin-bottom: 10px;
   font-weight: 200;
   padding: 0px 5%;
}

#house_detail_header .column-1-2:last-child .grid-item h3,
#makelaar_detail_header .column-1-2:last-child .grid-item h3 {
   font-size: 26px;
   line-height: 30px;
   font-weight: 300;
}

#imageslider_detailpage .floatright {
   float: right;
}

#house_detail_header #house_detail_specifications,
#makelaar_detail_header #makelaar_detail_specifications,
#imageslider_detailpage #contact_detail,
#imageslider_detailpage #woning_details {
   border-top: 1px solid #555555;
   font-size: 15px;
   color: #555555;
   bottom: 0px;		
   width: 100%;
}

#house_detail_header #house_detail_specifications,
#makelaar_detail_header #makelaar_detail_specifications  {
   font-size: 15px;
}

#makelaar_detail_inhoud .column-4-5 {
   float: none;
   margin: 100px auto;
}

#house_detail_header_slider .slick-prev {
   display: none !important;
}

#house_detail_header_slider .slick-next {
   color:#fff;
   font-size: 45px;
   position: absolute;
   right: 30px;
   bottom: 35px;
   cursor: pointer;
   z-index: 1;
}

.slick-dots {
   text-align: center;
      display: block;
      position: absolute;
      bottom: 50px;
      margin: 0px auto;
      width: 100%;
}

.slick-dots li {
   position: relative;
   display: inline-block;
   width: 20px;
   height: 20px;
   margin: 0 2px;
   padding: 0;
   cursor: pointer;
}

.slick-dots li button {
   font-size: 0;
   line-height: 0;
   display: block;
   width: 20px;
   height: 20px;
   cursor: pointer;
   color: transparent;
   border: 0;
   outline: none;
   background: transparent;
}

.slick-dots li button:before {
   font-family: 'slick';
   font-size: 45px;
   line-height: 20px;
   position: absolute;
   top: 0;
   left: 0;
   width: 20px;
   height: 20px;
   content: '•';
   text-align: center;
   opacity: .35;
   color: #fff;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
   opacity: .85;
   color: #fff;
   }

#imageslider_detailpage #contact_detail,
#imageslider_detailpage #woning_details {
   border-bottom: 1px solid #555555;
   display: inline-block;
}

#imageslider_detailpage #contact_detail span,
#imageslider_detailpage #woning_details span,
#imageslider_detailpage #contact_detail a,
#imageslider_detailpage #woning_details a {
   padding: 10px 15px;
   display: inline-block;
   color: #555555;
   text-decoration: none;
}

#imageslider_detailpage #woning_details span {
   font-size: 16px;
   padding: 10px 0px;
}

#imageslider_detailpage #contact_detail a {
   float: left;
}

#imageslider_detailpage #contact_detail a:hover {
   color: #D06519;
}

#imageslider_detailpage #woning_details span:first-child {
   padding-left: 0px;
}


#imageslider_detailpage #contact_detail a,
#imageslider_detailpage #woning_details span:last-child {
   padding: auto 15px;
   color: #000;
   font-weight: 300;
}

#imageslider_detailpage #contact_detail a {
   text-transform: uppercase;
   padding: 10px;
}

#imageslider_detailpage #contact_detail a.active {
   color: #D06519;
}

#imageslider_detailpage #contact_detail a:last-child {
   border-left: 1px solid #555555;
   padding-right: 0px;
}

#imageslider_detailpage #contact_detail > a:first-child {
   border-left: 0px;
   padding-left: 0px;
   float: left;
}

#imageslider_detailpage #woning_details span:last-child {
   font-size: 22px;
   border-left: 1px solid #555555;
}

#house_detail_header #house_detail_specifications {
   position: absolute;
}

#house_detail_header #house_detail_specifications span {
   padding: 15px 0px;
}

#house_detail_header #house_detail_specifications span:first-child {
   float: left;
}

#house_detail_header #house_detail_specifications span:last-child {
   padding-left: 20px;
   border-left: 1px solid #888888;
   float: right;
   font-size: 20px;
   color: #000;
   font-weight: 300;
}

#house_detail_title,
#makelaar_detail_title {
   position: absolute;
   top: 45%;
   left: 50%;
   width: 100%;
   transform: translate(-50%, -50%);
   text-align: center;
}

#house_detail_intro,
#makelaar_detail_intro {
   background-color: #002515;
   color: #ffffff;
   text-align: center;
   padding: 100px;
}

#house_detail_intro h2,
#makelaar_detail_intro h2 {
   font-size: 27px;
   line-height: 40px;
   color: #D06519;
   max-width: 80%;
   margin: 0px auto;
   margin-bottom: 25px;
   font-weight: 200;
}

#house_detail_intro p,
#makelaar_detail_intro p {
   max-width: 85%;
   font-size: 18px;
   line-height: 28px;
   margin: 0px auto;
}

#house_detail_shortimpression {
   margin-top: 100px;
}

#house_detail_shortimpression .container {
   max-width: 1480px;
}

#house_detail_shortimpression .gridspacer {
   padding: 0px 100px;
}

#house_detail_shortimpression h3 {
   font-size: 24px;
   line-height: 36px;
   color: #D06519;
   margin-bottom: 10px;
   font-weight: 300;
}

#detailslideshow {
	position: relative;
	margin-right: 20px;
	margin-top: 10px;
	margin-bottom: 25px;
}

img#detailimage, #detailslideshow.slideshow, #kenmerkimage {
	margin-bottom: 25px;
	margin-top: 10px;
}
	
#detailslideshow.slideshow .slick-slide img, #kenmerkimage img, #detailslideshow img {
	width: 100% !important;
	height: auto;
}	

#kenmerkimage img {
	padding-right: 20px;
}



img#detailimage.staticimage {
	margin-top: 0px;
}

p.detail_definition, .specification_block {
	width: 735px;
	line-height: 1.7;
}

.specification_block hr:last-of-type {
	display: none;
}

.specification {
	float: left;
	display: block;
	width: 20%;
	min-width: 210px;
}

p.review_text {
	width: 500px;
}

.review_text a {
	color: #000;
}
.review_image {
	width: 325px;
	margin-left: 25px;
}
.review_button {
	color: #fff !important;
}

#brochurebutton {
	width: 175px;
	height: 30px;
	background-color: #D06519;
	border-radius: 3px;
	text-align: left;
	display: block;
	float: right;
	margin-right: 20px;
	font-size: 18px;
	line-height: 30px;
	color: #fff;
	text-indent: 10px;
	text-decoration: none;
}

#brochurebutton:hover {
	background-color: #bd4c0f;
}

#interactive_button {
	color: #fff;
	text-decoration: none;
	font-size: 24px;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	max-width: 925px;
	max-height: 536px;
	display: block;
	text-align: center;
	z-index: 166;
}

#interactive_button .wrap {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

#interactive_button img {
	width: auto !important; 
	height: auto;
	
	max-width: 50%;
}

#interactive_button .undertext {
	color: #fff;
	background-color: #D06519;
	border-radius: 5px;
	padding: 5px 15px;
	display: block;
	font-size: 15px;
	margin-top: -15px;
}

#interactive_button img {
	display: inline;
}

.button {
	height: 30px;
	border-radius: 3px;
	padding: 0px 10px;
	margin-right: 10px;
	text-align: left;
	color: #fff;
	font-size: 18px;
	background-color: #D06519;
	line-height: 31px;
	display: block;
	text-decoration: none;
		transition: background-color 0.4s ease;
		-webkit-touch-callout: none;
	    -webkit-user-select: none;
	    -khtml-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none;
}

.button:hover {
	background-color: #D06519;
		transition: background-color 0.4s ease;
}

.button.makelaarbutton {
	margin: 0px;
	font-size: 18px;
	text-align: left;
	width: auto !important;
}

.button.woningaanbod {
	color: #fff;
}

.leftsubmenu {
	padding: 10px 0px;
	border-top: 1px solid #DDD;
	width: 100% !important;
}

.button span {
	color: #fff !important;
}


#interest_block.makelaar_block {
	border: 1px solid #ddd;
}

.static_leftmenu a#interest_block {
	width: 100%;
}

#interest_block h2 {
	font-size: 25px;
	line-height: 1;
	font-weight: bold;
	margin-bottom: 10px;
}

#interest_block h4 {
	font-size: 16px;
	font-weight: bold;
}

#interest_block .makelaar_overview_image {
	height: 175px;
}

.interest .interestimage {
	float: left;
	width: 90px;
	height: 110px;
	background-position: center center;
	background-image: url(/img/002.jpg);
	background-size: cover;
	margin-right: 15px;
}

.interest {
	border: 1px solid #ddd;
}

.interest h2 {
	font-size: 18px;
	line-height: 1;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 5px;
}

.interest h3 {
	font-size: 16px;
	font-weight: bold;
	margin-top: 10px;
	padding-right: 5px;
}

.interest p {
	font-size: 13px;
}

.interest a.button {
	color: #000 !important;
	width: 282px;
	margin: 5px;
	
}

#house_images_block, #house_plans_block, #house_panorama_block {
	width: 100%;
}

.house_images_detail, .house_panorama_detail {
	width: 295px;
	margin-right: 20px;
	height: 180px;
	margin-bottom: 20px;
	background-color: #CCC;
	float: left;
	background-image: url(/img/001-2.jpg);
	background-position: center center;
	background-size: cover;
	
	cursor: pointer;
}

.house_images_detail:nth-child(3n), .house_panorama_detail:nth-child(3n) {
	margin-right: 0px;
}


.house_images_detail:nth-child(odd) {
	background-image: url(/img/001-3.jpg);
}

.house_images_detail:nth-child(1),.house_images_detail:nth-child(4),.house_images_detail:nth-child(6),.house_images_detail:nth-child(9) {
	background-image: url(/img/001.jpg);
}

#panorama #mainframe {
	width: 100%;
	height: 600px;
	overflow: hidden; 
	margin-bottom: 20px;
}

#house_panorama_block {
	margin-top: 20px;
}

#panorama #mainframe #cv {
	width: 100%;
	height: 100%;
}

.share_link {
	padding: 5px 8px;
	border: 1px solid rgba(0,0,0,0.25);
	border-radius: 3px;
}

#recent_viewblock {
	width: 60%;
}

#otherview_block {
	width: 40%;
	float: right;
	min-width: 315px;
}

#youtube iframe {
	width: 100%;
	height: 50vh;
	min-height: 375px;
	max-height: 520px;
	margin-top: -10px;
}

#kaartbuurt {
	width: 100%;
	height: 50vh;
	min-height: 400px;	
}

#doorsturen input {
	width: 500px;
	max-width: 100%;	
}

/* - - - - - M A K E L A A R - O V E R V I E W - P A G E - - - - - */

#makelaar_overview_images {
   background-color: #002515;
   padding: 250px 0px;
}

#makelaar_overview_images h2,
#makelaar_overview_franchiser h2 {
   font-size: 45px;
   line-height: 55px;
   color: #ffffff;
   text-align: center;
   margin-bottom: 15px;
   font-weight: 300;
}

#makelaar_overview_franchiser h2 {
   color: #D06519;
}

#makelaar_overview_images h2 {
   margin-bottom: 150px;
   font-weight: 300;
}

#makelaar_overview_images .darker {
   background-color: #000;
   opacity: 0.3;
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0px;
   top: 0px;
   transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
}

#makelaar_overview_images a:hover .darker {
   opacity: 0;
   transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
}

#makelaar_overview_images .column-1-2:nth-child(odd) {
   margin-top: -100px;
}

#makelaar_overview_images .column-1-2 .makelaar_text {
   position: absolute;
   bottom: 35px;
   left: 35px;
}

#makelaar_overview_images .column-1-2 h4,
#makelaar_detail_image .makelaar_text h2 {
   font-size: 35px;
   line-height: 50px;
   font-weight: 300;
   color: #ffffff;
}

#makelaar_detail_image .makelaar_text h2 {
   font-size: 38px;
   line-height: 45px;
}

#makelaar_overview_images .column-1-2 p,
#makelaar_detail_image .makelaar_text span {
   font-size: 18px;
   line-height: 28px;
   color: #D06519;
   text-transform: uppercase;
}

#makelaar_detail_image .makelaar_text span {
font-size: 18px;
}

#makelaar_detail_image .makelaar_text {
   background: rgb(0,0,0);
   background: linear-gradient(90deg, rgba(0,0,0,0.9) 0%, rgba(0, 0, 0, 0) 100%);
   position: absolute;
   bottom: 25px;
   left: 0px;
   padding: 15px 25px;
   padding-top: 10px;
   padding-right: 45px;
}

#makelaar_detail_image .makelaar_text h4,
#makelaar_detail_image .makelaar_text p {
   position: relative;
   z-index: 1;
}

#makelaar_detail_inhoud a {
   color: #000;
}

#makelaar_detail_contact {
   border-top: 1px solid #000000;
   border-bottom: 1px solid #000000;
}

#makelaar_detail_contact_right {
   float: right;
}

#makelaar_detail_contact a {
   padding: 13px 0px;
   padding-right: 20px;
   margin-right: 20px;
   display: inline-block;
   border-right: 1px solid #000000;
   color: #000;
   text-decoration: none;
}

#makelaar_overview_franchiser {
   padding: 100px 0px;
   background-color: #fff;
   color: #D06519;
   text-align: center;
}

#makelaar_overview_franchiser p {
   font-size: 18px;
   line-height: 28px;
}

#makelaar_overview_franchiser .column-3-5 {
   float: none;
   margin: 0px auto;
}

#makelaar_overview_franchiser .column-3-5 a {
   font-size: 22px;
   color: #fff;
   background-color: #D06519;
   padding: 20px 40px;
   border-radius: 40px;
   text-align: center;
   display: inline-block;
   text-decoration: none;
   margin-top: 50px;
}


/* - - - - - M A K E L A A R - D E T A I L - P A G E - - - - - */


/* Review Page */

.review {
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

#funda_block, #contact_block {
	background-color: #eee;
	margin-bottom: -50px;
}

#contact_block {
	margin-top: -100px;
   background-color: #fff;
}

#funda_block h1, #contact_block {
	text-align: left;
}

/* Contact Page */

#contact_block label {
	width: 25%;
	display: block;
	float: left;
	line-height: 30px;
	margin-bottom: 10px;
}

#contact_block input, #contact_block textarea{
	width: 75%;
	height: 30px;
	margin-bottom: 10px;
	border: 1px solid #ddd;
	text-indent: 5px;
	outline: none;
	border-radius: 3px;
}

#contact_block textarea {
	height: 150px;
	padding: 5px;
	text-indent: 0px;
	resize: none;
}

#contact_block .static_content {
	min-height: 0px !important;
}

#contact_block a.submit {
	display: block;
	margin-left: 25%;
	min-width: 125px;
}


/* Footer */

.recentviewblock .static_content {
	min-height: 0;
	margin-bottom: 0px;
}

#footer {
	display: block;
	background-color: #002515;
	color: #fff;
	padding-top: 50px;
	padding-bottom: 50px;
	text-align: center;
}

#footerlogo {
   text-align: center !important;
}

#footer .phone, 
#menu_content .phone,
#signin_newsletter h3,
#woningtype .column-1-1 h3 {
   font-size: 40px;
   line-height: 40px;
   font-weight: 200;
   margin-bottom: 50px;
   display: block;
   color: #fff;   
}

#menu_content .phone {
   margin-top: 50px;
   font-weight: 600;
   margin-bottom: 0px !important;
}

#footer .phone {
   margin-top: 75px;
}

#signin_newsletter h3,
#woningtype .column-1-1 h3 {
   color: #D06519;
}

#footer h4 {
   font-size: 24px;
   line-height: 32px;
   font-weight: 300;
   text-align: left;
   margin-bottom: 35px;
}

#footer #footernav {
   height: auto;
   padding: 25px 0px;
   display: block;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#footer #footernav a {
   font-family: 'filson-pro',sans-serif;
   text-align: left;
   font-weight: 300;
   display: block;
}

#footer ul li {
	display: inline-block;
	height: 70px;
}

#footer ul li a {
	line-height: 70px;
	display: inline-block;
	float: left;
	margin: 0px 15px;
}

#footer ul li a:first-child {
	margin-left: 0px;
}

#footer a {
	color: #fff;
	text-decoration: none;
}

#footer a:hover {
	color: #D06519;
}

#footer #footernav #footersocial {
	border-left: 1px solid #fff;
   padding: 0px;
   border: 0px;
}

#agentregion .agentregion-content #footersocial {
   height: 58px;
   line-height: 58px;
   padding-left: 15px;
}

#footer #footernav #footersocial a,
#makelaar_detail_contact_right a,
#agentregion .agentregion-content #footersocial a {
	width: 28px;
	height: 28px;
	border-radius: 28px;
	color: #002515;
	line-height: 30px;
	background-color: #fff;
	font-size: 18px;
	padding: 0px;
	margin: 20px 0px;
   margin-right: 10px;
   text-align: center;
}


#agentregion .agentregion-content #footersocial a {
   background-color: #000;
   color: #fff;
   margin: 0px;
   margin-left: 5px;
   margin-right: 0px;
   display: inline-block;
}

#footer #footernav #footersocial a {
   float: left;
   text-align: center;
}

#footer #footernav #footersocial a:hover,
#agentregion .agentregion-content #footersocial a:hover {
	background-color: #D06519;
}

#makelaar_detail_contact_right {
   padding: 12px 0px;
   padding-left: 20px;
   border-left: 1px solid #000000;
}

#makelaar_detail_contact_right a {
   color: #fff;
   background-color: #002515;
   display: inline-block;
   line-height: 32px;
   margin: 0px;
}

#makelaar_detail_contact_right a i {
   line-height: 30px;
   font-size: 14px;
}

#footer img {
	margin-top: 50px;
	margin-bottom: 25px;
	display: inline-block;
}

#footer #disclaimer {
	font-size: 18px;
}

.nav-toggle {
	display: none;
}

.js .nav-collapse-0.opened {
	display: none;
}

#list_style #zoekbutton {
	display: none;
}

#list_style #galerijbutton {
	display: block;
}

#list_style {
   float: right;
   margin-top: 8px;
}

#list_style ul li {
   float: right;
   text-transform: uppercase;
}

#list_style ul li a {
   font-size: 16px;
}

.hrred {
	margin: 20px 0px;
}

.specification_block hr {
 	margin: 15px 0px; 
}

#zoek {
	display: none;
}

#searchresults .searchresult {
	display: block;
	width: 100%;
	
	margin-bottom: 21px;
}

#searchresults .searchresult:hover {
	color: #000;
}

#searchresults .searchresult:last-child {
	margin-bottom: 0px;
}

input.leftinput::-webkit-input-placeholder, input.mobilesearch::-webkit-input-placeholder {
   color: rgba(0 ,0 ,0 ,0.35) !important;
}

input.leftinput:-moz-placeholder, input.mobilesearch:-moz-placeholder { /* Firefox 18- */
   color: rgba(0 ,0 ,0 ,0.35) !important;  
}

input.leftinput::-moz-placeholder, input.mobilesearch::-moz-placeholder {  /* Firefox 19+ */
   color: rgba(0 ,0 ,0 ,0.35) !important;  
}

input.leftinput:-ms-input-placeholder, input.mobilesearch:-ms-input-placeholder {  
   color: rgba(0 ,0 ,0 ,0.35) !important;  
}

.fancybox-next span, .fancybox-prev span {
	background-image: url(/img/arrow_r-2.png);
	background-size: cover;
	background-position: right center;
	width: 25%;
	height: 20%;
	margin-top: -12%;
	right: 10%;
}

.fancybox-prev span {
	background-image: url(/img/arrow_l-2.png);
	background-position: left center;
	right: auto;
	left: 10%;
	margin-top: -12%;
}

.fancybox-close {
	background-image: url(/img/exit3.png);
}


.review {
	margin-top: -9px;
}



/* - - - - - O P E N  H U I S - - - - - */

.openhuisbanner {
	width: 100%;
	background-color: rgba(235, 102, 31, 0.9);
	text-align: center;
	display: block;
	padding: 5px 0px;
	color: #fff;
	bottom: 0px;
	left: 0px;
	position: absolute;
}

.openhuisleftmenu {
	color: #D06519;
}

.openhuistext {
	background-color: #D06519;
	padding: 5px 10px;
	color: #fff;
}

.openhuisbannerdetail {
	position: static;
	left: auto;
	bottom: auto;
}
	
#makelaar_overview_image-desktop {
	display: block;
}

#makelaar_overview_image-mobile {
	display: none;
}

:focus {
   outline: none;
}
	
@media only screen
and (min-width : 760px) {
	.nav-collapse ul {
		display: none !important;
	}
}

@media only screen 
and (min-width : 1180px) 
and (max-width : 1280px) {
	
   html,body {
      font-size: 16px;
      line-height: 24px;
   }

   #house_detail_header #house_detail_specifications, #makelaar_detail_header #makelaar_detail_specifications {
      font-size: 13px;
   }

   .container {
      max-width: 1180px;
   }

   .house_block h3.orange {
      font-size: 13px;
   }

   #house_detail_header #house_detail_specifications span:last-child {
      padding-left: 15px;
      font-size: 16px;
   }

   .house_block .house_text, .makelaar_block .makelaar_text {
      padding: 5px 15px;
      padding-right: 5px;
      min-height: 300px;
   }

   #lijst .house_block .house_text span,
   #galerij .house_block .house_text span  {
      font-size: 11px;
   }

/* DONT DELETE */	
}