body {
		font-family: proxima-nova, sans-serif;
		font-size: 16px;
		line-height: 20px;
		color: #434343;
		margin-top: 85px;
}
body > div {
		z-index: 10;
}

.container{
		max-width: 1440px;
}

.bg-white{
		color: #434343;
		background: #fff;
}

.bg-light {
		background: #e6ebef;
}

.bg-colored {
		background: #71c5e8;
}

.bg-brown{
	background: #4C3628;
	color: #fff;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
		font-family: futura-pt, sans-serif;
		text-transform: unset;
}

h1, .h1 {
		font-family: futura-pt, sans-serif;
		font-size: 72px;
		font-weight: bold;
		line-height: 68px;
		color: #fff;
		margin-bottom: 40px;
		text-shadow: 0px 0px 41px #000
}

h1 small, .h1 small {
		font-family: 'Dancing Script', cursive;
		font-size: 86px;
		font-weight: bold;
		line-height: 68px;
		text-shadow: 0 2px 1px 0 rgba(67,67,67,0);
		color: #fff;
		opacity: 1;
		display: block;
		margin-top: 20px;
}

h2, .h2 {
		color: #71c5e8;
		font-size: 38px;
		font-weight: bold;
		line-height: 42px;
}

h3, .h3 {
		font-size: 24px;
		font-weight: bold;
		line-height: 31px;
}

h4, .h4 {
		font-size: 20px;
		font-weight: bold;
		line-height: 26px;
}

.title-white h2{
	color: #fff;
}

.page-title {
		padding: 40px 0 55px;
}
.page-title h1 {
		font-size: 40px;
		font-weight: bold;
		line-height: 68px;
		color: #ffffff;
		text-shadow: none;
}

.img-border {
		border: 1px solid #D1D1D1;
}

/*
 * Header & Menu
 */
header {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 85px;
		background: #fff;
		z-index: 99999;
		-webkit-box-shadow: 0 0 20px 5px rgba(0,0,0,0.15);
		-moz-box-shadow: 0 0 20px 5px rgba(0,0,0,0.15);
		box-shadow: 0 0 20px 5px rgba(0,0,0,0.15);
}

.logo{
		margin: 12px 0 20px 0;
}

.menu {
		margin: 30px 0;
		padding: 0;
		overflow: auto;
}

.menu > li > .item {
		font-size: 17px;
		font-weight: 600;
		line-height: 21px;
		color: #4e3629;
		text-transform: unset;
		padding: 0 7px;
		margin: 0 7px;
}

.menu > li > .item.active,
.menu > li > .item:hover,
.menu > li > .item:focus,
.menu > li > .item:active{
		color: #71c5e8;
}

.phone-mobile {
		position: absolute;
		right: 60px;
		top: 22px;
}

.extra-menu {
		line-height: 40px;
		margin: 20px 0 20px 17.5px;
		/*border-left: 1px solid #D1D1D1;*/
}

.extra-menu-item:first-of-type {
		padding: 0 20px 0 20px;
}
.extra-menu-item:first-of-type a{
		color: #434343;
		text-decoration: none;
		font-weight: 600;
}

@media screen and (max-width: 991px) {
		.logo{
				margin: 20px 0;
		}
		.menu-button {
				top: 30px;
				right: 0;
				width: 30px;
				height: 21px;
		}
		.menu-button-bar {
				background: #000;
				height: 3px;
		}
		.menu-button-bar.is-top {
				width: 75%;
				margin-left: 25%;
				top: 0;
		}
		.menu-button-bar.is-middle {
				top: 9px;
		}
		.menu-button-bar.is-bottom {
				width: 85%;
				margin-left: 15%;
				top: 19px;
		}
		.is-menu-open .menu-button-bar.is-top, .is-menu-open .menu-button-bar.is-bottom{
				width: 100%;
				margin-left: 0;
		}
		.toggle-submenu {
				position:   fixed;
				top:        84px;
				left:       0;
				width:      100%;
				height:     100%;
				background: #fff;
				z-index:    8000;
				transform:  translateX(100%);
				transition: transform 500ms;
				-webkit-transition: transform 500ms;
		}

		.is-menu-open .toggle-submenu {
				transform: translateX(0);
		}

		.menu {
				margin:  40px 0 0;
				padding: 0;
		}

		.menu a {
				display:    block;
				width:      100%;
				padding:    0!important;
				text-align: left;
		}

		.menu > li {
				float:   none;
				padding: 0 15px;
		}

		.menu > li > .submenu {
				width:    100%;
				position: static;
		}

		.menu > li > .submenu.is-open {
				display: block!important;
		}
}

/*
* Footer
*/
.main-footer {
		padding: 75px 0 60px;
		color: #fff;
		font-weight: normal;
		line-height: 30px;
}

.main-footer h6, .main-footer .h6 {
		font-size: 20px;
		font-weight: bold;
		line-height: 26px;
}

.main-footer a{
		text-decoration: none;
}

.main-footer .footer-ul {
		margin-top: 20px;
}

.footer-adres img{
		float: left;
		margin-top: 4px;
}

.footer-adres p{
		display: inline-block;
}

.sub-footer {
		padding: 50px 0 75px;
		color: #434343;
}

.sub-footer ul {
		margin-bottom: 23px;
}

.sub-footer ul li {
		margin: 0 20px 15px;
}

/*
* Buttons
*/
.btn{
		font-family: futura-pt, sans-serif;
		font-size: 18px;
		font-weight: 500;
		line-height: 23px;
		border: none !important;
		text-transform: unset;
}
.btn:hover, .btn:focus, .btn:active,
a:hover a:focus a:active,
button:hover, button:focus, button:active{
		outline: none !important;
}
.btn.btn-primary{
		background: #71c5e8;
		color: #fff;
		padding: 16px 32px;
		border-radius: 27.5px;
}

.btn.btn-primary.btn-sm {
		padding: 10px 20px;
}

.btn.btn-primary:hover{
		background: #58ACCF;
}

/*
* Cardobjects
*/
.card-object-photo {
		border: 1px solid #D1D1D1;
}
.card-object-city {
		padding: 0;
		text-transform: none;
		font-size: 18px;
		line-height: 22px;
		color: #434343;
		font-weight: bold;
}
.card-object-details {
		padding: 10px 0 0;
		border: none;
		background: #fff;
		color: #71c5e8;
		font-family: futura-pt, sans-serif;
		min-height: 100px;
}

a.card-object-address {
		font-size: 25px;
		font-weight: bold;
		line-height: 31px;
		text-decoration: none;
}

.card-object-price {
		color: #434343;
		font-size: 18px;
		line-height: 22px;
		font-weight: bold;
}

.card-object-table, .card-object-table tr td{
		border: none !important;
}

.card-object-status {
		font-weight: bold;
		background: #71c5e8;
		left: 10px;
		text-transform: uppercase;
		font-family: futura-pt, sans-serif;
		border-radius: 3px;
		padding: 3px 7px;
}

.card-object-status.sold {
		background: #d9534f;
}

.card-object-status.option {
		background: #4a301d;
		color: #5bc0de;
}

.card-object-status.openhuis {
	background: #ffcc00;
}
.card-object-status.spotlight{
	color: #000;
	background: yellow;
}

.be-flag {
	right: 10px;
	top: 10px;
	width: 50px;
	height: 34px;
	position: absolute;
	background: url(/layouts/main/images/be-flag.png) center center no-repeat;
	background-size: contain;
}

.card-object-status:nth-of-type(2) {
		top:45px;
}

/*
* Forms
*/
.form-control{
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		height: 45px;
		line-height: 25px;
		font-size: 16px;
}

.bg-light .form-control{
		border: none;
}

.select-box {
		font-size: 16px;
		line-height: 40px;
		color: #333333;
		font-weight: normal;
		padding: 0 30px 0 15px;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
}

/*
 * Share & fullscreen
 */
.photo-slider-overlay {
		position:		absolute;
		top:			10%;
		right:			10%;
}

.fullscreen .photo-slider-overlay {
		display:		none;
}

.photo-slider-overlay .btn {
		position:		static;
		width:			auto;
		height:			auto;
		font-size:		inherit;
		opacity:		1;
		padding:		0 16px;
		background:		#fff;
		color:			#000;
		text-shadow:		none;
		border:			none;
		line-height:		40px;
		box-shadow:		0 0 3px rgba(0, 0, 0, 0.5);
		margin:			0 0 0 10px;
}

.photo-slider-overlay a.at300b {
		color:			#666;
}

.photo-slider-overlay a.at300b .at4-icon {
		display:		inline-block!important;
		position:		relative;
		top:			2px;
}

/*
* List style other
*/
.list-style-other{
		list-style-type: none;
		padding: 0;
		margin: 0;
}

.list-style-other li{
		background: url(/layouts/main/images/icons/arrow-right2.svg) no-repeat left 9px;
		padding-left: 30px;
		padding-top: 4px;
}

/*
* Visuals
*/
.visual-dienst,
.visual-dienst .responsive-slider,
.visual-dienst .responsive-image,
.responsive-slider-slides{
		min-height: 400px;
		height: 80vh !important;
		max-height: 500px;
}

.responsive-slider-slide .responsive-image {
		position: fixed;
		z-index: -1;
}

body.isCMS .responsive-slider-slide .responsive-image {
		z-index: 0;
}

body.isCMS .responsive-slider-slide .center-to-parent{

		z-index: 1;
}

body.isCMS .bg{
	position: relative;
	z-index: 10;
}



/*.visual .responsive-image::after {
		content: "";
		position: absolute;
		width: 100vw;
		height: 100vh;
		top: 0;
		left: 0;
		z-index: 0;
		background: rgba(0,0,0,0.4);
}*/

.visual-dienst .responsive-image img,
.visual-dienst .responsive-image video{
		left:0 !important;
		width:100%;
		min-height: 400px;
		height: 80vh !important;
		max-height: 500px;
		object-fit:cover;
}

.center-to-parent{
		position: absolute;
		left: 50% !important;
		top: 50% !important;
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		width: 85%;
}

/*#services_details .visual-dienst,
#services_details .visual-dienst .responsive-slider,
#services_details .visual-dienst .responsive-image,
#services_details .visual-dienst .responsive-image img,
#services_details .responsive-slider-slides{
		min-height: 400px;
		height: 100vh !important;
		max-height: 700px;
}
#services_details .visual-dienst .responsive-image img {
		left:0 !important;
		width:100%;
		object-fit:cover;
}*/

#services_details .center-to-parent{
		position: absolute;
		left: 50% !important;
		top: 40% !important;
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		width: 85%;
}

/*
* Diensten en verkopen page
*/

.page-visual p {
		font-size: 24px;
		font-weight: 600;
		color: #fff;
		text-shadow: 0px 0px 41px #000;
}

.ctas p:first-of-type {
		float: left;
		width: 20%;
		margin-right: 5%;
}

.ctas h3 {
		float: left;
		width: 75%;
		/*margin-top: 20px;*/
		margin-top: 0px;
		line-height: 90px;
}

.ctas p:nth-of-type(2){
		clear: both;
		display: inline-block;
		margin-top: 10px;
}

.ctas img {
		width: 100%;
}

/*
* Corners
*/
.bg-corner.bg-corner-top-down{
		transform: translateY(-100px);
		margin-bottom: -200px;
		position: relative;
		z-index: 2;
}

.bg-corner-top-down:after {
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		bottom: 0;
		left: 0;
		background: rgba(255,255,255,1);
		z-index: -1;
		-webkit-clip-path: polygon(85% 0, 100% 8%, 100% 92%, 85% 100%, 0 100%, 0 0);
		clip-path: polygon(85% 0, 100% 8%, 100% 92%, 85% 100%, 0 100%, 0 0);
}

.bg-corner.bg-corner-top{
		transform: translateY(-100px);
		margin-bottom: -100px;
		position: relative;
		z-index: 2;
}

.bg-corner-top:after {
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		bottom: 0;
		left: 0;
		background: rgba(255,255,255,1);
		z-index: -1;
		-webkit-clip-path: polygon(85% 0, 100% 50px, 100% 100%, 100% 100%, 0 100%, 0 0);
		clip-path: polygon(85% 0, 100% 50px, 100% 0, 100% 100%, 0 100%, 0 0);
}

#contact .bg-corner-top:after {
		background: #e6ebef;
}


/*
 * Modal
 */
.modal-open .modal-call-me.modal{
		overflow: hidden;
		z-index: 99999;
}
.modal-call-me .modal-dialog{
		position: relative;
		width: auto;
		pointer-events: none;
		max-width: 750px;
		margin: 1.75rem auto;
}
.modal-call-me .modal-content{
		position: relative;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 100%;
		pointer-events: auto;
		background-clip: padding-box;
		border: 0;
		border-radius: 0;
		outline: 0;
}
.modal-call-me .modal-body{
		position: relative;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
}
.modal-call-me .modal-body .close{
		opacity: 1;
		position: absolute;
		top: -40px;
		right: -6px;
		display: inline-block;
		width: 20px!important;
		height: 20px;
		padding-right: 0!important;
		line-height: 20px!important;
		transition: all 0.47s cubic-bezier(0.3, 1, 0.3, 0.95) 0s;
		-webkit-transition: all 0.47s cubic-bezier(0.3, 1, 0.3, 0.95) 0s;
}
.modal-call-me .modal-body .close-icon::before,
.modal-call-me .modal-body .close-icon::after{
		content: '';
		position: absolute;
		height: 2px;
		width: 100%;
		top: 50%;
		left: 0;
		margin-top: -1px;
		background: #fff;
}
.modal-call-me .modal-body .close-icon:before{
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
}
.modal-call-me .modal-body .close-icon:after{
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
}
.modal-call-me .modal-body .close:hover{
		transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
}

.modal-call-me .modal-dialog-centered{
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		min-height: calc(100% - (.5rem * 2));
}

.belmijterug-box {
		background: #e6ebef;
		padding: 15px;
}


.belmijterug-box p:first-of-type {
		float: none;
		width: 100%;
		margin-right: 0;
}

.belmijterug-box h3 {
		float: none;
		width: 100%;
		margin-top: 0;
		line-height: initial;
}

.object-description .description-header {
		font-weight: bold;
}

.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;
}

.list-counter {
	column-count: 2;
	column-gap: 50px;
}

.list-counter ol {
	list-style: none;
	counter-reset: ol-counter;
	padding: 0;
}
.list-counter ol li {
	counter-increment: ol-counter;
	margin-bottom: 15px;
	padding-left: 55px;
	position: relative;
	min-height: 40px;
}

.list-counter ol li::before {
	content: counter(ol-counter);
	color: #000;
	background: #71c5e8;
	border-radius: 100%;
	width: 40px;
	height: 40px;
	font-weight: bold;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	align-items: center;
	position: absolute;
	left: 0;
	font-family: futura-pt, sans-serif;
	font-size: 24px;
	line-height: 40px;
}