/*
Theme Name: Go Online
Theme URI: http://www.goonline.nl
Description: Go Online 
Author: Go Online
Author URI: http://www.goonline.nl
Version: 1.0
*/

/** MAIN **/

*{
	box-sizing: border-box;
}

html, body {
	font-family: 'Work Sans', sans-serif;
	font-weight: 300;
	font-size: 16px;
	color: #515151;
	-webkit-font-smoothing: antialiased;
	padding: 0;
	margin: 0;
	background: #ffffff;
	overflow-x: hidden;
}

.container-fluid{
	width: 80%;
	position: relative;
}

.sectie-titel{
	font-size: 36px;
	font-weight: 300;
	margin-top: 0;
	margin-bottom: 30px;
}

h1{
	font-size: 32px;
	font-weight: 300;
	margin-top: 0;
	margin-bottom: 30px;	
}


h2{
	font-size: 28px;
	font-weight: 300;
	margin-top: 0;
	margin-bottom: 30px;	
}

h3{
	font-size: 21px;
	font-weight: 500;
	margin-top: 0;
	margin-bottom: 15px;	
}

h3.sidebar-titel{
	font-size: 18px;
	color: #0f3553;
	font-weight: 500;
	margin-top: 30px;
	margin-bottom: 15px;
}


strong{
	font-weight: 500;
}

a.button-grijs {
	padding:10px 15px 10px 15px;
	color:#414141;
	background:#f7f7f7;
	border:1px solid #dcdcdc;
	border-radius:5px;
}

a.button-blauw {
	padding:10px 15px 10px 15px;
	color:#ffffff;
	background:#0f3553;
	/*border:1px solid #dcdcdc;*/
	border-radius:6px;
	font-weight: 500;
}

figure img{
	width: 100%;
	height: auto;
}

.mobiel-topnav, .mobiel-bottomnav, .filter-popup  {
	display:none;
}

.tonen {
	display:block!important;
}

.tekstvak a{
	color: #515151;
	text-decoration: underline;
}

/** LISTS **/


ul{
	padding: 0;
	margin: 0;
}

ul li{
	list-style-type: none;
}



ul.checkmark-list{
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: table;
}


ul.checkmark-list li:before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f00c";
	padding-right: 10px;
	display: table-cell;
}


ul.checkmark-list li{
	display: table-row;
	margin-bottom: 10px;
}


ul.arrow-list{
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: table;
}


ul.arrow-list li:before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f105";
	padding-right: 10px;
	display: table-cell;
}


ul.arrow-list li{
	display: table-row;
	margin-bottom: 10px;
}



/* === OVERLAYS === */

.overlay-zwart{
	background: rgba(0,0,0,0.45);
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
}

/* == CONTACTGEGEVENS SIDEBAR == */

.sidebar-tonen {
	right:0!important;
}

.contactgegevens-sidebar .telefoonnummer-blok {
	z-index:9999;
	position: fixed;
	right:-160px;
	top:290px;
	transition:all 300ms ease-in-out;
	-moz-transition:all 300ms ease-in-out;
	-webkit-transition:all 300ms ease-in-out;
}

.contactgegevens-sidebar .email-blok {
	z-index:9999;
	position: fixed;
	right:-133px;
	top:350px;
	transition:all 300ms ease-in-out;
	-moz-transition:all 300ms ease-in-out;
	-webkit-transition:all 300ms ease-in-out;
}

.contactgegevens-sidebar .contactgegevens-blok {
	background:#ea6113;
	margin-bottom:10px;
	border-radius:5px 0px 0px 5px;
	padding:15px;
}

.contactgegevens-sidebar .contactgegevens-blok i{
	color:#fff;
	font-size:20px;
	background:#ea6113;
}

.contactgegevens-sidebar a {
	color:#fff;
	margin-left:20px;
}

/* === FORMULIEREN === */

input[type=text],input[type=tel],input[type=number],input[type=password],input[type=email],input[type=phone],select,textarea,input[type=date]{
	border: 1px solid #dcdcdc;
	padding: 8px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	color: #515151;
	width: 100%;
}

label{
	color: #0f3553;
	font-size: 16px!important;
	font-weight: 500;
}

label.gfield_label{
	font-size: 16px;
	font-weight: 500!important;
}

label[for=privacyverklaring]{
	color: #5e5e5e;
	margin-left: 5px;
}

.form-rij{
	margin-bottom: 15px;
}

.form-submit-rij{
	margin-top: 15px;
}

input[type=submit]{
	padding: 15px 20px 15px 20px;
	color: #ffffff;
	font-weight: 400;
	border: 0;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

input[type=submit].gform_button{
	float: right;
}


.wibeco-button,.wibeco-button:hover{
	padding: 15px 20px 15px 20px;
	color: #ffffff;
	font-weight: 400;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}


.gform_previous_button{
	border: 1px solid #cccccc!important;
	background: #ffffff!important;
	padding: 15px !important;
	float: left;
	border-radius: 6px;
}


.gform_wrapper .gf_progressbar{
	background: transparent!important;
}

.gform_wrapper .gf_progressbar_percentage{
	height: 3px!important;
	background: #19ba10!important;
}

.gform_wrapper .gf_progressbar::after{
	display: none!important;
}

.gf_progressbar::before{
	content: '\f00c';
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900;
	font-size: 12px;
	display: inline-block;
	width: 20px;
	height: 20px;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	background-color: #19ba10;
	float: left;
	margin-top: -10px;
	margin-right: -50px;
	text-align: center;
	line-height: 19px;
	color: #ffffff;
}


.gf_progressbar_percentage::after{
	content: '\f00c';
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900;
	font-size: 12px;
	display: inline-block;
	width: 20px;
	height: 20px;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	background-color: #19ba10;
	float: right;
	margin-top: -10px;
	margin-right: -50px;
	text-align: center;
	line-height: 19px;
}

.gform_wrapper .gf_progressbar_percentage span{
	color: #4a4a4a;
}


.gform_next_button{
	float: right;
	padding: 15px 20px 15px 20px;
	color: #ffffff;
	font-weight: 400;
	border: 0;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}


/* === TAAL SELECT === */

.kies-taal{
	position: relative;
	width: 100%;
	background: #f7f7f7;
	padding: 20px;
	z-index: 999998;
}



/** STARTPAGINA **/

.logo-start{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	border-left: 4px solid #ffffff;
	border-right: 4px solid #ffffff;
	border-bottom: 4px solid #ffffff;
	z-index: 9999
}


.screen-one-third{
	width: 33.3%;
	float: left;
	background: #eeeeee;
	height: 100vh;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	background-size: cover!important;
	background-position: 55% 0!important;
}

.screen-border{
	border-right: 3px solid #ffffff;
}


.keuze-tekst{
	position: absolute;
	left: 0%;
	top: 25%;
	width: 100%;
	color: #ffffff;
	z-index: 100;
	padding: 0 50px;
}

.keuze-subtitel{
	margin-bottom: 10px;
	font-size: 28px;
	font-weight: 300;
}

.keuze-titel{
	font-size: 42px;
	font-weight: 400;
}

.keuze-titel i{
	font-size: 28px;
	float: right;
	margin-top: 20px;
}


.keuze-lijntje{
	width: 100%;
	height: 1px;
	background: #ffffff;
	opacity: 0.5;
}

.keuze-aanbod-opsomming{
	background: rgba(0,0,0,0.45);
	width: 100%;
	left: 0;
	bottom: 0;
	position: absolute;
	color: #ffffff;
	z-index: 101;
	padding: 50px;
	height: 355px;
}

.keuze-aanbod-opsomming h3{
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 24px;
	font-weight: 400;
	color: #ffffff!important;
}

.keuze-aanbod-opsomming li a{
	font-size: 18px;
	font-weight: 300;
	color: #ffffff;
}

.aftitel-regel{
	font-size: 16px;
	font-style: italic;
	margin-top: 40px;
	position: absolute;
	left: 50px;
	bottom: 50px;
}



/* ANIMATIE */
.screen-one-third{
	transition: all 1500ms ease-in-out;
}

.screen-one-third.full-screen{
	background-position: 55% 40%!important;
}

.screen-one-third:hover .overlay-zwart{
	background: rgba(0,0,0,0.25);
	transition: all 500ms ease-in-out;
}

.screen-one-third.full-screen .overlay-zwart{
		background: rgba(0,0,0,0.1);
}


/* RESPONSIVE MENU */

	.responsive-menu{
		position: fixed;
		left: 0;
		top: 200%;
		background:rgba(15, 53, 83, 0.9);
		color: #ffffff;
		width: 100%;
		height: 100%;
		z-index: 99999999;
		transition:all 300ms ease-in-out;
		-moz-transition:all 300ms ease-in-out;
		-webkit-transition:all 300ms ease-in-out;
	}

	.responsive-menu.open{
		top: 0!important;
	}

	.responsive-menu .container {
		margin-left:20px;
		margin-right:20px;
	}

	.responsive-menu-home{
		position: absolute;
		top: 30px;
		font-size: 42px;
		color: #ffffff;
		cursor: pointer;
	}

	.responsive-menu-home a{
		color: #ffffff;
	}

	.responsive-menu-sluiten{
		position: relative;
		top: 30px;
		float:right;
		font-size: 42px;
		color: #ffffff;
		cursor: pointer;
	}

	.responsive-menu-links{
		width: 100%;
		float: left;
		margin-top:10vh;
	}

	.responsive-menu .responsive-menu-rechts{
		font-size:25px;
		width: 100%;
		float: left;
		margin-top: 10vh;
	}

	.responsive-menu .responsive-menu-rechts a {
		color:#fff;
	}

	.responsive-menu-rechts a.button-donkerblauw {
		font-size:15px;
	}

	.responsive-menu .responsive-menu-rechts .contact-container {
		margin-bottom:20px;
	}

	.responsive-menu .pijltje {
		margin-left:15px;
	}

	.responsive-menu .responsive-menu-rechts .icon {
		width:40px;
		text-align:center;
		margin-right:20px;
	}

	.responsive-menu-links ul {
		padding: 0;
		margin: 0;
	}

	.responsive-menu-links ul li {
		display: block;
		list-style-type: none;
	}

	.responsive-menu-links ul li a {
		font-size: 36px;
		color: #ffffff;
		font-weight: 300;
		margin-bottom: 15px;
		display: block;
	}

	.responsive-menu-links ul li a .responsive-menu-rondje {
		display: block;
		float: left;
		width: 30px;
		height: 30px;
		text-align: center;
		line-height: 26px;
		border: 2px solid #d4d4d4;
		border-radius: 100%;
		-moz-border-radius: 100%;
		-webkit-border-radius: 100%;
		font-size: 18px;
		margin-right: 15px;
		margin-top: 10px;
	}

	.responsive-menu-rechts .contact-mail,.responsive-menu-rechts .contact-tel {
		font-size: 24px;
		display: block;
		margin-bottom: 25px;
	}

	.responsive-menu-rechts .contact-mail i,.responsive-menu-rechts .contact-tel i {
		color: #fff;
		margin-right: 25px;
	}

	.responsive-menu-rechts .knop {
		display: block;
		text-align: center;
		text-transform: uppercase;
		margin-bottom: 25px;
	}

	.responsive-menu .responsive-menu-rechts ul {
		padding: 0;
		margin: 0;
	}

	.responsive-menu .responsive-menu-rechts ul li {
		display: block;
		list-style-type: none;
	}

	.responsive-menu .responsive-menu-rechts ul li a {
		font-size: 24px;
		color: #ffffff;
		font-weight: 700;
		margin-bottom: 30px;
		display: block;
		text-transform: uppercase;
	}

	.responsive-menu .responsive-menu-rechts ul li a .responsive-menu-rondje {
		display: block;
		float: left;
		width: 25px;
		height: 25px;
		text-align: center;
		line-height: 20px;
		border: 2px solid #d4d4d4;
		border-radius: 100%;
		-moz-border-radius: 100%;
		-webkit-border-radius: 100%;
		font-size: 14px;
		margin-right: 15px;
		margin-top: 3px;
	}

	.responsive-menu .sub-icon {
		margin-left:10px;
	}

	.responsive-menu .submenu li a {
		font-size:25px;
		padding-left:15px;
	}

/** HEADER **/

.header{
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	top: 0;
	width: 80%;
	border-radius: 0px 0px 6px 6px;
	-moz-border-radius: 0px 0px 6px 6px;
	-webkit-border-radius: 0px 0px 6px 6px;
	/*overflow: hidden;*/
	z-index: 99999;
}

.header-vervolg{
	position: fixed;
	width: 100%;
	background: rgba(15,53,83,1);
	z-index: 99999;
	transition: all 500ms ease-in-out;
	left: 0;
}

.header-vervolg.scroll{
	top: 0;
}

.placeholder{
	width: 100%;
	height: 94px;
}

.logo{
	width: 8%;
	height: auto;
	float: left;
}

.header-vervolg .logo{
	width: 6.8%;
}

.logo img{
	width: 100%;
	height: auto;
}

.menubalk{
	background: rgba(15,53,83,0.8);
	padding: 22px 15px;
	width: 89%;
	float: left;
}

.header-vervolg .menubalk{
	background: rgba(15,53,83,1);
	width: 93.2%;
	padding: 21px 16px;
}

.account-links{
	width: 28%;
	float: left;
}

.account-links a{
	color: #ffffff;
	line-height: 45px;
	float:left;
}

.account-links a i{
	color: #ea6113;
}

.account-links ul {
	padding:0;
	margin:0;
}

.account-links ul li {
	list-style-type:none;
	display:inline-block;
}

.account-links ul li a {
	display:block;
	color:#fff;
	font-size:18px;
	padding-right:15px;
	padding-left:15px;
	font-weight:300;
	position: relative;
}


.logout-link a{
	font-size: 12px;
	margin-left: 15px;
}

/*
.account-links ul li:first-of-type a {
	padding-left:50px;
}
*/
.action-button{
	width: 15%;
	float: left;
}

.action-button a{
	display: block;
	border: 3px solid #ea6113;
	color: #ffffff;
	font-weight: 700;
	text-align: center;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 8px;
	transition:all 150ms ease-in-out;
	-moz-transition:all 150ms ease-in-out;
	-webkit-transition:all 150ms ease-in-out;
}

.action-button a:hover{
	background: #ea6113;
}

.menu-desktop{
	width: 55%;
	float: left;
	padding-right: 20px;
}

.menu-desktop ul{
	padding: 0;
	margin: 0;
	float: right;
}

.menu-desktop ul li{
	list-style-type: none;
	display: inline-block;

}

.menu-desktop ul li a{
	display: block;
	color: #ffffff;
	font-size: 21px;
	padding-right: 25px;
	padding-left: 25px;
	font-weight: 300;
	position: relative;
}

.menu-desktop ul li .sub-icon{
	display: block;
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	color: #ea6113;
}

.menu-desktop ul li ul{
	display: none;
	position: absolute;
	padding: 0 20px 20px 20px;
	background: rgba(15,53,83,0.8);
	border-radius: 0px 0px 6px 6px;
	-moz-border-radius: 0px 0px 6px 6px;
	-webkit-border-radius: 0px 0px 6px 6px;
}


.menu-desktop ul li:hover ul{
	display: table;
	margin-top: 30px;
	padding-top: 10px;
}

.menu-desktop ul li ul li{
	display: table-row;
}

.menu-desktop ul li ul li:before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f105";
	padding-right: 10px;
	display: table-cell;
}

.menu-desktop ul li ul li a{
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 10px;
}

.menu-desktop ul li ul li:last-child a{
	margin-bottom: 0;
}

.menu-desktop .submenu-border a {
	border-top:0.5px solid rgba(255, 255, 255, 0.8);
	padding-top:10px;
	margin-top:10px;
}

/* === HEADER MET ZOEKFUNCTIE === */

.header-met-zoekfunctie {
	position: relative;
}

.header-met-zoekfunctie .overlay {
	position: absolute;
	top:0;
	left:0;
	z-index:1;
	background:rgba(0, 0, 0, 0.5);
	width:100%;
	height:100%;
}

.header-container {
	width:50%;
	height:250px;

	position:absolute;
    left:50%; 
    top: 50%;
    transform: translate(-50%,-30%);
    
    z-index:100;
}

.header-titel{
    float: left;
    clear: both;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

.header-titel h1 {
	color:#fff!important;
	font-weight:400;
	font-size:42px;
/*	width:auto;
	float: left;*/
}

#wisselwoorden_container{
	font-weight: 500;
}

/*.ticker {
	background-color:transparent!important;
	margin: auto!important;
	width: auto!important;
	border: none!important;
	height:50px!important;
	font-weight:500;
	font-size:36px!important;
}
*/
.header-zoekfunctie {
	clear: both;
	background:#fff;
	border-radius:5px;
	width:100%;
	margin-top:50px;
	padding:20px;
}

.header-zoekfunctie input[type="text"],.header-zoekfunctie select {
	width:40%;
	display:inline-block;
	border:1px solid #b5b5b5;
	margin-right:10px;
}

.header-zoekfunctie input[type="submit"] {
	padding:10px 35px 10px 35px;
}

.header-zoekfunctie select {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	padding:8px;
	color:#515151;
}

.header-zoekfunctie select option {
	color:#515151;
}

.header-zoekfunctie-checkboxes {
	margin-top:20px;
}

label.type-woning {
	font-weight:500;
	margin-right:30px!important;
}

.header-zoekfunctie label {
	margin-right:20px;
}

.header-zoekfunctie input[type="checkbox"] {
	margin-right:10px;
}

.header-zoekfunctie-locatie {
	background:url(../images/locatie-icon.png) no-repeat center right;
}

.header-zoekfunctie-prijs {
	background:url(../images/prijs-icon.png) no-repeat;
	background-position-x: 95%;
	background-position-y: center;
}


.ui-autocomplete{
	padding: 15px;
	border-radius: 0px 0px 5px 5px;

}

.ui-autocomplete li{
	display: block;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #b5b5b5;
	color: #515151!important;
}

.ui-autocomplete li:last-child{
	display: block;
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: 0px solid #b5b5b5;
}

.ui-autocomplete li:hover,.ui-autocomplete li:focus,.ui-autocomplete:hover li{
	background: transparent!important;
	border-top: 0!important;
	border-left: 0!important;
	border-right: 0!important;
}


/* WISSEL WOORDEN */

.rotating {
	display: inline-block;
	position: relative;
	white-space:nowrap;	
}

.rotating .front, .rotating .back {
	position: relative;
	display: inline-block;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: 1s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: 1s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
}
.rotating .front {
	left: 0;
	top: 0;
	position: absolute;
	display: inline-block;
	
}
.rotating .front.flipInY {
	z-index: 1;
	display: block;
}
.rotating .front span {
	width: auto;
	position: relative;
}
.rotating .back {
	opacity: 0;
}
.rotating .back.flipInY {
	opacity: 1;
	z-index: 2;
}

/* === HEADER  === */

.header-met-tekst {
	position: relative;
	width:100vw;
}

.header-met-tekst .header-container {
	height:auto;
}

.header-met-tekst .overlay {
	position: absolute;
	top:0;
	left:0;
	z-index:1;
	background:rgba(0, 0, 0, 0.5);
	width:100%;
	height:100%;
}

.header-tekst {
	color:#fff;
}

/* === BESCHIKBARE WOONRUIMTE === */

.beschikbare-ruimte .sectie-titel {
	margin-bottom:50px;
}

.ruimte-box{
	border-radius: 5px;
	margin-bottom: 30px;
	transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
}

.aanbod-box a, .ruimte-box a {
	color:#414141;
}

.ruimte-box:hover {
	-webkit-box-shadow: 0px 0px 5px 3px rgba(148, 148, 148, 0.32);
	-moz-box-shadow: 0px 0px 5px 3px rgba(148, 148, 148, 0.32);
	box-shadow: 0px 0px 5px 3px rgba(148, 148, 148, 0.32);
}

.ruimte-foto {
	position: relative;
	border-radius:5px 5px 0px 0px;
	overflow: hidden;
	max-height:161px;
}

.ruimte-foto img {
	width: 100%;
	height: auto;
	transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
}

.ruimte-box:hover .ruimte-foto img{
	transform: scale(1.1);
}

.beschikbaar-per {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.type-ruimte {
	position: absolute;
	left:0;
	bottom: 0;
	padding: 10px 20px;
	border-radius:0px 5px 0px 0px;
	background: #0f3553;
	color:#fff;
	font-weight: 500;
}

.prijs-ruimte {
	position: absolute;
	right:0;
	bottom:0;
	padding: 10px 20px;
	border-radius:5px 0px 0px 0px;
	color:#fff;
	font-weight: 500;
}

.ruimte-info {
	background:#f7f7f7;
	padding:15px;
	border-radius:0px 0px 5px 5px;
	clear: both;
}

.ruimte-info i{
	margin-right:5px;
}

.ruimte-adres {
	margin-bottom:10px;
	color:#414141;
	font-weight:500;
	width:100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


.favorieten-button {
	cursor: pointer;
	position: absolute;
	top:15px;
	right:15px;
	background:#fff;
	border-radius:100%;
	width:30px;
	height:30px;
/*	-webkit-box-shadow: 0px 0px 5px 3px rgba(148,148,148,1);
	-moz-box-shadow: 0px 0px 5px 3px rgba(148,148,148,1);
	box-shadow: 0px 0px 5px 3px rgba(148,148,148,1);*/
	-webkit-box-shadow: 0px 3px 8px 1px rgba(46,46,46,0.4);
	-moz-box-shadow: 0px 3px 8px 1px rgba(46,46,46,0.4);
	box-shadow: 0px 3px 8px 1px rgba(46,46,46,0.4);
}

.favorieten-button i {
	line-height: 30px;
	font-size:16px;
	color:#c5c5c5;
}

.favorieten-button:hover i, .favorieten-button.favoriet-active i {
	color:#d01c44;
}

.beschikbare-ruimte-button {
	margin-top:50px;
}

.beschikbare-ruimte-button a {
	font-weight:400;
}

/* === TEKSTVAK  === */

.tekstvak {
	padding-top:50px;
	padding-bottom:50px;
}

.tekstvak h1 {
	font-size:42px;
}

/* === PANDEN  === */

.panden {
	padding-bottom:50px;
}

.panden h2 {
	margin-bottom:10px;
	color:#0f3553!important;
}

.panden-locaties {
	margin-top:20px;
	margin-bottom:75px;
}

.panden .locatie-filter-div {
	display:inline-block;
	cursor: pointer;
	color:#666666;
	border:1px solid #d2d2d2;
	border-radius:5px;
	margin:5px;
	padding:7px 15px 7px 15px;
}

.panden .locatie-filter-div-active {
	border-radius:5px;
	margin:5px;
	padding:7px 15px 7px 15px;
	display:inline-block;
	cursor: pointer;
}

.panden .locatie-filter-div input[type="checkbox"] {
	display: none;
}

.pand-box{
	margin-bottom: 30px;
	transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
}

.pand-box:hover {
	border-radius:5px 5px 0px 0px;
	-webkit-box-shadow: 0px 0px 5px 3px rgba(148, 148, 148, 0.32);
	-moz-box-shadow: 0px 0px 5px 3px rgba(148, 148, 148, 0.32);
	box-shadow: 0px 0px 5px 3px rgba(148, 148, 148, 0.32);
}

.pand-box:hover .pand-foto img{
	transform: scale(1.1);
	transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
}

.pand-foto {
	position: relative;
	border-radius:5px 5px 0px 0px;
	overflow: hidden;
	max-height:161px;
}

.pand-foto img {
	width: 100%;
	height: auto;
	
}

.pand-info {
	background:#f7f7f7;
	padding:15px;
	border-radius:0px 0px 5px 5px;
	clear: both;
}

.pand-info i{
	margin-right:5px;
}

.pand-adres {
	font-weight:500;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pand-locatie {
	margin-top:10px;
	color:#414141;
	font-weight:500;
	width:100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


.zoek-pand-button {
	cursor: pointer;
	position: absolute;
	top:15px;
	right:15px;
	background:#fff;
	border-radius:100%;
	width:30px;
	height:30px;
	pointer-events:none;
/*	-webkit-box-shadow: 0px 0px 5px 3px rgba(148,148,148,1);
	-moz-box-shadow: 0px 0px 5px 3px rgba(148,148,148,1);
	box-shadow: 0px 0px 5px 3px rgba(148,148,148,1);*/
	-webkit-box-shadow: 0px 3px 8px 1px rgba(46,46,46,0.4);
	-moz-box-shadow: 0px 3px 8px 1px rgba(46,46,46,0.4);
	box-shadow: 0px 3px 8px 1px rgba(46,46,46,0.4);
}

.zoek-pand-button i {
	line-height: 30px;
	font-size:16px;
	color:#c5c5c5;
}

.zoek-pand-button:hover i {
	color:#414141;
}


/* === TEKSTVAK MET ADVISEUR === */

.tekstvak-met-adviseur h2 {
	color:#0f3553;
	font-weight:400;
	margin-bottom:10px;
}

.adviseur-foto {
	width:40%;
	float:left;
	
	border-radius:5px 0px 0px 5px;
	background-repeat:no-repeat!important;
	background-size:cover!important;
	background-position: center top!important;
}

.adviseur-foto img{
	visibility: hidden;
	height: 130%;
}

.adviseur-gegevens {
	position: relative;
	color:#fff;
	width:50%;
	height: 300px;
	float:left;
	border-radius:0px 5px 5px 0px;
	padding:20px;
}

.adviseur-gegevens-container {
	position: absolute;
	left: 20px;
	top: 43%;
	transform: translateY(-45%);
}

.adviseur-gegevens h3 {
	color:#fff;
	margin-bottom:30px;
}

.adviseur-naam {
	font-weight:600;
}

.adviseur-naam, .adviseur-email, .adviseur-functie {
	padding-top:5px;
	padding-bottom:5px;
}

.adviseur-button {
	position: absolute;
	bottom:30px;
	left:20px;
}

.adviseur-button a {
	border:none;
	font-weight:600;
}

/* === PARTICULIER AANBOD ==*/

.aantal-beschikbaar-box {
	background:#f7f7f7;
	border-radius:5px;
	padding:20px;
	margin-bottom:30px;
}

.aantal-beschikbaar{
	margin-right: 5px;
}

.aantal-beschikbaar-row {
	position: relative;
  	top: 50%;
  	transform: translateY(38%);
}

.sorteer {
	float:right;
	padding-left:20px;
	border-left:1px solid #414141;
}

.actieve-filters {
	margin-bottom:30px;
}

.actieve-filter-box {
	display:inline-block;
	margin-right:10px;
	padding:5px 10px;
	border-radius:5px;
}

.actieve-filter-box i {
	margin-right:5px;
}

.filter-box {
	background: rgba(243, 231, 207, 0.3);
	border-radius:5px;
	padding:30px;
}

.filter-box fieldset{
	width: 100%;
	display: block;
	clear: both;
}

.filter-box h2 {
	color:#0f3553!important;
	font-weight:700;
}

.filter-box h5 {
	color:#414141;
	margin-bottom:15px;
	width:90%;
	float:left;
	margin-top:0;
}

.filter-box label {
	width:100%;
	color:#5e5e5e;
	font-size:16px;
	margin-bottom:10px;
}

.filter-sectie {
	padding-bottom:30px;
	margin-bottom:30px;
	border-bottom:1px solid #d2d2d2;
}

.filter-sectie i {
	float:right;
	width:10%;
}

.filter-sectie-dropdown {
	margin-top:10px;
	width:100%;
}



.filter-prijs input[type="range"] {
	width:80%;
}

.filter-prijs .range-slider-label{
	width: 20%;
	float: left;
}

.min-prijs,.max-prijs{
	font-size: 13px;
}


.niet-zichtbaar{
	display: none!important;
}


/* Uitgelicht */

.uitgelicht-box {
	background:#0f3553;
	padding:20px;
	margin-bottom:30px;
	border-radius:5px;
}

.uitgelicht-box h2 {
	color:#fff;
	font-weight:500;
}


/* GERELATEERD */

.op-zoek-naar {
	margin-top:50px;
}

.op-zoek-naar-box {
	margin-top:30px;
}

.op-zoek-naar-titel {
	color:#0f3553;
	font-weight:700;
	font-size:18px;
	margin-bottom:15px;
}

.op-zoek-naar-box{
	float: left;
	clear: both;
	position: relative;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #dcdcdc;
}

.op-zoek-naar-afbeelding {
	width:35%;
	float:left;
	position: relative;
	border-right:1px solid #dcdcdc;
	border-radius:5px 0px 0px 5px;
}

.op-zoek-naar-content {
	width:65%;
	float:left;
	border-left:none;
	color:#5e5e5e;
}

.op-zoek-naar-container {
	padding:20px;
}

.op-zoek-naar-titel {
	color:#0f3553;
	font-weight:700;
	padding-top:5px;
	padding-bottom:15px;
}

.op-zoek-naar-content i {
	margin-right:5px;
}

.op-zoek-naar-link {
	padding-top:10px;
	font-weight:400;
}



/* STYLE FILTER CHECKBOX */

.filter-checkbox-container {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-weight: 300;
}


/* Hide the browser's default checkbox */
.filter-checkbox-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
.checkbox-checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #ffffff;
	border: 1px solid #eeeeee;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

/* On mouse-over, add a grey background color */
.filter-checkbox-container:hover input ~ .checkbox-checkmark {
	background-color: #ffffff;
}

/* When the checkbox is checked, add a blue background */
.filter-checkbox-container input:checked ~ .checkbox-checkmark {
	background-color: #ffffff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkbox-checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.filter-checkbox-container input:checked ~ .checkbox-checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.colors-particulier .filter-checkbox-container .checkbox-checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid #ea6113;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}


/* === LOGIN PAGINA ===*/

.login-pagina{
	margin-top: 50px;
}

.login-box{
	background: #f7f7f7;
	padding: 25px;
	-webkit-box-shadow: 0px 0px 5px 3px rgba(148, 148, 148, 0.42);
	-moz-box-shadow: 0px 0px 5px 3px rgba(148, 148, 148, 0.42);
	box-shadow: 0px 0px 5px 3px rgba(148, 148, 148, 0.42);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.login-pagina ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: table;
}


.login-pagina ul li:before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f00c";
	padding-right: 10px;
	display: table-cell;
}


.login-pagina ul li{
	display: table-row;
	margin-bottom: 10px;
}

.ww-vergeten{
	margin-top: 20px;
	color: #0f3553;
	font-size: 14px;
}

.ww-vergeten a{
	color: #0f3553;
}

/* === INSCRHIJF PAGINA ===*/

.inschrijf-pagina {
	padding-top:50px;
	padding-bottom:50px;
}

.inschrijf-pagina-content {
	margin-bottom:30px;
}

.inschrijf-pagina h3 {
	font-weight:400;
}

.inschrijf-pagina form h2 {
	margin-top:50px;
}

.voorwaarde-box{
	background: #f7f7f7;
	border: 1px solid #eeeeee;
	padding: 20px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top: 30px;
}


.usp-sidebar-box{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top: 30px;
	padding: 20px;
	background:#0f3553;
	color:#fff;
}

.usp-sidebar-box h3 {
	color:#fff!important;
}

.usp-sidebar-box ul.checkmark-list li:before {
	color:#19ba10!important;
}

.betaalmethode-select ul{
	width: 100%!important;

}

.totaal-box{
	padding: 0!important;
	text-align: center;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.totaal-box span.ginput_total{
	font-size: 32px!important;
	font-weight: 700!important;
	color: #ffffff!important;
	padding-top: 15px;
	display: block;
}

.totaal-box .gfield_label{
	font-size: 14px!important;
	font-style: italic!important;
	color: #ffffff!important;
	margin-bottom: -20px!important;
	margin-top: 20px!important;
}

.totaal-box div.ginput_container{
	margin-top: 0!important;
}

.totaal-box div.ginput_container span{
	margin: 0!important;
}


/* == ACCOUNT ACTIVATIE ===*/

.activatie-page{
	background: #f7f7f7;
}

.activatie-box{
	background: #ffffff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top: 30px;
	padding: 20px;
}


/* === ACCOUNT DASHBOARD === */

.verlopen {
	font-weight:700;
	color:#dc3545;
}

.dashboard-pagina {
	padding-top:50px;
}

.dashboard-overzicht{
	margin-top: 50px;
}

.dashboard-box{
	-webkit-box-shadow: 0px 0px 18px 1px rgba(148, 148, 148, 0.42);
	-moz-box-shadow: 0px 0px 18px 1px rgba(148, 148, 148, 0.42);
	box-shadow: 0px 0px 18px 1px rgba(148, 148, 148, 0.42);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 30px;
}

.dashboard-box.box-alert{
	-webkit-box-shadow: 0px 0px 18px 1px rgba(234, 0, 0, 0.42);
	-moz-box-shadow: 0px 0px 18px 1px rgba(234, 0, 0, 0.42);
	box-shadow: 0px 0px 18px 1px rgba(234, 0, 0, 0.42);
}

.dashboard-box-titel{
	padding: 15px;
	border-bottom: 1px solid #eeeeee;
	position: relative;
}

.dashboard-box-titel h3{
	margin-bottom: 0;
}

.dashboard-box h4,.dashboard-box h4 a{
	color: #0f3553;
	margin-bottom: 20px;
}

.dashboard-box-inner{
	padding: 25px;
}

/* GEGEVENS */

.gegevens-box{
	border-bottom: 1px solid #eeeeee;
	margin-bottom: 40px;
	padding-bottom: 20px;
}

.dashboard-box-inner .gegevens-box:last-child{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}

.gegevens-box .row{
	margin-bottom: 15px;
}

a.wijzig-button{
	position: absolute;
	height: 100%;
	width: 55px;
	background: #f7f7f7;
	text-align: center;
	line-height: 250%;
	right: 0;
	top: 0;
	border-radius: 0 5px 0 0;
}



/* BEZICHTIGINGEN */

.bezichtiging-rij {
	border-bottom: 1px solid #eeeeee;
	margin-bottom: 40px;
	padding-bottom: 15px;
	padding-top: 15px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.bezichtiging-bevestigd{
	border: 1px solid #159834;
}

.bezichtiging-afgewezen,.bezichtiging-geannuleerd{
	border: 1px solid #c50606;
}


.bezichtiging-buttons{
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
}

.bezichtiging-bevestig{
	width: 35px;
	height: 35px;
	line-height: 33px;
	font-size: 18px;
	color: #159834;
	border: 2px solid #159834;
	text-align: center;
	cursor: pointer;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	float: right;
	margin-left: 15px;
}

.bezichtiging-afwijzen{
	width: 35px;
	height: 35px;
	line-height: 33px;
	font-size: 18px;
	color: #c1c1c1;
	border: 2px solid #c1c1c1;
	text-align: center;
	cursor: pointer;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	float: right;
	transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
}

.bezichtiging-afwijzen:hover, .bezichtiging-afgewezen .bezichtiging-afwijzen,.bezichtiging-geannuleerd .bezichtiging-afwijzen{
	color: #c50606;
	border: 2px solid #c50606;
}

.bezichtiging-annuleren{
	line-height: 33px;
	font-size: 18px;
	color: #c1c1c1;
	border: 1px solid #c1c1c1;
	cursor: pointer;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: center;
	float: right;
	clear: both;
	padding: 0px 10px 0px 10px;
	margin-top: 10px;
}


/* REACTIELIJST */

.reactie-rij {
	border: 1px solid #eeeeee;
	margin-bottom: 40px;
	padding: 15px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.reactie-foto{
	padding: 0;
}

.verwijder-reactie{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	border: 1px solid #c50606;
	color: #c50606;
	font-size: 14px;
	text-align: center;
	padding: 7px;
	cursor: pointer;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* FAVORIETENLIJST */

.favorieten-rij {
	border: 1px solid #eeeeee;
	margin-bottom: 40px;
	padding: 15px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.favoriet-foto{
	padding: 0;
}

.verwijder-favoriet{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	border: 1px solid #c50606;
	color: #c50606;
	font-size: 14px;
	text-align: center;
	padding: 7px;
	cursor: pointer;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* ALERT BUTTONS */

.alert-type-button{
	padding: 10px;
	border: 1px solid #c1c1c1;
	color: #c1c1c1;
	font-size: 16px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: pointer;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	display: inline-block;
}

.alert-type-button.alert-actief{
	color: #159834;
	border: 1px solid #159834;
}

.alerts-afmelden{
	font-weight: 700;
	text-decoration: underline;
	cursor: pointer;
}

.whatsapp-opt-in{
	display: none;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 15px;
}

/* DOUCMENTEN */

.documenten-list li{
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.documenten-list li:last-child{
	padding-bottom: 0;
	margin-bottom: 0;
}

.documenten-list a{
	color: #515151;
}

.documenten-list a i{
	margin-right: 10px;
}

/* === RUIMTE DETAILPAGINA === */

.ruimte-header{
	position: relative;
	height: 100vh;
	width: 100%;
	overflow: hidden;
}

.ruimte-afbeeldingen-slides .owl-item{
	height: 100vh;
	width: 100%;
}

.ruimte-afbeelding{
	width: 100%;
	height: 100%;
}

.staande-afbeelding {
	text-align:center;
}

.staande-afbeelding img {
	height:100%; 
	width:auto!important;
}

.ruimte-afbeelding img {
	position: relative;
	display: none;
	z-index:5;
	margin:0 auto;
}

.staande-afbeelding .foto-overlay {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-size:cover!important;
	filter:blur(25px);
	z-index:0;
}

.ruimte-afbeelding.video .overlay {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
}

.ruimte-afbeelding.video .ruimte-afbeelding {
	position: relative;
	z-index:2;
}

.owl-thumbs{
	position: absolute;
	bottom: 70px;
	left:400px;
	z-index: 1000;
	/*width: 240px;*/
	height: 60px;
	width: 55%;
	opacity: 0.8;
	overflow-x: scroll;
	overflow-y: hidden;
	white-space: nowrap;
}

.owl-thumb-item{
	position: relative;
	margin-right: 10px;
	cursor: pointer;
/*	margin-bottom: 15px;
	width: 46.5%;
	height: 80px;*/
	width: 80px;
	height: 60px;
	border: 2px solid #ffffff;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-wekbit-border-radius: 6px;
	white-space: normal;
	display: inline-block;
}

/*.owl-thumbs .owl-thumb-item:nth-child(even){
	margin-right: 0;
}*/

.owl-thumb-item .thumb-overlay{
	display: none;
}

.thumb-active{
	border: 3px solid #0f3553;
}

.thumb-active .thumb-overlay{
	display: block;
	background: rgba(15,53,83,0.5);
	width: 100%;
	height: 100%;
}

.owl-thumbs .owl-thumb-item:last-child{
	margin-bottom: 0;
}

.owl-thumb-item .play-button {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	text-align: center;
	top:0;
	height:100%;
	z-index:99;
}

.owl-thumb-item .play-button i {
	color:#fff;
	font-size:25px;
	line-height:50px;
}

.info-balk-header{
	background: rgba(0,0,0,0.7);
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 99;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
}

.ruimte-titel img{
	float: left;
	margin-right: 10px;
	margin-top: 5px;
}

.ruimte-titel h2{
	float: left;
	font-size: 28px;
	font-weight: 300;
	color: #ffffff!important;
	margin: 0;
}

.snel-links{
	position: absolute;
	right: 0;
	bottom: -15px;
	padding: 25px;
	color: #ffffff;
}

.snel-links .top-bg{
	background: rgba(0,0,0,0.7);
	position: absolute;
	width: 100%;
	height: 127px;
	top: -5px;
	left: 0;
	z-index: 1;
	border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
}

.snel-links h3{
	z-index: 2;
	margin: 0 0 20px 0;
	padding: 0;
	font-weight: 400;
	position: relative;
}

.snel-links .pijlen i{
	color: #ea6113;
	margin-right:10px;
}

.snel-links ul{
	position: relative;
	z-index: 3;
}

.snel-links ul li{
	font-size: 18px;
	margin-bottom: 10px;
}

.snel-links a{
	color: #ffffff;
}

.ruimte-header .type-label{
	background: #0f3553;
	font-size: 21px;
	height: 60px;
	width: 160px;
	color: #ffffff;
	line-height: 60px;
	text-align: center;
	border-radius: 6px 0 0 0;
	position: absolute;
	top: -89px;
	left: 0;
}

.ruimte-header .prijs-label{
	font-size: 22px;
	height: 60px;
	width: 180px;
	font-weight: 600;
	color: #ffffff;
	line-height: 60px;
	text-align: center;
	border-radius: 0 6px 0 0;
	position: absolute;
	top: -89px;
	left: 160px;
}

.ruimte-header .favorieten-button{
	background: #ffffff;
	width: 45px;
	height: 45px;
	text-align: center;
	line-height: 47px;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	color: #d01c44;
	position: absolute;
	top: -150px;
	left: 0;
	-webkit-box-shadow: 0px 3px 8px 1px rgba(46,46,46,0.4);
	-moz-box-shadow: 0px 3px 8px 1px rgba(46,46,46,0.4);
	box-shadow: 0px 3px 8px 1px rgba(46,46,46,0.4);
}

.ruimte-header .owl-controls i {
    font-size:40px;
}

.ruimte-header .owl-prev {
    width: 45px;
    height: 45px;
    position: absolute;
    top: 40%;
    left:11%;
    margin-left: -20px;
    display: block !important;
    border:0px solid black;
    color:#0f3553;
    background:#0f3553;
    border-radius: 100%;
    text-align: center;
}

.ruimte-header .owl-next {
    width: 45px;
    height: 45px;
    position: absolute;
    top: 40%;
    right:11%;
    display: block !important;
    border:0px solid black;
    color:#0f3553;
    background:#0f3553;
    border-radius: 100%;
    text-align: center;
}

.ruimte-header .owl-controls i {
	font-size:30px;
	color:#fff;
	-webkit-box-shadow: 0px 3px 8px 1px rgba(46,46,46,0.4);
    -moz-box-shadow: 0px 3px 8px 1px rgba(46,46,46,0.4);
    box-shadow: 0px 3px 8px 1px rgba(46,46,46,0.4);
    line-height:45px;
}

/* Opmerking */

.ruimte-opmerking {
	background:rgba(243, 231, 207, 0.4);
	border: 1px solid #fbc996;
	padding: 30px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin-top:80px;
}

.ruimte-opmerking i {
	margin-right:10px;
	font-size:21px;
	color:#ea6113;
	float:left;
}

/* Kenmerken */

.kenmerken-overzicht{
	margin-top: 80px;
}

.kenmerk-box{
	border: 1px solid #dcdcdc;
	padding: 30px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin-bottom: 40px;
}

.kenmerk-icon {
	float:left;
	margin-right:10px;
}

.kenmerk-titel{
	font-size: 32px;
	color: #0f3553!important;
	font-weight: 700;
	margin: 0 0 15px 0;
}

.kenmerk-desc{
	font-size: 18px;
	color: #555555;
	font-weight: 300;
}


/* Locatie */

.locatie-overzicht{
	margin-top: 80px;
}

.locatie-overzicht input[type="submit"] {
	font-weight:700;
	padding:20px 25px 20px 25px;
}

.acf-map {
	width: 100%;
	height: 400px;
	border: #ccc solid 1px;
	margin: 20px 0;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.acf-map img {
   max-width: inherit !important;
}

/* HOE WERKT HET */

.inschrijfprocedure{
	padding-top: 50px;
	padding-bottom: 50px;
}

.procedure-box{
	border: 1px solid #dcdcdc;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	float: left;
	clear: both;
	background:#fff;
}

.procedure-icon{
	float: left;
	width: 25%;
	border-right: 1px solid #dcdcdc;
	font-size: 66px;
	color: #939393;
	text-align: center;
 }

 .procedure-icon i{
 	margin-top: 100%;
 	transform: translateY(-50%);
 }

.procedure-content{
	width: 75%;
	float: left;
	padding: 40px 30px 40px 30px;
}

.procedure-sub{
	color: #939393;
	font-size: 18px;
	font-weight: 300;
}

h3.procedure-titel{
	margin-top: 0;
	margin-bottom: 15px;
	font-size: 18px;
	font-weight: 400;
	color: #0f3553!important;
}

.procedure-desc{
	color: #939393;
	font-size: 14px;
	font-weight: 300;
}

.procedure-link{
	margin-top: 15px;
}

.procedure-link a{
	font-weight: 500;
}

.procedure-link a i{
	margin-right: 5px;
}

/* Direct Reageren */

i.alert{
	color: #d01c44;
	float: left;
}


/* == LOGIN SCREEN == */

.form-login-screen{
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.7);
	width: 100%;
	height: 100%;
}

.login-screen-inner{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
	color: #ffffff;
}

.login-icon{
	font-size: 46px;
}

.login-text{
	margin-top: 20px;
	margin-bottom: 45px;
	font-size: 24px;
}

/* Contentvak */

.contentvak h1 {
	font-size:42px;
}

/* Contactblok */

.contact form input[type="text"] {
	width:100%!important;
}

.contactblok{
	color: #ffffff;
	overflow: hidden;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.contact-foto{
	float: left;
	width: 50%;
	background-position: center center!important;
}

.contact-info{
	float: left;
	width: 50%;
	padding: 40px 30px 40px 30px;
}

.contactblok-titel{
	margin-top: 0;
	margin-bottom: 50px;
	font-weight: 400;
}

.contact-naam{
	display: block;
	font-weight: 400;
	margin-bottom: 5px;
	font-size: 21px;
}

.contact-functie{
	display: block;
	font-weight: 300;
	margin-bottom: 25px;
	font-size: 16px;
}

.contact-email{
	display: block;
	font-weight: 300;
	font-size: 16px;
}

.contact-email a{
	color: #ffffff;
}

.contact-email i{
	margin-right: 10px;
}

.contactblok-button{
	margin-top: 50px;
}

.contact-blok-foto {
	width:100%;
}

.contact-blok-foto img {
	width:100%;
	height:auto;
	border-radius:0px 0px 5px 5px;
}

.contact iframe {
	margin-bottom:70px;
}


/* Social Share */

.social-icoon{
	width: 50px;
	height: 50px;
	float: left;
	margin-right: 30px;
	overflow: hidden;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.social-icoon a{
	display: block;
	width: 100%;
	height: 100%;
	line-height: 52px;
	text-align: center;
	color: #ffffff;
	font-size: 18px;
}

.social-icoon.facebook a{
	background: #3b5998;
}

.social-icoon.whatsapp a{
	background: #50c900;
}

.social-icoon.twitter a{
	background: #1da1f2;
}

.social-icoon.linkedin a{
	background: #008cc9;
}

.social-icoon.email a{
	background: #ededed;
	color: #444444;
}

.gerelateerd-overzicht{
	margin-top: 80px;
}



/*==== POPUP === */


.popup,.scherm-overlay{
	display: none;
}

.popup{
	width: 500px;
	height: auto;
	position: fixed;
	left: 50%;
	top: -200%;
	transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;	
	background: #ffffff;
	z-index: 10;
}

.popup.open{
	display: block;
	top: 50%;
	transform: translate(-50%,-50%);
}

.popup-inner{
	padding: 25px;
}

.scherm-overlay{
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	background: rgba(0,0,0,0.45);
}

.scherm-overlay.open{
	display: block;
}

.popup-sluiten{
	position: absolute;
	right: 15px;
	top: 15px;
	cursor: pointer;
	font-size: 16px;
}

.popup-sluiten .dashicons{
	width: 35px;
	height: 35px;
	font-size: 28px;
}

.open-reactie{
	cursor: pointer;
}



/* === SOCIAL MEDIA WIBECO ===*/

.social-wibeco{
	background: #0f3553;
	padding: 30px 0;
	margin-top: 80px;
	color: #ffffff;
}

.social-wibeco .sectie-titel{
	color: #ffffff;
	font-size: 26px;
}

.social-wibeco-icoon{
	width: 100px;
	height: 100px;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	text-align: center;
	line-height: 102px;
	color: #ffffff;
	font-size: 50px;
	float:right;
}

.social-wibeco a{
	display: block;
	line-height: 100px;
	color: #ffffff;
	font-weight: 500;
	font-size: 21px;
}


/* === EMAILING WIBECO ===*/

.inschrijven-mailing{
	padding: 25px 0;
	font-size: 21px;
	color: #ffffff;
}

.inschrijven-mailing input{
	font-size: 16px;
}

.inschrijven-mailing input[type=submit]{
	background: #0f3553!important;
	padding: 10px!important;
}

.mailing-titel {
	position: relative;
  	top: 50%;
  	transform: translateY(30%);
}

/* === USP === */

.usp h2 {
	margin-bottom:30px;
}

.usp .usp-icoon i {
	font-size:50px;
	margin-bottom:20px;
}

/* === TEAM === */

.team {
	padding-top:50px;
	padding-bottom:50px;
}

.team .medewerker-box {
	margin-bottom:30px;
	border-radius:5px;
}

.team .medewerker-foto {
	width:100%;
	height:300px;
	border-radius:5px 5px 0px 0px;
}

.team .medewerker-details {
	background:#f4f4f4;
	padding:15px;
	min-height:140px;
	border-radius:0px 0px 5px 5px;
}

.team .medewerker-naam {
	font-weight:800;
}

.team .medewerker-functie {
	margin-top:10px;
	margin-bottom:10px;
	text-overflow:ellipsis;
	white-space: nowrap;
	overflow:hidden;
}

/*.team .medewerker-email {
	text-overflow:ellipsis;
	white-space: nowrap;
	overflow:hidden;
}*/

.team .medewerker-email a{
	color:#515151;
}

.team .medewerker-email i {
	margin-right:10px;
	float:left;
}

/* === FORMULIER === */

.formulier input[type="submit"] {
	float:left;
}

.formulier input {
	width:100%!important;
}

.formulier input[type="checkbox"] {
	width:auto!important;
}

.contactblok-button {
	margin-top:30px;
}

.contactblok-button a {
	display: block;
}

/* === CONTACT === */

.contact .contactgegevens {
	background:#f4f4f4;
	padding:25px;
	border-radius:5px 5px 0px 0px;
}

.contact .contactgegevens h3 {
	font-weight:400;
	margin-bottom:20px;
}

.contact iframe {
	width:100%;
}

.contact address img {
	float:left;
	margin-right:10px;
}

.contact .contactgegevens a {
	color:#515151;
}

#gform_submit_button_4 {
	float:left;
}

/* === OPSOMMING  === */

.opsomming ul {
	list-style-type:none;
}

.opsomming ul i {
	position: absolute;
	left:35px;
}

.opsomming ul li {
	margin-bottom:5px;
}

.opsomming-box {
	height:100%;
	border:1px solid #dcdcdc;
	padding:30px;
	padding-left:50px;
	border-radius:6px;
}

/* === FOOTER ===*/

.footer{
	color: #939393;
	padding-top: 50px;
	padding-bottom: 50px;
}

footer h3{
	font-weight: 400;
	color: #0f3553;
	font-size: 18px;
}

.footer-menu{
	padding: 0;
	margin: 0;
}

.footer-menu li{
	list-style-type: none;
	display: block;
}

.footer-menu li a:before{
	content: "- ";
}

.footer a{
	color: #939393;
	cursor: pointer;
}

.footer address img{
	float: left;
	margin-right: 10px;
	margin-top: 10px;
}

.contact-footer-email,.contact-footer-telefoon{
	display: block;
	width: 100%;
	margin-bottom: 20px;
}

.contact-footer-email img,.contact-footer-telefoon img{
	margin-right: 10px;
}

.background-grey{
	background-color: #f7f7f7;
}

/* COLUMN */

.wp-block-column ul {
	margin-top:20px;
	margin-bottom:20px;
}

.wp-block-column ul li::before{
	content: '\f00c';
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900;
	font-size: 12px;
	color:#ea6113;
	margin-right:10px;
}

/* WW VERGETEN */

.lostpassword-submit {
	margin-top:30px;
}

/* SWIPEBOX */

.swipebox-overlay {
	z-index:999999999!important;
	height:100vh;
}

/* CORONA POPUP */

.corona-popup-overlay {
	position: fixed;
	left:0;
	top:0;
	z-index:99999;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.3);
	color:#fff!important;
}

.corona-popup {
	position: fixed;
	width:30%;
	height:auto;
    top: 50%;
    left:50%;
    transform: translate(-50%, -50%);
	background: #ffffff;
	padding:50px;
	text-align: center;
	z-index:999999;
}

.corona-popup-sluiten {
	position: absolute;
	top:20px;
	right:20px;
	color:#000;
	cursor:pointer;
}

/* KAMER VIDEO POPUP */

.kamer-video-popup-overlay {
	display: none;
	position: fixed;
	left:0;
	top:0;
	z-index:99999;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.3);
	color:#fff!important;
}

.kamer-video-popup {
	display: none;
	position: fixed;
	width:40%;
	height:auto;
    top: 50%;
    left:50%;
    transform: translate(-50%, -50%);
	background: #0f3553;
	padding:50px;
	text-align: center;
	z-index:999999;
}

.kamer-video-popup-sluiten {
	position: absolute;
	top:20px;
	right:20px;
	color:#fff;
	font-size:20px;
	cursor:pointer;
}

.kamer-video-popup iframe, .kamer-video iframe {
	width:100%;
}

.kamer-video {
	padding-top:100px;
}