body {
	font-family:		'Open Sans', sans-serif;
	padding-top: 108px;
	font-size: 16px;
}

.container {
	max-width:		1340px;
	width: 			auto;
}

b, strong {
	font-weight:		600;	
}

label:hover .checkbox-replacement, label:hover .radio-replacement,
input[type="checkbox"]:checked + .checkbox-replacement, input[type="radio"]:checked + .radio-replacement {
	color:			#666 !important;
}

.slider-input-value {
	background:		#459e93;
}

.bg-colored {
	background:		#1d4042;
}

.bg-yellow {
	background: #fada45;
}
.bg-purple{
	background-color: #431F6C;
}
.bg-dark{
	background-color: #fff;
}

.btn {
    padding: 10px 30px;
    border-radius: 0;
}

.btn-primary {
	background:		#10474a;
	border-color:		#10474a;
	color:			#fff;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
	color:			#fff;
	background:		#072e30;
	border-color:		#072e30;
}

.btn-secondary {
	color:			#fff;
	background:		#049d89;
	border-color:		#049d89;
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
	background:		#06b8a1;
	border-color:		#06b8a1;
	color:			#fff;
}

.btn-transparent {
	color:			#fff;
	border-color:		#FFF;
}

.btn-transparent:hover, .btn-transparent:focus, .btn-transparent:active {
	background:		#0b695f;
	border-color:		#FFF;
	color:			#fff;
}

.btn-lg {
	font-size:		14px;
}

.btn-lg .fa {
	font-size:		18px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	color:			#072e30;
	font-family:		georgia;
	text-transform:		none;
	font-weight:		normal;
}

.hometitle{
	font-size: 22px;
    line-height: 28px;
}

.bg-colored h1, .bg-colored h2, .bg-colored h3, .bg-colored h4, .bg-colored h5, .bg-colored h6 {
	color:			#fff;
}

h1 {
	font-size:   calc(20px + (32 - 20) * ((100vw - 300px) / (1920 - 300)));
	line-height: calc(20px + (40 - 20) * ((100vw - 300px) / (1920 - 300)));
}

h2 {
	font-size:   calc(18px + (24 - 18) * ((100vw - 300px) / (1920 - 300)));
	line-height: calc(18px + (32 - 18) * ((100vw - 300px) / (1920 - 300)));
}

h3 {
	font-size:   calc(18px + (20 - 18) * ((100vw - 300px) / (1920 - 300)));
	line-height: calc(18px + (28 - 18) * ((100vw - 300px) / (1920 - 300)));
}

/*
 * Header
 */
 
.logo {
	width: 260px;
}
 .fg-light-green {
	color:			#459e93!important;
}

.topnav-item.last {
	padding-right:		0;
}

#navbar {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99;
	background: white;
	transition: transform .4s ease-in-out;
}

/*#navbar.is-scrolled {*/
/*	transform: translateY(-108px);*/
/*}*/

#navbar.is-top {
	transform: translateY(0);
}

.header {
	padding: 10px 0;
}

.menu {
	margin: 0;
}

.menu > li > .item {
	color:			#072e30;
	text-transform:		none;
	font-weight:		600;
}

.menu > li > .item:hover, .menu > li > .item:active, .menu > li > .item:focus {
	color:			#008b7b;
}

.menu > li > .item.active {
	color:			#008b7b;
}

.menu > li > .submenu {
	border-radius:		0px;
	box-shadow:		2px 2px 3px #777;
	border:			none;
}

.menu > li > .submenu > li > .subitem {
	background: 		#459e93;
	color:			#FFF;
	text-decoration:	none;
}

.menu > li > .submenu > li > .subitem.active {
	color:			#FFF;
	background: 		#3b8a80;
}

.menu > li > .submenu > li > .subitem:hover {
	background: 		#3b8a80;
}

.menu > li > .submenu > li.seperator {
	border-top:		1px solid #3b8a80;
	border-bottom:		1px solid #5ab9ad;
}

/*
 * Tabs
 */
.tabs {
}

.tabs .tabs-buttons {
	border:			none;
}

.tabs .tabs-buttons a {
	padding:		0 20px 0 0;
	border:			none;
	background:		transparent;
	font-family:		georgia;
	font-size:		20px;
	color:			#072E30;
	line-height:		28px;
}

.tabs .tabs-buttons a:hover,
.tabs .tabs-buttons a.active {
	color:			#049d89;
}

/*
 * Listings
 */
 
.pagination > .active > a, .pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus {
	background-color: 	#008b7b;
    	border-color: 		#008b7b;
}

.pagination > li > a, .pagination > li > span {
	color:			#008b7b;
}

.card-object-status {
    left: unset;
    right: 20px;
    top: 20px;
    padding: 10px 20px;
    background: #dec32b;
    font-weight: 900;
}

.card-object-table, .card-object-table td{
    background-color: #1d4042;
    color:white;
    font-size:18px;
    font-family: inherit;
}

.view-button {
    background: unset !important;
}

.view-button img {
    opacity: 0.4;
}

.realtime-listings-view:checked + .view-button img {
    opacity: 1;
}

.view-more-filters-btn {
    padding: 4px;
}

/*
 * Details
 */
.details-simple {
	margin:			5px 0 20px;
	color:			#666;
}

.details-simple dt,
.details-simple dd {
	padding-top:		10px;
	border-bottom:		1px solid #d2d2d2;
}

.details-simple dt:last-of-type,
.details-simple dd:last-of-type {
	border-bottom:		none;
}

.details-expanded dt,
.details-expanded dd {
	padding-top:		10px;
}

.details-expanded dt {
	width:			20%;
}

.details-expanded dd {
	width:			30%;
}

/*
 * Map
 */
.simple-map-zoom button, .simple-map-type button {
	background:		#072e30;
	color:			#fff;
}

.simple-map-zoom button:hover, .simple-map-zoom button:active, .simple-map-type button:hover, .simple-map-type button:active, .simple-map-type button.active {
	background:		#049d89;
	color:			#fff;
}

/*
 * Photo slider
 */
.photo-slider {
	background:		#1D4042;
}

.photo-slider-prev,
.photo-slider-next {
}

/*
 * Home
 */

#home .service h3 {
	font-family:		'Open Sans', sans-serif;	
}

/*
 * Services
 */

#services .service {
	text-align:		center;
}

#services .service h2 {
	font-family:		'Open Sans', sans-serif;
}

#services_details .col-sm-4.text-right a, #verkoop .col-sm-4.text-right a {
	color:			#FFF;
}

#services_details .col-sm-4.text-right a::before, #verkoop .col-sm-4.text-right a::before {
    content: "› ";
}

#services_details .col-sm-6 ul, #verkoop .col-sm-6 ul {
	margin:			0 0 15px 0;
	padding:		0 0 0 15px;
}

#services_details .col-sm-6 li, #verkoop .col-sm-6 li {
	padding:		0 0 3px 0;
}


/*
 * Stappenplan verkoop
 */


#services_details_anders .page-title-slider {
	background: rgba(0,139,123,0.70);
	padding: 40px 40px 20px;
}

#services_details_anders .page-title-slider h1 {
	color: #FFF;
	/*text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);*/
	font-size: 36px;
}

#services_details_anders .page-title-slider p {
	color: #FFF;
	font-weight: 600;
	font-size: 18px;
	margin-bottom: 20px;
}

.breadcrum {
	border-bottom: 1px solid #EEE;
}

.breadcrum p {
	margin: 0;
	color: #666;
}

.breadcrum a {
	color: #008b7b;
}

#services_details_anders .services {
	margin-bottom: 40px;
}


#services_details_anders h3 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	color: #666;
}

#services_details_anders h2 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	color: #459e93;
	margin-top: 10px;
}

#services_details_anders h1 {
	color: #459e93;
}

.stappenplan {
	background: #459e93;
	color: #FFF;
}

.stappenplan h3, .stappenplan p {
	color:#fff!important;
}

.bg-yellow h2 {
	color: #092d2f!important;
	
}

#services_details_anders .icon-expand {
	margin: 0 auto;
	display: block;
	font-size: 24px;
	color: #459e93;
	text-align: center;
}

#services_details_anders .icon-expand:hover {
	color: #10474a;
	text-decoration: none!important;
}

/*
 * footer
 */
.main-footer {
	background:		#dad7d7;
	color:			#072e30;
	font-weight:		normal;
}

.main-footer a{
	color:			#072e30;
}

.main-footer .h6{
	color:			#072e30;
	font-family:		'Open Sans', sans-serif;
	font-weight:		normal;	
	display:	block;
}

.main-footer .social a {
	display:			inline-block;
	width:				40px;
	height:				40px;
	margin-right:			10px;
	border-radius:			20px;
	background:			#999999;
	line-height:			40px;
	text-align:			center;
	color:				#fff;
	font-size:			20px;
}

.main-footer .social a:hover {
	text-decoration:		none;
	background:			#459e93;
}

.openHuis {
	background:#EEE;
	color:#049d89;
	font-size:1.5em;
	margin-bottom:20px;
	padding:10px 15px;
}

.openhuislabel {
	background:#049d89;
}
.funda-cijfer{
	width:			200px;
	padding:		20px 0;
	background-color:	#2c5254;
	text-align:		center;
	border-radius:		5px;
}

.funda-cijfer-number {
	font-size:		70px;
	line-height:		90px;
	font-weight:		700;
	display:		inline-block;
}

.funda-cijfer-number sup {
}

.funda-cijfer-text {
	text-transform:		uppercase;
	font-weight:		600;
}
.funda-white a {
    color: #fff;
}
.paddingTopBottom40 {
    padding-top: 40px;
    padding-bottom: 40px;
}
.marginTopBottom10 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.btn-primary-grey:hover, .btn-primary-grey:active, .btn-primary-grey:focus {
    background: #1d1d1d;
    color: #d6d3d3;
}
.btn-primary-grey {
    background: #2f2f2f;
    border: none;
    color: #fff;
}

.partner:hover {
	text-decoration: none;
}

.partner svg {
	height: 50px;
}

.grecaptcha-disclaimer, .grecaptcha-disclaimer a {
    color: #999;
    font-size: 10px;
    line-height: 14px;
}

.grecaptcha-disclaimer img{
    float: left;
    margin-right: 10px;
    max-width: 28px;
}

.grecaptcha-disclaimer div {
    display: inline-block;
}

.grecaptcha-badge {
    opacity: 0;
    visibility: hidden;
}

.zoomer p,
.zoomer a {
    overflow: hidden;
}

.zoomer img {
    -webkit-transition: transform .4s;
    -moz-transition: transform .4s;
    -ms-transition: transform .4s;
    -o-transition: transform .4s;
    transition: transform .4s;
}

.zoomer a:hover img,
.zoomer p:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.cover-img {
	width: 100%;
	object-fit: cover;
}

.d-flex{
	display:   flex;
	flex-wrap: wrap;
}

.justify-content-between{
	justify-content: space-between;
}

.align-items-center{
	align-items: center;
}

.cover-img{
	width:      100%;
	object-fit: cover;
}

.cover-img.small{
	max-height: 135px;
}

.cover-img-overlay{
	position:           absolute;
	top:                0;
	bottom:             0;
	left:               0;
	right:              0;
	margin:             0 15px;
	background:         rgba(228, 14, 129, 0.5);
	color:              #fff;
	font-size:          40px;
	text-align:         center;
	-webkit-transition: background .25s;
	-moz-transition:    background .25s;
	-ms-transition:     background .25s;
	-o-transition:      background .25s;
	transition:         background .25s;
	cursor:             pointer;
}

.cover-img-overlay:hover{
	background: rgba(228, 14, 129, 1);
}

.cover-img-overlay span{
	position:  absolute;
	width:     100%;
	left:      50%;
	top:       50%;
	transform: translate(-50%, -50%);
}

.mb-30 {
	margin-bottom: 30px!important;
}