/*
Theme Name: Orcom BV
Theme URI:
Description: 
Version: 1.0
Author: Bens
Author URI: www.bens.nl
Tags:
*/

/*
    \__     __/
     /_/ /\ \_\
    __ \ \/ / __
    \_\_\/\/_/_/
__/\___\_\/_/___/\__
  \/ __/_/\_\__ \/
    /_/ /\/\ \_\
     __/ /\ \__
     \_\ \/ /_/
     /        \ 
*/


@import url('https://fonts.googleapis.com/css?family=Noto+Serif:400,700');


/* ========================================================================= 
////	RESET
=========================================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video 
{margin: 0;	padding: 0;	border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}

/* HTML5 display-role reset voor oude browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none; margin:0; padding:0;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}


/* ========================================================================= 
////	ALGEMENE LAY-OUT en ELEMENTEN
=========================================================================== */
html {margin: 0; padding: 0; overflow-x:hidden; height:100%;}
body {margin:0; padding:0; width:100%; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 13px; color:#555555; line-height: 20px; font-weight: 300; height:100%;}
#wrapper-buiten {margin:0 auto; width:100%; height:auto;}
.content-container {margin:0 auto; width: 1120px; height:auto; padding:0; clear:both; position:relative;}
img {border-style:none; max-width:100%; vertical-align:middle; height:auto;}



/* ========================================================================= 
////	TEKSTEN (basis)
=========================================================================== */
h1 {font-family: 'Noto Serif', Georgia, Times, serif; font-size: 42px; color:#cc1013; font-weight: normal; line-height: 1.10; margin: 0 0 40px 0; padding: 0; letter-spacing: -0.01em;}
h2 {font-family: 'Noto Serif', Georgia, Times, serif; font-size: 34px; color:#cc1013; font-weight: normal; line-height: 1.15; margin: 0 0 40px 0; padding: 0; letter-spacing: -0.01em;}
h3 {font-family: 'Noto Serif', Georgia, Times, serif; font-size: 26px; color:#cc1013; font-weight: normal; line-height: 1.15; margin: 0 0 40px 0; padding: 0; letter-spacing: -0.01em;}
h4 {font-family: 'Noto Serif', Georgia, Times, serif; font-size: 22px; color:#cc1013; font-weight: normal ; line-height: 1.25; margin: 0 0 30px 0; padding: 0; letter-spacing: -0.01em;}
h5 {font-family: 'Noto Serif', Georgia, Times, serif; font-size: 20px; color:#cc1013; font-weight: normal; line-height: 1.25; margin: 0 0 20px 0; padding: 0; letter-spacing: -0.01em;}
h6 {font-family: 'Noto Serif', Georgia, Times, serif; font-size: 18px; color:#cc1013; font-weight: normal; line-height: 1.25; margin: 0 0 0 0; padding: 0; letter-spacing: -0.01em;}
p  {font-family:  'Roboto', Arial, Helvetica, sams-serif; font-size: 16px; color:#333; line-height: 24px; margin: 0; padding: 0; font-weight: 300;}
p.intro {font-family: 'Roboto', Arial, Helvetica, sams-serif; margin:20px auto; font-size:56px; width:auto; display: inline-block; color:#fff; background-color:#f4951f; padding:20px; text-align: center;}
p.subkop {color:#f4951f; font-size:22px; font-weight: 300;}
blockquote, q {font-family: 'Roboto Condensed', Arial, Helvetica, Verdana, sans-serif; font-size: 20px; line-height: 28px; font-weight: 300; margin:0; padding:0; color:#da8a15;}
b, strong {font-weight:700; color:#333;}
hr {border:0; border-top:1px solid rgba(174,169,0,0.3); margin:0; clear:both;}
hr.ruler-wit {border:0; border-top:1px solid rgba(255,255,255,1); margin:0; clear:both;}
.small, sub {font-size:12px!important; font-weight: 300; line-height:12px!important;}
a {text-decoration:none; color:#0088c3;}
a:hover {text-decoration:none;}


/* ========================================================================= 
////	ELEMENT SUFFIX
=========================================================================== */
.clear {clear:both;}
.clear-left {clear:left;}
.clear-right {clear:right;}
.spacer {width:100%; display: block; clear:both; padding:1px 0;}
.off {display:none;}
.overflow {overflow:hidden;}
.overflow-auto {overflow:auto!important;}
.relative {position: relative;}
.absolute {position: absolute;}
.center {text-align:center; margin:0 auto;}
.left {text-align:left; margin:0 auto;}
.right {text-align:right; margin:0 auto;}
.float-left {float:left;}
.float-right {float:right;}
.underline {text-decoration:underline;}
.margin-10 {margin:10px;}
.margin-20 {margin:20px;}
.margin-30 {margin:30px;}
.margin-40 {margin:40px;}
.margin-50 {margin:50px;}
.margin-60 {margin:60px;}
.margin-70 {margin:70px;}
.margin-80 {margin:80px;}
.margin-90 {margin:90px;}
.margin-100 {margin:100px;}
.margin-5-0 {margin:5px auto;}
.margin-10-0 {margin:10px auto;}
.margin-20-0 {margin:20px auto;}
.margin-30-0 {margin:30px auto;}
.margin-40-0 {margin:40px auto;}
.margin-50-0 {margin:50px auto;}
.margin-60-0 {margin:60px auto;}
.margin-70-0 {margin:70px auto;}
.margin-80-0 {margin:80px auto;}
.margin-90-0 {margin:90px auto;}
.margin-100-0 {margin:100px auto;}
.padding-10 {padding:10px;}
.padding-20 {padding:20px;}
.padding-30 {padding:30px;}
.padding-40 {padding:40px;}
.padding-50 {padding:50px;}
.padding-60 {padding:60px;}
.padding-80 {padding:80px;}
.padding-100 {padding:100px;}
.padding-10-0 {padding:10px auto;}
.padding-20-0 {padding:20px auto;}
.padding-30-0 {padding:30px auto;}
.padding-40-0 {padding:40px auto;}
.padding-50-0 {padding:50px auto;}
.padding-0-10 {padding:0 10px;}
.padding-0-20 {padding:0 20px;}
.padding-0-30 {padding:0 30px;}
.padding-0-40 {padding:0 40px;}
.padding-0-50 {padding:0 50px;}
.padding-0-80 {padding:0 80px;}
.padding-40-80 {padding:40px 80px;}
.margin-min-0-30 {margin:0 -30px;}
.width-50 {width:50%;}
.width-60 {width:60%;}
.width-70 {width:70%;}
.width-80 {width:80%;}
.width-90 {width:90%;}
.width-100 {width:100%;}
.tekst-bold {font-weight:600!important;}
.tekst-wit {color: #fff!important;}
.tekst-zwart {color: #000!important;}
.tekst-blauw {color: #0094a8!important;}
.tekst-rood {color: #cc1013!important;}
.achtergrond-wit {background-color:#fff;}
.achtergrond-grijs {background-color:#999999; overflow:hidden;}
.achtergrond-zwart {background-color:#000; overflow:hidden;}
.z-index-9999 {z-index:9999;}
.top-80 {position: relative; top:-80px;}
.top-90 {position: relative; top:-88px;}
.tekst-wit > p {color:#fff!important;}
.tekst-wit > h1 {color:#fff!important;}
.tekst-wit > h2 {color:#fff!important;}
.tekst-wit > h3 {color:#fff!important;}
.tekst-wit > h4 {color:#fff!important;}
.tekst-wit > h5 {color:#fff!important;}
.tekst-wit > h6 {color:#fff!important;}
.one_half.nospace {margin-right:0!important;}
.one_half.last_column.nospace {width:51%!important;}

.button, input.wpcf7-submit {
	background:url(images/knop-achtergrond.png) right center #cc1013;
	border-radius: 20px; 
	-moz-border-radius: 20px; 
	-webkit-border-radius: 20px;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	overflow:auto;
	transition: all 0.25s ease-in-out;
	width:auto;
}
.button:hover, input.wpcf7-submit:hover {background:url(images/knop-achtergrond.png) left center #cc1013;}



/* =========================================================================
////	HEADER, HEADER HOME
=========================================================================== */
.header {margin:0 auto ; max-width:1120px; height:100px; z-index: 9999;}
.nav-height {height:60px; position: relative;}
.nav-groot {position: relative; top:20px; right:40px; z-index: 9999;}
.header-logo {max-height: 150px; position: absolute; margin: auto; top: 0; left: 0; right: 0;  bottom: 0;}
.logo-sticky {position:absolute; top:15px; left:0px; z-index:9999; width:400px; max-height:150px;}
.tekst-in-head {width: 100%; height:500px; text-align: left;}
.tekst-in-head > h2 {position:absolute; bottom:0; left:80px; text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.25);}


/* =========================================================================
////	HOME
=========================================================================== */
.header-afbeelding {max-width:1680px; margin:40px auto 80px;}
.header-achtergrond {width:100%; display: inline-block; height:600px; background:center center no-repeat; background-size: cover;}
.home-wit {position:relative; top:-80px; background:#fff;}
.spacer-actueel {position:relative; top:-80px;}
.vlak-grijs {background:#999999; color:#fff!important;}
.vlak-grijs > p {color:#fff!important;}
.vlak-grijs > h3 {color:#fff!important;}
.vlak-grijs > .content-column > p {color:#fff!important;}
.vlak-grijs > .content-column > h3 {color:#fff!important;}

#header-container, .header-container {width:100%;}
.header-achtergrond.home {height:400px; background-position: center center; background-repeat: no-repeat;}
.header-achtergrond.page {height:600px; background-position: center center; background-repeat: no-repeat;}
.column-container {width:90%; padding:5%;}
.sfeer-home-link {width:100%; height:100%; display:inline-block; background-position: center center; background-repeat: no-repeat; background-size:contain; text-align:center; position:relative; transition: all 0.5s ease-in-out; }
.sfeer-home-link:hover { transition: all 0.5s ease-in-out; -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); background-color:#deeff1;}
.omschrijving-sticky {height:auto; width:100%; display:block; position: absolute; top:45%; text-align: center;}

.hoedoenwedat {width:100%; padding:120px 0 250px 0; background: url(images/proposities-home-bg.jpg) center center no-repeat; background-size:cover; overflow:auto; z-index:1}
.hoedoenwedat2 {width:100%; padding:120px 0 250px 0; background: url(images/sub-hoedoenwedat.jpg) center center no-repeat; background-size:cover; overflow:auto; z-index:1}
.contact-home > .padding-40-80 > .one_third {border-left:1px solid #888; margin-left:-1px;}
.contact-home > .padding-40-80 > .one_third.last_column > p {padding-left:35px;}
.contact-home > .padding-40-80 > .one_third.last_column > h5 {padding-left:35px;}

/* ========================================================================= 
////	PAGE
=========================================================================== */
.main-content p {margin:5px 0; display: block;}
.main-content h1 {margin:60px 0;}
.header-achtergrond.page {height:600px; background-position: center center; background-repeat: no-repeat;}
.symple-tabs > p {margin:0;}

ul.profielen {width:auto; display:block;}
ul.profielen > li {width:32%; display: inline-block; margin-right:1%; margin-bottom:15px;}
ul.profielen > li > p.profiel-naam {width:auto; display:block; padding:10px 20px; background:#0094a8; color:#fff!important;}
.profiel-foto {width:100%; display:block; height:160px; background: center center no-repeat; background-size:cover;}
ul.profielen > li > .achtergrond-grijs .three_fifth.last_column > p {width:auto; display:block; height:auto; padding-left:10px; font-size:14px; line-height:20px;}

.verzekeringen-lijst {margin-bottom: -86px!important;}
.tekst-veld-links {float:right; width:420px; padding:80px 40px 0 0;}
.tekst-veld-links ul {list-style:disc; margin-left:15px; font-size:16px; line-height:24px;}
.tekst-veld-rechts {float:left; width:420px; padding:80px 0 0 40px;}
.tekst-veld-rechts ul {list-style:disc; margin-left:15px; font-size:16px; line-height:24px;}
.verzekeringen-tekst, .verzekeringen-foto {height:500px; background: center center no-repeat; background-size:cover;}
.verzekeringen-icoon {width:93px; height:86px;}
.verzekeringen-foto-mobiel {display: none;}

.content-column > ul {list-style-type: disc; margin-left:15px; font-size:16px; line-height:22px;}
.content-container > .main-content > .padding-40-80 > ul {list-style-type: disc; margin-left:15px; font-size:16px; line-height:22px;}
.tekst-naast-knop { position: relative; top: -12px; left: 15px;}

.blog-meer {float:right; margin-top:10px;}
ul.nieuwsitems > li {border-bottom: 1px solid #cc1013; padding-bottom:60px; margin-bottom:40px;}
ul.nieuwsitems > li:last-child {border-bottom: 0px solid #cc1013; padding-bottom:60px; }

.thumb-user {float:right; margin:0 0 0 10px;}

/* ========================================================================= 
////	SHOW HIDE NAV
=========================================================================== */
.cd-auto-hide-header {
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  background-color: rgba(255,255,255,0.9);
  /* Force Hardware Acceleration */
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  will-change: transform;
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
}
.cd-auto-hide-header::after {
  clear: both;
  content: "";
  display: block;
}
.cd-auto-hide-header.is-hidden {
  -webkit-transform: translateY(-200%);
      -ms-transform: translateY(-200%);
          transform: translateY(-200%);
}





/* ========================================================================= 
////	FOOTER EN SUB CONTENT
=========================================================================== */
/* PARTIJEN */
.sfeerbeelden-blok {width:100%; margin:0 auto; overflow: auto; clear:both;}
.sfeerbeeld-container {margin:0 auto; width:100%;}
.sfeerbeeld-container > ul > li {text-align: center !important; width:25%; margin:0 auto; height:400px; padding:60px 0;overflow: hidden; display:inline-block; float:left;}
.sfeerbeeld-container > ul > li:nth-child(odd) {background:#f5f5f5}
.sfeerbeeld-container > ul > li > a > p {text-align: center; padding:0 80px;}
.sfeerbeeld-container > ul > li > a > p > img.dienst-icoon {transition: all 0.5s ease-in-out; text-align: center; width:120px; height:120px; margin-bottom:20px;}
.sfeerbeeld-container > ul > li > a > p > img.dienst-leesmeer {margin-top:25px;}
.sfeerbeeld-container > ul > li:hover {transition: all 0.5s ease-in-out; background:#ffa9aa;}

li::marker {	
	display: none !important;
	color: #fff;
}



/* ========================================================================= 
////	CONTACT COMMENTS ZOEKEN
=========================================================================== */

/* Contact */
form.wpcf7-form {width:100%; margin:1px; display:block; border: none;}
form.wpcf7-form p {width: 100%; text-align: left; margin:0 0 5px 0; color:#fff;}
.wpcf7-form-control {width:96%; padding:2%; margin:5px 0 20px 0; }
.wpcf7-text, wpcf7-select {border:1px solid #ddd; position: relative;}
.wpcf7-acceptance {width:20px; position:relative; top:2.8px;}
span.wpcf7-checkbox {padding:10px 1%; display:block; }
.wpcf7-list-item-label {font-size: 14px;}
span.wpcf7-list-item {display:block; margin:0!important}
input {border:1px solid #cc1013;}
input:hover {border:1px solid #cc1013}
input:focus {border:1px solid #cc1013}
textarea {border:1px solid #ccc;}
textarea:hover {border:1px solid #cc1013;}
textarea:focus {border:1px solid #cc1013}
select {position:relative; border:1px solid #eee; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(http://www.houtbouwparadyske.nl/wp-content/uploads/2016/09/arrow-down-01-128.png) 98% / 15px no-repeat;}
select::after { content: '';  position: absolute; z-index: 1; right: 16px; top: 50%; margin-top: -8px; display: block; width: 16px; height: 16px; background: url("images/cd-icon-arrow.svg") no-repeat center center; pointer-events: none;}
select::-ms-expand {display: none;}
.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {border:none; background-color:#ff0000; color:#fff; text-align:center; font-family:Georgia, Times, Serif; font-size: 14px; font-weight: 700; letter-spacing:-0.03em; margin: 10px 0;}
span.wpcf7-not-valid-tip {color: #f00; font-size: 1em; text-align: center; width: 100%; margin-top:-15px; display:none;}
input.wpcf7-not-valid {border:1px solid #ff0000; background:#ffeeee; -webkit-box-shadow: 0px 0px 5px 0px rgba(255, 0, 0, 1); -moz-box-shadow: 0px 0px 5px 0px rgba(255, 0, 0, 1); box-shadow: 0px 0px 5px 0px rgba(255, 0, 0, 1);}
div.wpcf7-mail-sent-ok {background-color: #398F14; color:#fff; padding:15px;}
input.wpcf7-submit {margin-top:17px;}

/* Zoeken */
form.zoekbalk {height:30px; width:200px; z-index:2;}
form.zoekbalk > label {float:right; width:200px;}
form.zoekbalk > label > input {height:30px; border:0; position:relative;}
form.zoekbalk > label > input.zoekveld {height:30px; width:140px; margin:0 auto; padding-left:8px; border:1px solid #eee; background:#fff; position:absolute; bottom:-8px; right:0; z-index:3;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out}
form.zoekbalk > label > input:focus {height:30px; width:300px; border:1px solid #004783; -webkit-box-shadow: -200px 0px 10px 0px rgba(255,255,255,0.9); -moz-box-shadow: -200px 0px 10px 0px rgba(255,255,255,0.9); box-shadow: -200px 0px 10px 0px rgba(255,255,255,0.9);
	-webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;}
form.zoekbalk > label > input.zoeken-afbeelding {position:absolute; bottom:-3px; right:10px; height:20px; width:20px; z-index:4;}

/* ========================================================================= 
////	NAVIGATIE - DESKTOP
=========================================================================== */
#cssmenu { margin:0; z-index:1; font-family: 'Noto Serif', Times, Georgia, serif; font-size: 16px; font-weight: 400; text-align: right;}
#cssmenu > ul {margin: 0; padding: 0; position: relative;}
#cssmenu > ul > li { position: relative; display:inline-block;}
#cssmenu > ul > li > a {padding:20px 10px; display: inline-block; color: #666666; text-decoration: none; line-height: 18px;}
#cssmenu > ul > li:hover > a {color:#cc1013;}
#cssmenu > ul > li.active > a {}
#cssmenu > ul > li.menu-item-has-children.has-sub > a:after {font-family: FontAwesome; content: "\f105"; margin-left:10px;}
#cssmenu > ul > li.menu-item-has-children.has-sub:hover > a:after {font-family: FontAwesome; content: "\f107"; margin-left:5px;}
	/*  ==== DROPDOWN ===== */
#cssmenu > ul ul {opacity: 0; visibility: hidden; position: absolute; top: 40px; left: 0%; background:rgba(255,255,255,0.85); margin: 0; padding: 15px; transition: all .1s ease-in-out; z-index:9999;
	-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3);}
#cssmenu > ul li:hover > ul {opacity: 1; top: 60px; visibility: visible; margin: 0; color: #aaa; z-index: 2; transition: all .3s ease-in-out; border-top: 3px solid #cc1013;}
#cssmenu > ul ul li {text-align: left; list-style: none; padding: 0; margin: 0; width: 100%; position:relative;}
#cssmenu > ul ul li a {font-family: Arial, Helvetica, sans-serif; padding: 10px; border-bottom:1px solid #eee; display: block; color: #555; font-size: 14px; text-decoration: none; font-weight:300; width: 200px;}
#cssmenu > ul ul li:last-child a {border:0;}
#cssmenu > ul ul li a:hover {font-weight:400; color:#fff; background-color:#cc1013;}

/* ========================================================================= 
////	NAVIGATIE - MOBIEL
=========================================================================== */
.kleinscherm {display:none;} 
.slidingDiv {height:auto; background-color: #f5f5f5; padding:20px; margin-top:20px;}
.show_hide {display:none; cursor:pointer;}
.menu-knop-klein {display:block; text-align: right; padding:10px 0;}
.menu-knop-klein > h6:before {font-family: FontAwesome; content: "\f0c9"; margin-right:15px; color:#cc1013!important;}
#mobiel {z-index:9999;}
#mobiel > ul > li {text-align:center;}
#mobiel > ul > li > a {font-family:'Roboto', Arial; font-size: 14px; color:#444; font-weight: 700; display:block; padding:20px 0; border-bottom:1px solid #ddd;}
#mobiel > ul > li > a:hover {background-color:#777; color:#fff;}
#mobiel > ul > li.current_page_item > a {background-color:#cc1013; color:#fff;}
#mobiel > ul > li:last-child > a {border-bottom:none;}
#mobiel > ul > li > ul.sub-menu {background-color:#eee;}
#mobiel > ul > li > ul.sub-menu > li {width: 49%; display: inline-block;}
#mobiel > ul > li > ul.sub-menu > li > a {display: block; padding: 10px 0; color: #444; width: 100%; background: #fff; margin: 3px 0;}
#mobiel > ul > li > ul.sub-menu > li.current_page_item > a {background-color:#ccc;}


/* ========================================================================= 
////	FORMATEN
=========================================================================== */
@media only screen and (max-width: 1340px) {

	.sfeerbeeld-container > ul > li > a > p {text-align: center; padding:0 20px;}

}

@media only screen and (max-width: 1200px) {
	.header, .content-container {width:95%;}
	.sfeerbeeld-container, .map-blok, .header-afbeelding, .partij-blok, partij-container {width:100%;}
	.partij-container > ul {width:95%;}
	.interesse-blok {width:95%; padding:2.5%;}
	.grootscherm {margin:0 auto; width:100%;}
	.sfeer-home-link {background-size:cover;}
	.sfeerbeeld-container > ul > li {width:50%;}
	.sfeerbeeld-container > ul > li {height:350px;}
	.sfeerbeeld-container > ul > li:nth-child(odd) {background:none;}
	.sfeerbeeld-container > ul > li > a > p {text-align: center; padding:0 40px;}
	.sfeerbeeld-container > ul > li:hover {transition: all 0.5s ease-in-out; background:#ffa9aa;}

}


@media only screen and (max-width: 980px) {
	.header {margin: 0 auto; height:50px;}
	.nav-height {height:auto;}
	.sidebar {padding-top:20px;}
	.sfeerbeeld-container > ul > li {height:360px;}
	ul.woningtype-lijst > li {width:100%;}
	ul.woningtype-lijst {width:100%;}
	.tekst-veld-links {float:right; width:80%; padding:40px 40px 0 0;}
	.tekst-veld-rechts {float:left; width:80%; padding:40px 0 0 40px;}
	.padding-40-80 {padding:40px;}
	.padding-0-80 {padding:0 40px;}
	.tekst-in-head > h2 {position:absolute; bottom:0; left:40px;}
	ul.profielen > li {width:48%; display: inline-block; margin-right:1%; margin-bottom:15px;}
	.grootscherm, .header-naw, .nav-groot {display:none;}
	.kleinscherm {display:initial; z-index:9999; width:95%;}
	a.show_hide {display:inline-block;}
	.logo-sticky {position:absolute; top:23px; left:0px; z-index:9999; width:250px; max-height:200px;}

}



@media only screen and (max-width: 780px) {	
	
	.sidebar {padding-top:20px;}
	.rond-deco {display: none;}
	.interesse-blok h1, .interesse-blok h2, .interesse-blok h3, .interesse-blok h4 {font-size:20px;}
	.partij-container > ul {width:90%;}
	.partij-container > ul > li {width:48%; float:left; padding:20px 1%;}
	ul.woningtype-lijst > li {width:95.5%;}
	ul.woningtype-lijst:nth-child(2n+2) {width:90%;}
	ul.woningtype-lijst {width:90%; float:left;}
	a.sfeer-home-link > p {display:initial;}
	.padding-40-80 {padding:40px;}
	.hoedoenwedat {padding:40px 0;}
	
	.header-achtergrond {height:380px;}
	.tekst-in-head {width: 100%; height:300px; text-align: left;}
	.tekst-in-head > h2 {position:absolute; bottom:0; left:20px;}
	
	.contact-home > .padding-40-80 > .one_third {border-left:0px; margin-left:0px;}
	.contact-home > .padding-40-80 > .one_third.last_column > p {padding-left:0px;}
	.contact-home > .padding-40-80 > .one_third.last_column > h5 {padding-left:0px;}
	
	.verzekeringen-foto-mobiel {display: inline-block; visibility: 1; width:90%; margin:0 5%; height:300px; background: center center no-repeat; background-size:cover;}
	.verzekeringen-lijst {margin-bottom: -86px!important;}
	.tekst-veld-links, .tekst-veld-rechts {float:none; width:90%; padding:20px 5%; margin:0 auto;}
	.tekst-veld-links ul {list-style:disc; margin-left:15px; font-size:16px; line-height:24px;}
	.tekst-veld-rechts ul {list-style:disc; margin-left:15px; font-size:16px; line-height:24px;}
	.verzekeringen-foto {height:0; background:none;}
	.verzekeringen-tekst {height:700px; background: none;}
	.verzekeringen-icoon {display: none;}
	.one_half.nospace {margin-right:0!important;}
	.one_half.last_column.nospace {width:100%!important;}
	
	form.wpcf7-form p {width: 100%; text-align: left; margin: 0 auto;}
	.wpcf7-form-control {width:92%; padding:4%; margin:10px 0 5px 0;}
	.form-paragraaf {margin: 35px 0 0 0px !important;}
	ul.profielen > li {width:48%; display: inline-block; margin-right:1%; margin-bottom:15px;}
	.profiel-foto {width:100%; display:block; height:220px; background: center center no-repeat; background-size:cover;}
	
}


 @media screen and (max-width: 640px) {
	 
	.padding-40-80, .padding-40 {padding:20px;}
	.padding-0-80 {padding:0 20px;}
	.tekst-in-head > h2 {position:absolute; bottom:0; left:20px; font-size:26px;}
	ul.profielen > li {width:100%; display: inline-block; margin-right:0%; margin-bottom:15px;}
	.profiel-foto {width:100%; display:block; height:280px; background: center center no-repeat; background-size:cover;}
	.sfeerbeeld-container > ul > li {width:100%;}
	.sfeerbeeld-container > ul > li {height:360px;}
	.sfeerbeeld-container > ul > li:nth-child(odd) {background:none;}
	.sfeerbeeld-container > ul > li:hover {transition: all 0.5s ease-in-out; background:#ffa9aa;}
	 #mobiel > ul > li > ul.sub-menu > li {width: 100%; display: block;}
}

 @media screen and (max-width: 480px) {
	.footer-container {width:95%;}
	h1 {font-size:26px;}
	.partij-container > ul > li {width:100%; float:left; padding:20px 1%;}
	a.gallery_image img {width:50%; display:block; text-align:center; float:left;}
}