/* ****************************************************
Created date: 25/01/2010
Last Modified: 30/07/2010
Created by vi@simplefly.vn
***************************************************** */


/* --- CTA BFORMULIER INLINE GUTENBERG BLOCK */
#blok-form-banner{display: table;color: #333;padding: 5px 20px;margin: 2em 0;width: 100%;max-width:50rem;border-radius: 3px;cursor: pointer;border:1px solid #d5d5d5;font-size: 1.2em;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #e1e1e1 69%);
background: -webkit-linear-gradient(top, #ffffff 0%,#e1e1e1 69%);
background: linear-gradient(to bottom, #ffffff 0%,#e1e1e1 69%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e1',GradientType=0 );
}
#blok-form-banner .b-row{display:table-row;}
#blok-form-banner .b-col{display: table-cell;vertical-align: middle;line-height: 1.5;max-width: 500px;}
#blok-form-banner .b-col-rechts{text-align: right;}
#blok-form-banner strong{color:#b61e27;font-size: 1.4em;font-weight: 400;}
#blok-form-banner button{ margin-left:1em;color: #004077; padding: 0.5rem 1.5rem; font-size: 1.3rem; border:2px solid #fff;
background: #edbf3c;
background: -moz-linear-gradient(top, #edbf3c 0%, #f49642 54%, #f49642 54%);
background: -webkit-linear-gradient(top, #edbf3c 0%,#f49642 54%,#f49642 54%);
background: linear-gradient(to bottom, #edbf3c 0%,#f49642 54%,#f49642 54%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edbf3c', endColorstr='#f49642',GradientType=0 );
	
text-shadow: 0 0 0 rgba(0, 0, 0, 0);
    font-family: "Rubik", sans-serif;
    font-weight: 500;
    text-align: center;
    line-height: 1.3;
    letter-spacing: 0.2px;
    display: inline-block;
    border-radius: 3px;
    text-decoration: none;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; cursor: pointer;
     -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1) !important;
  -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1) !important; 
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


#blok-form-banner button:focus,
#blok-form-banner button:hover{
  outline: 0;
  text-decoration: none;
  -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1) !important;
  -moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1) !important; 
}



	@media only screen and (max-width: 900px){
		#blok-form-banner{width:100%;}
	}
	@media only screen and (max-width: 650px){
		#blok-form-banner{padding:20px;text-align: center;}
		#blok-form-banner .b-col{display:block;}
		#blok-form-banner .b-col-rechts{text-align: center;margin-top: 10px;}
		#blok-form-banner strong{font-size:1.3em; line-height:1;}
		#blok-form-banner button{margin:10px 0 0 0;}
	}



/*Nieuw subfooter Pagina's - onderdeel van class = formbanner*/
#offerteblok-paginas{padding:40px 2%!important;width:100%!important;}
#offerteblok-paginas .title{font-family: 'Arvo',serif;font-size: 1.5em;line-height:1.5em;padding-bottom:20px;font-weight:700;}
#offerteblok-paginas select{width: 90%; max-width:250px; display:block;background-color: #fff; padding:8px 10px; height:40px; line-height:40px;margin: 0 auto;color:#666;font-size:1.1em;border:none;position:relative;}
#offerteblok-paginas select:after{content: '\f054'; color:#ccc; font-family: FontAwesome;padding:10px; position:absolute;right:0;top:0; display:block;}

#offerteblok-paginas input.button {
		cursor: pointer;
		font-size: 14px;font-weight: 700;color: #fff;text-transform: uppercase;
		margin: 12px 5px 25px;padding: 10px 35px;	min-width: 180px;height: 50px;display: inline-block;border: 1px solid #d31717;
		-webkit-appearance: none;-moz-appearance: none;	appearance: none;
		-webkit-border-radius: 4px;-moz-border-radius: 4px;-o-border-radius: 4px;-ms-border-radius: 4px;-khtml-border-radius: 4px;border-radius: 4px;
		background-image: -ms-linear-gradient(top, #e83434 0%, #d31717 100%);
		background-image: -moz-linear-gradient(top, #e83434 0%, #d31717 100%);
		background-image: -o-linear-gradient(top, #e83434 0%, #d31717 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e83434), color-stop(1, #d31717));
		background-image: -webkit-linear-gradient(top, #e83434 0%, #d31717 100%);
		background-image: linear-gradient(to bottom, #e83434 0%, #d31717 100%);
	}
#offerteblok-paginas input.button:hover {
		color: #f7e5e5;
		background-image: -ms-linear-gradient(top, #d31717 0%, #d31717 100%);
		background-image: -moz-linear-gradient(top, #d31717 0%, #d31717 100%);
		background-image: -o-linear-gradient(top, #d31717 0%, #d31717 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d31717), color-stop(1, #d31717));
		background-image: -webkit-linear-gradient(top, #d31717 0%, #d31717 100%);
		background-image: linear-gradient(to bottom, #d31717 0%, #d31717 100%);
  }




/*Cookie */

table.cookie-table{display:table;  border: 2px solid #ccc;    margin: 0 0 30px;}
table.cookie-table tbody{display: table-row-group;}
table.cookie-table tbody tr{display: table-row;}
table.cookie-table tbody tr td{display: table-cell;    padding: 3px 10px;    vertical-align: top;    font-size: 0.9em;  border-bottom: 1px solid #ccc;}


.gform_wrapper li.voorwaarden,
 .gform_wrapper li.voorwaarden{font-size: 0.9em;}
.gform_wrapper li.voorwaarden .gfield_label{display:none!important;}
.gform_wrapper li.voorwaarden .gfield_label{display:none!important;}
.gform_wrapper li.voorwaarden ul li label{padding-left:10px!important;}

#cookie-notice{/*background-color: #ccc;*/}
#cookie-notice .cookie-notice-container{
	display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    padding: 1.25rem 1.25rem 0.75rem;
    margin: 0 auto;
    max-width: 75rem;text-align:center;}
#cookie-notice .cookie-notice-container > span {/*color: #484d5c;*/font-size: 1.15rem;font-style: italic;
    float: left;text-align: left;padding-right: 0.9375rem;}
#cn-notice-text a:link, #cn-notice-text a:visited, #cn-notice-text a:active { text-decoration: underline; color: #0072bc;} /* --- wijzigen kleur */

/* visited link */
#cookie-notice a.avg-button:hover {color: #2B2B2B;}
#cookie-notice a.avg-button:link, #cookie-notice a.avg-button:visited, #cookie-notice a.avg-button:active{ /* --- wijzigen kleur */
	background: #000!important;color: #fff;margin: 0;
	 font-size: 1.275rem;
	float:right;
	padding: 0.9375rem 2.375rem 0.9375rem 2.375rem;
    overflow: hidden;
    height: auto;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    text-decoration: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    white-space: nowrap;
    border: 0 solid #2e6da4;
    border-radius: 0.625rem;
    margin-bottom: 0;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
   }

@media only screen and (max-width: 750px) { 
	#cookie-notice{text-align: center;}
	#cookie-notice .cookie-notice-container{padding:10px;display: inline-block;width:100%;text-align:left;}
	#cookie-notice .cookie-notice-container > span {font-size:0.8rem;padding-right:0;}
	#cookie-notice a.avg-button:link, #cookie-notice a.avg-button:visited, #cookie-notice a.avg-button:active{ font-size: 1.1rem;margin: 10px auto;float:none;}
	
}

/* MODL POPUP (niet ouibounce) - bedankt PAGINA ============================================================================= */
#model-popup{display: none;position: fixed; top: 0;left: 0; width: 100%; height: 100%;z-index:999990;overflow: hidden;}
	#model-popup .model-underlay{ width: 100%;height: 100%; position: absolute;top: 0;left: 0;background-color: rgba(0,0,0,0.8);cursor: pointer
		-webkit-animation: fadein .5s; animation: fadein .5s}
	#model-popup .model-div{margin: 0  auto;position:relative;width:100%; height:100%;top: 0;right: 0; bottom: 0;left: 0;text-align: center;overflow-y: auto;
		-webkit-overflow-scrolling: touch;}
	#model-popup  .model-div .model-outsidebody{width: 100%;height: 100%; position: fixed;top: 0;left: 0;}
	#model-popup .model-div .model-body{display: table;  width:90%;max-width: 1100px; float:none;padding:0;margin: 0  auto;z-index:999999;height: 100%;}
	#model-popup .model-div .model-body .model-b-inner{display: table-cell;vertical-align: middle;width: 100vw;height: 100vh;position: relative;}
	#model-popup .model-div .model-body .model-b-final{width:100%;display: inline-block; background-color:#fff;min-height: 300px;margin:15px 0;}
	#model-popup .model-div .animatie-top{ -webkit-animation: bottom-to-top .3s; -moz-animation: all 0.3s; animation: bottom-to-top .3s;}

	#model-popup .model-div .model-body .model-b-final .model-titel{width:100%;display: inline-block;padding:10px;background-color:#494949;}
#model-popup .model-div .model-body .model-b-final .model-titel h3{font-size:1.2rem;font-family: sans-serif;font-weight:normal;display: inline-block;color:#fff;line-height:30px;}
	#model-popup .model-div .model-body .model-b-final a.model-closebtn{float:right;}
#model-popup .model-div .model-body .model-b-final a.model-closebtn:before{color:#000;content:"\f00d";font-family: FontAwesome;font-size:20px;display: inline-block;padding:0;background-color:#fff;border-radius:100%; height:30px;width:30px;line-height:30px; text-align:center; 
	-webkit-font-smoothing: antialiased;-webkit-text-stroke: 1px #fff;}

	#model-popup .model-div .model-body .model-b-final .model-inhoud{width:100%;display: inline-block;padding:20px;}

/*reset bform normaal voor dialog*/
#main-container .bform .model-b-final .gform_wrapper { margin: 0 auto;}
#main-container .bform .model-b-final .gform_wrapper .gform_footer{text-align: center;}
#main-container .bform .model-b-final .gform_wrapper .gform_footer input[type="submit"]{margin:10px auto;}



#main-container .bform .gform_wrapper ul .bform-compleet{/*display:none;*/max-height: 1500px;transition: max-height 0.25s ease-in;}
#main-container .bform .gform_wrapper ul .bsection-off{max-height: 0;transition: max-height 0.15s ease-out;overflow: hidden;}
#main-container .bform .gform_wrapper ul .gsection{margin-bottom: 10px!important;}
#main-container .bform .gform_wrapper ul .gsection h2.gsection_title{display:inline-block;}
#main-container .bform .gform_wrapper ul .gsection h2.oke:before{color:#409c1e;content:"\f00c";font-family: FontAwesome;font-size:12px;display: inline-block;padding:0;margin-right:10px;}
#main-container .bform .gform_wrapper ul .gsection a.collapsebtn{float:right;}
#main-container .bform .gform_wrapper ul .gsection a.collapsebtn:before{color:#494949;content:"\f0d7";font-family: FontAwesome;font-size:12px;display: inline-block;padding:0;background-color:#fff; border-radius:100%; height:20px;width:20px;line-height:20px; text-align:center;}
#main-container .bform .gform_wrapper ul .gsection a.collapsebtn:hover{text-decoration: none;}

	@media only screen and (max-width: 810px) {
		#model-popup .model-div .model-body{width:100%;}
		#model-popup .model-div .model-body .model-b-final{margin:0;}
	}


.gform_wrapper .warningTextareaInfo{display:none;}

/* BEDANKT PAGINA ============================================================================= */
/* introductie succes */
#confirm-intro{}
#confirm-intro blockquote{background-color:#f1f1f1;margin:0 0 20px 0;padding:25px; }
.ending{width:100%; display: block;float:left;clear:both;}

/* formulieren buttons */
#confirm-rows{display:block;padding:0; margin: 0 auto;width:69%;max-width: 940px;float:left;}
#confirm-rows:after{content:''; }

#confirm-rows .confirm-cards{width:99%; height: 75vh; margin-bottom:100px;border:none;}
.confirm-cards ul {width:100%;display: inline-block; position: relative;}
.confirm-cards ul li{width:98%;display:table;position: relative;float: left; clear:both;margin:0 0 10px 0;padding:0; border:1px solid #e7e6e6; background-color:#fff;}
.confirm-cards ul li:hover{
	border:1px solid #ccc;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
}
.confirm-cards ul li.bform-empty{border:none;}
.confirm-cards ul li.bform-empty:hover{background:#fff!important;}

.confirm-cards ul li a{display: table-cell;vertical-align: middle;}
.confirm-cards ul li a:hover{text-decoration: none;}

.confirm-cards ul li a.bform-info{text-align: center;padding:15px 2% 15px;; overflow: auto;position: relative;}
.confirm-cards ul li a.bform-btn {width:140px;position: relative;}
.confirm-cards ul li a.bform-btn span{padding:5px 15px; max-width: 140px;display: inline-block; margin-right:15px;font-weight: bold;}
.confirm-cards ul li a.bform-besparen span{ color:#494949; border:3px solid #fff; 
	background: #edc13d;
	background: -moz-linear-gradient(top, #edc13d 13%, #f49740 57%, #ef9746 100%);
	background: -webkit-linear-gradient(top, #edc13d 13%,#f49740 57%,#ef9746 100%);
	background: linear-gradient(to bottom, #edc13d 13%,#f49740 57%,#ef9746 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edc13d', endColorstr='#ef9746',GradientType=0 );
}

.confirm-cards ul li a > div{display: inline-block;float:left;clear: both;margin: 0;}
.confirm-cards ul li a.bform-icon{width:75px;position: relative}
.confirm-cards ul li a.bform-icon span{position: relative;}
.confirm-cards ul li a.bform-icon span:before{content:"\f205";font-family: FontAwesome;font-size:30px;color:#494949;display: inline-block;width:75px; text-align: center;padding:0;margin:0 8px 0 0; -webkit-font-smoothing: antialiased;-webkit-text-stroke: 0.5px #ffffff;} 

.confirm-cards ul li a .bform-title{width:100%;color:#b71e27; font-size:1.3em;font-weight: bold;}
.confirm-cards ul li a .bform-subline{padding-top: 5px;width:100%;color:#555;text-align:center;}
.confirm-cards ul li a .bform-taxname{display:inline-block; width:auto;padding:5px 15px; margin:0 10px 0 0; background-color:#fff;border:1px solid #e7e6e6;font-size:0.8em; font-weight: bold; border-radius:3px; color:#494949;text-transform: uppercase;}
.confirm-cards ul li a .bform-taxname span{font-weight:normal; font-size:0.9em;}

.confirm-cards ul li a .bform-aant{display:inline-block; color:#555;font-size:0.9em;}
.confirm-cards ul li a .bform-aant strong{color:#409c1e;font-weight: bold;}

.confirm-cards ul li.bform-voltooid{background-color:#e3e8e2;border: none;}
.confirm-cards ul li.bform-voltooid a.bform-info{padding:0 2%;}
.confirm-cards ul li.bform-voltooid .bform-title,
.confirm-cards ul li.bform-voltooid .bform-aant{display: none;}
.confirm-cards ul li.bform-voltooid:hover{background:#e3e8e2;}
.confirm-cards ul li.bform-voltooid a.bform-icon span:before{content:"\f00c";font-family: FontAwesome;color:#409c1e;-webkit-text-stroke: 0.5px #e3e8e2;}
.confirm-cards ul li.bform-voltooid a .bform-subline{text-align: left;}
.confirm-cards ul li.bform-voltooid a .bform-taxname{background-color:transparent;text-transform: none;color:#409c1e;border:none;font-size:1.3em;font-weight:bold;padding:0;}

/*sidebar ============================================================================= */
.bform-sidebar .cls-widget{border:none!important;box-shadow: none!important;text-align: center!important;}

@media only screen and (max-width: 810px){
	#confirm-rows{width:100%;padding: 0 3%;}
	#confirm-rows .confirm-cards{height:auto;margin:0 auto;}
	.confirm-cards ul li{padding:15px 3%; border:none;}
	.confirm-cards ul li.form-js:nth-child(odd){background-color:#f2f2f2;}
	.confirm-cards ul li:hover{border:none;}
	.confirm-cards ul li a{display: inline-block;}
	.confirm-cards ul li a.bform-icon,
	.confirm-cards ul li a .bform-subline{display: none;}
	.confirm-cards ul li a.bform-info{width: 100%;padding-top:0;}
	.confirm-cards ul li a.bform-btn{width: 100%;text-align: center;}
	.confirm-cards ul li a.bform-besparen span{margin:0;}
	.confirm-cards ul li a.bform-icon span:before{margin:0;width:auto;}
	
	/*voltooid */
	.confirm-cards ul li.bform-voltooid{padding:0 3%;}
	.confirm-cards ul li.bform-voltooid a.bform-icon,
	.confirm-cards ul li.bform-voltooid a .bform-subline{display: inline-block;}
	.confirm-cards ul li.bform-voltooid a.bform-info{width:auto;}
	.confirm-cards ul li.bform-voltooid a.bform-btn{position: absolute; top: 0;right: 0;width:auto;}
	
	.bform-sidebar{padding: 0 3%;}
	
}





/* Gravity forms ============================================================================= */
.help-block{display: block;margin: 0;clear: both;color: #737373;font-size:0.9em;}

#field_1_2, #field_1_4, #field_1_7, #field_1_19, #field_1_11, #field_1_14, #field_1_18, #field_1_22{background-color: #f8f8f8!important;}

/*custom fields */
body .bform .gform_wrapper .postcode-js input[type="text"]{text-transform: uppercase;}
body .bform .gform_wrapper .plaats-js input[type="text"]{background-color:#f1f1f1;}
body .bform .gform_wrapper .straat-js input[type="text"]{background-color:#f1f1f1;}
body .bform .gform_wrapper .postcode-js .gfield_description{font-size:0.8em!important;}
body .bform .gform_wrapper .width-90 input{width: 90px!important;max-width:90px;}


/*ALGEMEEN FIELDS  */
#main-container .bform .gform_wrapper{font-size: 0.9em;width:100%;max-width: 600px;}
#main-container .bform .gform_wrapper  ul li.gfield {margin:0;padding:0.7em 0;width: 100%;display: inline-block;}
#main-container .bform .gform_wrapper .gfield_description{padding:5px 0;font-size: 1em;width:70%!important;}
#main-container .bform .gform_wrapper .gfield_label{width:30%;text-align:right;font-weight:700;margin:0;padding:3px 10px 0 0;}
#main-container .bform .gform_wrapper .gfield_required{display:none;}

@media only screen and (max-width: 600px) {
	#main-container .bform .gform_wrapper  .gfield_description{width: 100% !important;}
	#main-container .bform .gform_wrapper  ul li.gfield {padding:2% 5%;}
	#main-container .bform .gform_wrapper .gfield textarea{width:100%!important;max-width:100%;}
}

/* SECTION */
#main-container .bform .gform_wrapper ul li.gsection {margin:0;padding: 0;padding: 2px 10px;background-color: #e7e6e6!important;}
#main-container .bform .gform_wrapper h2.gsection_title{font-size: 1.2em; color: #036;font-weight: bold!important;font-family: sans-serif;-webkit-text-size-adjust: 100%;}


/* input::ALL*/
.bform .gform_wrapper input{max-width: 220px;display: inline-block;}
/* input:: radio */
.bform .gform_wrapper ul.gfield_checkbox,.gform_wrapper ul.gfield_radio{margin:0!important;}
.bform .gform_wrapper ul.gfield_checkbox li, .gform_wrapper ul.gfield_radio li{overflow: visible !important;}
.bform .gform_wrapper ul li.field_description_below div.ginput_container_checkbox, body .gform_wrapper ul li.field_description_below div.ginput_container_radio{margin:0!important;}
.bform .gform_wrapper ul.gfield_checkbox li label, .gform_wrapper ul.gfield_radio li label{font-size:1em;}
.gform_wrapper ul.gfield_radio li span{display:inline-block!important;}

/* input:: text*/
.bform .gform_wrapper  .gfield input[type="text"]{
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.5;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
	.bform .gform_wrapper input[type="text"], .bform .gform_wrapper input[type="email"], .bform .gform_wrapper input[type="tel"]{
	padding: 5px 10px;
	font-size: 14px;
	line-height: 1.5;
	border-radius: 3px;
}
/* input:: textarea */
.bform .gform_wrapper  .gfield textarea {
	vertical-align: middle;
	font-size:0.9em;
    max-width: 220px;
	padding: 6px 12px;
	background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.gform_wrapper .left_label input.large, .gform_wrapper .left_label select.large, .gform_wrapper .left_label textarea.large, .gform_wrapper .left_label textarea.medium, .gform_wrapper .left_label textarea.small, .gform_wrapper .right_label input.large, .gform_wrapper .right_label select.large, .gform_wrapper .right_label textarea.large, .gform_wrapper .right_label textarea.medium, .gform_wrapper .right_label textarea.small{width:60%!important;}

/*input: focus  */
.bform .gform_wrapper  .gfield input:focus, .bform .gform_wrapper  .gfield textarea:focus {
    border-color: #66afe9;
	color:#000;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

/*FOOTER */
.bform .gform_wrapper .gform_footer{padding:0!important;margin-left:0!important;width:100%!important;}

.bform .gform_wrapper .gform_footer input[type="submit"]{
	display: inline-block;max-width:80%;
	margin: 0 10%; padding: 8px 25px;
	color:#fff;	font-size:1.7em;font-weight: 700; letter-spacing: 1px;
	border:1px solid #39a90e;
	border-radius: 7px;
	background: #57b118;
	background: -moz-linear-gradient(top, #57b118 0%, #029c00 54%);background: -webkit-linear-gradient(top, #57b118 0%,#029c00 54%);background: linear-gradient(to bottom, #57b118 0%,#029c00 54%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57b118', endColorstr='#029c00',GradientType=0 );
   -webkit-box-shadow: 5px 5px 5px -7px rgba(0,0,0,0.17);-moz-box-shadow: 5px 5px 5px -7px rgba(0,0,0,0.17);box-shadow: 5px 5px 5px -7px rgba(0,0,0,0.17);
}

/*SUBMIT BTN */
.bform .gform_wrapper .gform_footer input[type="submit"]:hover{
	border:1px solid #067b01;
	cursor:pointer;
	background: #55b017;
	background: -moz-linear-gradient(top, #55b017 0%, #038e01 54%);background: -webkit-linear-gradient(top, #55b017 0%,#038e01 54%);background: linear-gradient(to bottom, #55b017 0%,#038e01 54%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55b017', endColorstr='#038e01',GradientType=0 );
}

/*LIVE ERROR ICONS */
/*succes radio*/
.bform .gfield .validate-radio label:after{	position:absolute;display: inline-block!important;margin:0 0 0 10px;padding:0;width:20px;height:20px;line-height:20px;content: '\f00c';font-family: FontAwesome;font-size:16px;	color:#55b017;}
/*global -succes - error inputveld*/
.bform .gfield .validate-input{display: inline-block!important;margin:0 0 0 10px;padding:0;}
.bform .gfield .validate-input:after{display: inline-block; padding:0;width:20px;height:20px;line-height:20px;font-family: FontAwesome;font-size:16px;}
.bform .gfield .success:after{content: '\f00c';color:#55b017;}
.bform .gfield .error:after{content: '\f05e';color:#A74042;}



/*ERROR MESSAGES */
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container{margin:0!important;}
.gform_wrapper .gfield_error .gfield_label{color:#a94442!important}
.gform_wrapper li.gfield_error div.ginput_complex.ginput_container label, .gform_wrapper li.gfield_error ul.gfield_checkbox, .gform_wrapper li.gfield_error ul.gfield_radio{color:#a94442!important}
.gform_wrapper div.validation_error{
	background: #F4D5D5;
	border-top: 10px solid #9E0B0F!important;
	color: #333;
font-weight: normal!important;
margin-bottom: 15px!important;
border-right: 1px solid #D8A8AF!important;
border-left: 1px solid #D8A8AF!important;
border-bottom: 1px solid #D8A8AF!important;
padding: 4px 0!important;}

body .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half){max-width:calc(100%) !important}
body .gform_wrapper li.gfield.gfield_error, body .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning{background-color:transparent!important;margin-bottom:0!important;margin-top:0!important;border:none!important;}
body .gform_wrapper .gform_body .gform_fields .gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .gform_wrapper li.gfield_error textarea{color:#a94442!important;}



/* Body ============================================================================= */
body {outline: 0;line-height: 1.8; overflow-x: hidden;height: 100%;width: 100%;color: #494949;font-family: 'Lato', sans-serif;}
body.ie {letter-spacing: 0;}	
a {color: #0072bc;text-decoration: none;outline: none;}
a:hover {text-decoration: underline;}
input:focus, select:focus, textarea:focus, button:focus {outline: none;}
* {
	-webkit-tap-highlight-color: transparent;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}


/* Op de homepagina onder top 6 */
.homepagecards .cardnro_1{width:27%;}
.homepagecards .cardnro_2{width:28%;}
.homepagecards .cardnro_3{width:38%;}
.homepagecards .cardnro_7{width:38%;}
.homepagecards .cardnro_8{width:28%;}
.homepagecards .cardnro_9{width:27%;}

.klik_verbouw{width:100%;display:inline-block;clear:both;padding-bottom:20px;text-align:center;}
.klik_verbouw a{text-decoration:underline;}


/* cards in categorie pagina ============================================================================= */
.h2_card h2{display:block; width:100%;font-size: 20px;line-height: 1.4 !important;margin:0; font-family: 'Arvo',serif;color:#d41919;text-align:left;}
.cat_cards{width:100%; display:block;text-align:center;padding:1% 0;}
	.cat_cards a{width:31%;display:inline-block;vertical-align:top;margin:2% 1%; overflow:auto; text-align:left;position: relative;
	-webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.12);
	-moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.12);
	box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.12);}
	
	.cat_cards .card_image{width:100%;display:block;height:105px;background-position:center; background-size:cover;background-color:#e6e6e6;
	/*Animation*/
	 -webkit-transition: height .2s;
		-moz-transition: height .2s;
		  -o-transition: height .2s;
		 -ms-transition: height .2s;
			 transition: height .2s;
	}
	.cat_cards .card_descr{display:block;padding:2% 5%;margin:2% 0;color:#6e707f;font-size:1em;height:120px; float:left;clear:both;overflow:hidden; z-index: 2; position: relative; 
	/*Animation*/
	 -webkit-transition: height .2s;
		-moz-transition: height .2s;
		  -o-transition: height .2s;
		 -ms-transition: height .2s;
			 transition: height .2s;}
	.cat_cards .card_descr span{
		-o-transition:.5s;
	  	-ms-transition:.5s;
	  	-moz-transition:.5s;
	 	-webkit-transition:.5s;
	  	transition:.5s;}
	.cat_cards .card_title{display:inline-block;font-size:1.2em;color:#000;}
	.cat_cards .card_link{display:inline-block;padding:10px 25px; background-color:#fff;color:#0072bc;; float:left;clear:both; margin:0px; z-index: 2; position: relative; }
	.cat_cards .card_link:before{content: '\f054'!important; color:#ccc; font-family: FontAwesome!important;display: inline-block!important; padding-right:10px;}
	
	  .cat_cards a:hover{ text-decoration:none;}
	  .cat_cards a:hover .card_image{ height:120px;}
	  .cat_cards a:hover .card_descr{height:105px;}
	  .cat_cards a:hover .card_descr span{ opacity:0.4;}
	  
	.cat_cards a.cardnr_1{width: 47%;border:none; background-color:#5d514a;padding-top:15px;margin:2% 0.8%;
		-o-transition:.2s;
	  -ms-transition:.2s;
	  -moz-transition:.2s;
	  -webkit-transition:.2s;
	  transition:.2s;}
	.cat_cards a.cardnr_1:hover{background-color:#312525;/*5d514a*/}
	.cat_cards a.cardnr_1 .card_image{height:100%;position: absolute;bottom:0;left:0;opacity: 0.2;}
	.cat_cards a.cardnr_1 .card_title{position:relative;z-index:2;font-size:1.7em;color:#fff; font-weight:700;font-family: 'Arvo',serif;padding-top:25px;}
	.cat_cards a.cardnr_1 .card_descr{font-size:1.2em;color:#fff;height:190px; font-weight:normal;}
	.cat_cards a.cardnr_1 .card_link{color:#fff; background-color:#d41919; margin:10px 10px;}
	.cat_cards a.cardnr_1 .card_link:before{color:#fff;}
	
	.cat_cards a.cardnr_2{width: 48%;}
	.cat_cards a.cardnr_2 .card_descr{font-size:1.1em;}
	
	.cat_cards a.cardnr_3{}
	.cat_cards a.cardnr_4{}
	.cat_cards a.cardnr_5{}
	
	/* vervolg cards onder in categorie pagina ============================================================================= */
	.cat_cards_onder a{height:200px;}
	.cat_cards_onder .card_image{position:absolute;top:0;left:0;height:100%;width:100%;}
	.cat_cards_onder a:hover .card_image{height:100%;}
	
	.cat_cards_onder .card_descr{position:absolute;bottom:0;left:0;height:auto;width:100%;margin:0; padding:0 0 4% 0;
	-o-transition:.3s;
	  -ms-transition:.3s;
	  -moz-transition:.3s;
	  -webkit-transition:.3s;
	  transition:.3s;}
	.cat_cards_onder .card_descr .card_title{width:94%;margin:0 auto;padding:2% 5%;background-color:#fff;display:block;opacity:0.9;
	-o-transition:.1s;
	  -ms-transition:.1s;
	  -moz-transition:.1s;
	  -webkit-transition:.1s;
	  transition:.1s;}
	.cat_cards_onder a:hover .card_descr{height:auto; padding:0 0 5% 0;}
	.cat_cards_onder a:hover .card_title{opacity:1;padding:5% 5%;}

	@media only screen and (max-width: 810px) {
		.cat_cards a{width:80%!important;}
		.cat_cards a.cardnr_1 .card_title{padding-top:0;font-size:1.4em;line-height:1.3em;}
		.cat_cards a.cardnr_1 .card_link{margin:0;padding:5px 10px;width:100%;}
		.cat_cards .card_descr{height:115px;}
		.cat_cards_onder .card_descr{height:auto;}
		.cat_cards_onder .card_descr .card_title{font-size:0.9em;opacity:1;}
		ul.cat_split li{display:block!important;width:100%!important;}
		
	}
	
/* Categorieen onderaan in categorie pagina ============================================================================= */

/*categorieen */
.breedtecolomn{max-width: 720px; margin: 0 auto;}
.category-part{display: table;border-collapse: separate;width:100%;margin:20px 0;}
.category-part .row{display: table-row;background: #f3f3f3;
background: -moz-linear-gradient(top,  #f3f3f3 0%, #ffffff 100%);background: -webkit-linear-gradient(top,  #f3f3f3 0%,#ffffff 100%);background: linear-gradient(to bottom,  #f3f3f3 0%,#ffffff 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff',GradientType=0 );}
.category-part ul{display:table-cell;vertical-align: top;width:33%;padding:0;margin:0;}
.category-part ul li{display:block;width:100%;vertical-align: top;position:relative;}
.category-part ul li.first{padding:8px 15px;background-color:#494949;color:#fff;font-family: 'Arvo',serif;font-size: 1.2em;margin-bottom:10px;}
.category-part ul li a{font-size:1.0em;padding: 0.5% 5% 0.5% 15%;display: block;position:relative;}
.category-part ul li a:before{content: '\f054'!important; color:#ccc; font-family: FontAwesome!important;display:block; position:absolute;top:0;left:6%;}

.category-part ul.cat_meercats{text-align: center;color:#fff;background-color:transparent;}
	.category-part ul.cat_meercats li{ }
	.category-part ul.cat_meercats li.cat_facebook{padding-bottom:20px;/*display:none;*/}
	.category-part ul.cat_meercats li.cat_vergelijk{background-color: #d41919;padding:10% 5%;margin-left:1px;/*margin-bottom:3%;*/}
	.category-part ul.cat_meercats li select {width: 90%; display:block;background-color: #fff; padding:8px 10px;margin: 0 auto;color:#666;font-size:1.1em;border:none;position:relative;}
	.category-part ul.cat_meercats li selec:after{content: '\f054'; color:#ccc; font-family: FontAwesome;padding:10px; position:absolute;right:0;top:0; display:block;}
	.category-part ul.cat_meercats li input{display:inline-block;
	cursor: pointer;
    font-size: 1em;;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
    margin: 20px 0 0;
    padding: 12px 25px;
    min-width: 180px;
	border:none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	background-image: -ms-linear-gradient(top,#fff 0,#E9DEDE 100%);
    background-image: -moz-linear-gradient(top,#fff 0,#E9DEDE 100%);
    background-image: -o-linear-gradient(top,#fff 0,#E9DEDE 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(1,#E9DEDE));
    background-image: -webkit-linear-gradient(top,#fff 0,#E9DEDE 100%);
    background-image: linear-gradient(to bottom,#fff 0,#E9DEDE 100%);
	}
	.category-part ul.cat_meercats .title{font-family: 'Arvo',serif;font-size: 1.5em;line-height:1.5em;padding-bottom:20px;}

	/*SPLITSEN BIJ CATS*/
	ul.cat_split{width:66%;height:100%;}
	ul.cat_split li{width:49%;display:inline-block;}
	ul.cat_split li.cat_facebook{}
	ul.cat_split li.cat_vergelijk{margin:0!important;padding:0!important;height:100%!important;}
	ul.cat_split li.cat_vergelijk .title{padding: 20% 0 8%;}
	ul.cat_split li.cat_vergelijk form{padding: 0 0 25%;}
	

	/*facebook*/

#facebook-blok{width:100%;	 display: inline-block; }
#facebook-blok a{display:inline-block; position: relative;width:100%; padding:8px;background-color:#ccc;	background-image: url(../images/verbouw-info.jpg);background-repeat: no-repeat; background-size: cover;  text-align: left;}
#facebook-blok a:before{display:none;}
#facebook-blok a:hover{text-decoration: none;}
#facebook-blok img{z-index:2;position: relative;float:left;	margin-right:4px;    border: 2px solid #fff;    box-shadow: 0 1px 6px rgba(0, 0, 0, .5);}
#facebook-blok .f-text{z-index:2;position: relative;font-size:0.9em;	color:#fff;line-height:1.48em;text-shadow: 0 2px 4px rgba(0, 0, 0, .9);}
#facebook-blok .f-text strong{font-size:1.4em;}
#facebook-blok .f-like{ z-index:2;position: relative;border: 1px solid rgba(0, 0, 0, .12);background-color:#f1f1f1;display:inline-block; line-height:22px; color:#4b4f56;border-radius: 2px;    font-size: 12px;    -webkit-font-smoothing: antialiased;    font-weight: bold;padding:0 8px;cursor: pointer;    float:left; clear: both;    margin-top: 30px;}
#facebook-blok .f-like:before{content: '\f082'; font-family: FontAwesome;	color:#3b5998; padding-right:10px; display:inline-block;}
#facebook-blok .f-overlay{z-index:1;position: absolute; top:0; left:0; width:100%;height:100%;display:block;background: linear-gradient(to bottom, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, 0) 100%);}


	/*Partners blok*/
	ul.cat_meercats .partners{padding-top:5px;position:absolute; bottom:0; right:200%;width:100%;}
	ul.cat_split .partners{position:relative; top:0; right:0;}
	.partners a, .partners a:hover{display:inline-block!important;text-decoration:none;border:0;padding:0!important;margin:0;}
	.partners a:before{display:none!important;}
	.partners a img{border:0;display:inline; padding: 0 5px;}
	
	@media only screen and (max-width: 810px) {
		.category-part ul{display:block;width:100%;}
		.category-part ul li.first2{display:none;}
		.category-part ul li a{padding:1% 5% 1% 15%;}
		.category-part ul li a:before{top:5px;}
		.category-part ul.cat_meercats{margin:10px 0;} 
		.category-part ul.cat_meercats li.cat_vergelijk{margin:10px 0!important;}
		ul.cat_meercats .partners{position:relative; top:0; right:0;}
	}


/* Header ============================================================================= */
#header {
	box-shadow: 0 1px 2px 1px rgba(0,0,0,.1);
	width: 100%;
	position: absolute;
	top: 0;
	z-index: 11000;
	background-color: #fff;
}
#header .h-inner {
	height: 100%;
	width: 100%;
	max-width: 940px;
	padding: 0 1%;
	margin: 0 auto;
	display: table;
}
.pad {
	display: table-cell;
	width: auto;
}
/* logo*/
#header a.logo {
	text-align: left;
	padding: 0;
	margin: 0;
}
#header a.logo img {vertical-align: top;
	margin: 0px;
	max-width: 100%;
	max-height: 90px;
}

@media only screen and (max-width: 810px) {
#header {
	position: fixed!important;
	top: 0px;
}
#header .h-inner {
	padding: 0 0 0 3%;
	width: 100%;
}
#header a.logo img{max-height:75px;}
}
/* Searchbox */
#header .form-search {
	display: table-cell;
	vertical-align: middle;
	margin: 0;
	width: 1px;
	white-space: nowrap;
	position: relative;
	padding: 0 35px;
}
#header .form-search input.key {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border: 1px solid rgba(0,0,0,.15);
	height: 35px;
	padding: 0 40px 0 25px;
	width: 175px;
	font-size: 14px;
	background: none;
	margin: 0;
}
#header .form-search input:focus {
	/* make it glow! */
	-webkit-box-shadow: 0px 0px 4px #4195fc;
	-moz-box-shadow: 0px 0px 4px #4195fc;
	box-shadow: 0px 0px 4px #4195fc; /* some variation of blue for the shadow */
}
#header .form-search .butn-outr {
	position: absolute;
	right: 36px;
	top: 0;
	height: 100%;
}
#header .form-search button {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-appearance: button;
	cursor: pointer;
	margin: 0;
	padding: 10px;
	border: 0 none;
	background: none;
	color: rgba(182,182,182,.6);
}
#header .form-search button i {
	display: inline-block;
	font-size: 1.2em;
	color: #444;
}
#header .form-search button:active {
	color: #f00;
}

@media only screen and (max-width: 810px) {
#header .form-search {
	display: none;
}
}
/* MENU OPEN BTN  ============================================================================= */
a.menu-openbtn {
	margin: 0;
	padding: 0 35px;
	min-height:86px;
	display: table-cell;
	vertical-align: middle;
	white-space: nowrap;
	width: 1px;
	background-color: #fff;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #fff;
}
a.menu-openbtn:hover {
	text-decoration: none;
}
a.menu-openbtn span {
	color: #444;
	font-size: 1.6em;
	font-family: 'Arvo', serif;
	font-weight: 400;
	display: inline-block;
	vertical-align: middle;
	padding: 0 0.8em 0 0;
}
.menu-openbtn i {
	display: inline-block;
	vertical-align: middle;
	color: #363636;
	font-size: 1.2em;
	padding: 0;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.menu-downanim {
}
.menu-downanim i {
	-ms-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

@media only screen and (max-width: 810px) {
a.menu-openbtn {
	padding: 0 20px;
}
}
/* Navigatie ============================================================================= */
.overflow {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.7);
	height: 100%;
	width: 100%;
	z-index: 9999;
	overflow: hidden;
}
#hoofdmenu {
	padding: 0;
	margin: 0;
	width: 100%;
	z-index: 10000;
	position: relative;
	/* height: 0 not work with css transitions*/
	max-height: 80px;
	overflow: hidden;
	background: #f1f1f1; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(top, #f1f1f1 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f1f1), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f1f1f1 0%, #ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f1f1f1 0%, #ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f1f1f1 0%, #ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f1f1f1 0%, #ffffff 100%); /* W3C */
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease;
}
#hoofdmenu .hm-inner {
	width: 100%;
	max-width: 940px;
	height: 100%;
	margin: 0 auto;
	padding: 120px 80px 35px;
	position: relative;
	display: table;
}
.menu-open {
	max-height: 999px!important;
	display: block!important;
	-moz-transform: translate(0, 0)!important;
	-webkit-transform: translate(0, 0)!important;
	-o-transform: translate(0, 0)!important;
	-ms-transform: translate(0, 0)!important;
	transform: translate(0, 0)!important;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease;
}
.menu-open2 {
	-moz-transform: translate(0, 0)!important;
	-webkit-transform: translate(0, 0)!important;
	-o-transform: translate(0, 0)!important;
	-ms-transform: translate(0, 0)!important;
	transform: translate(0, 0)!important;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
ul#menu-main-menu {
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none;
	list-style-image: none;
}
ul#menu-main-menu .cat1 {
}

ul#menu-main-menu li {
	width: 33%;
	float: left;
	text-align: left;
}
ul#menu-main-menu li a {
	word-wrap: normal;
	display: inline-block;
	width: auto;
	margin: 0 0 12px 0;
	padding: 12px 10px;
	color: #000;
	text-align: left;
	font-size: 1.3em;
	line-height: 16px;
	text-decoration: none;
	border-bottom: 1px solid #aaa;
	cursor: default;
}
ul#menu-main-menu li a:hover {
	text-decoration: none;
}
/* subitems*/
ul#menu-main-menu li ul.sub-menu {
	position: relative;
	float: left;
	clear: both;
	width: 100%;
	padding: 0;
	display: block;
}
ul#menu-main-menu li ul.sub-menu img {
	opacity: 0.5;
	float: left;
	display: none;
}
ul#menu-main-menu li ul.sub-menu li {
	width: 100%;
}
ul#menu-main-menu li ul.sub-menu li a {
	color: #0072bc;
	font-size: 0.9em;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	float: left;
	clear: both;
	display: block;
	border: none;
	margin: 0 0 10px 10px;
	padding: 2px 10px 2px 15px;
	cursor: pointer;
	background: url(../images/boll.png) no-repeat 0 45%;
}
ul#menu-main-menu li ul.sub-menu li a:hover {
	text-decoration: underline;
	color: #0072bc;
}
.main-navigation ul li.current_page_item a, .main-navigation ul li.current-page-parent a {
	border-bottom: 3px solid #ffd119;
}
.main-navigation ul li.current_page_item ul a, .main-navigation ul li.current-page-parent ul a {
	border: none;
}

@media only screen and (max-width: 810px) {
#hoofdmenu {
	padding: 0;
	margin: 0;
	max-height: 1999px!important;
	height: 100%;
	width: 90%;
	z-index: 10000;
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	display: block!important;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	overflow-x: hidden;
	-moz-transform: translate(100%, 0);
	-webkit-transform: translate(100%, 0);
	-o-transform: translate(100%, 0);
	-ms-transform: translate(100%, 0);
	transform: translate(100%, 0);
}
.overflow {
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
}
#hoofdmenu .hm-inner {
	padding: 85px 20px 15px;
}
.menu-open2 {
	-moz-transform: translate(-80%, 0)!important;
	-webkit-transform: translate(-80%, 0)!important;
	-o-transform: translate(-80%, 0)!important;
	-ms-transform: translate(-80%, 0)!important;
	transform: translate(-80%, 0)!important;
}
}

@media only screen and (max-width: 600px) {
ul#menu-main-menu li {
	width: 46%;
	float: left;
	text-align: left;
}
ul#menu-main-menu .cat1 {
	padding-bottom: 20px;
	margin-right: 3%;
}
ul#menu-main-menu .cat2 {
	float: right;
	height: auto;
}
ul#menu-main-menu li ul.sub-menu li a {
	color: #0072bc;
	font-size: 0.8em;
}
ul#menu-main-menu li a {
	font-size: 1.1em;
}
}
/* Banner ============================================================================= */
.banneroff {
	display: none!important;
}
.banner {
	position: relative;
	padding: 0;
	margin: 0;
	width: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2c2420+0,2c2420+13,4c3a2f+35,5a5142+59,606052+89,5f6154+100 */
	background: #2c2420; /* Old browsers */
	background: -moz-linear-gradient(left, #2c2420 0%, #2c2420 13%, #4c3a2f 35%, #5a5142 59%, #606052 89%, #5f6154 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #2c2420), color-stop(13%, #2c2420), color-stop(35%, #4c3a2f), color-stop(59%, #5a5142), color-stop(89%, #606052), color-stop(100%, #5f6154)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #2c2420 0%, #2c2420 13%, #4c3a2f 35%, #5a5142 59%, #606052 89%, #5f6154 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #2c2420 0%, #2c2420 13%, #4c3a2f 35%, #5a5142 59%, #606052 89%, #5f6154 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #2c2420 0%, #2c2420 13%, #4c3a2f 35%, #5a5142 59%, #606052 89%, #5f6154 100%); /* IE10+ */
	background: linear-gradient(to right, #2c2420 0%, #2c2420 13%, #4c3a2f 35%, #5a5142 59%, #606052 89%, #5f6154 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c2420', endColorstr='#5f6154', GradientType=1 ); /* IE6-8 */
}
.banner-img {
	background-color: #fff;
	background-image: url(../images/img_banner3.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	margin: 0 auto;
	height: 100%;
	opacity: 0.4;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.banner-main {
	width: 100%;
	max-width: 940px;
	margin: 0 auto;
	padding: 0;
	z-index: 90;
	position: relative;
}
.banner-main .heading1 {
	color: #fff;
	width: 100%;
	display: block;
	text-align: left;
	padding: 50px 0 0 25px;
}
.banner-main .heading1 span {
	font-size: 2.2em;
	line-height: 1.5em;
	font-weight: 700;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
.banner-main .heading1 .slugtitle {
	font-size: 1.5em;
	line-height: 1.4em;
	color: #ededed;
}
.banner-main .heading1 .slugtitle span, .banner-main .heading1 .slugtitle span{font-size:1em!important;}
#regionoff {
	padding: 35px 50px 35px 25px;
	text-align: left;
}
.banner .bg-shadow-last {
	background: url(../images/bg_banner_last.png) no-repeat 50% 0;
	width: 100%;
	height: 18px;
	z-index: 10;
	position: absolute;
	bottom: 0;
	left: 0;
}

/* vinkjes template */
.ikea {width: 100%;line-height: 1.3em;	text-align: center;}
.banner-main .ikea {background-color: rgba(0, 0, 0, 0.2);padding: 20px;color: #fff;font-size: 1.2em;}
.formbanner .ikea {background: none;padding: 20px 10px;font-size: 0.9em;}
.ikea ul{ list-style:none;padding:0!important;}
.ikea ul li {display: inline-block;	padding-left: 3em;background:none!important;}
.ikea li:before {
	content: '\f046'!important;
	color:#6dc014!important;
	font-family: FontAwesome!important;
	display: inline-block!important;
	width: 3em!important;
	margin-left: -3em!important;
}
.formbanner .ikea ul li{padding:0 20px!important;}
.formbanner .ikea li:before{width: 40px!important;margin-left: -40px!important;}

	@media only screen and (max-width: 810px) {
	.banner-main {width: 95%;}
	.banner-img {background-size: cover;background-position: center top;}
	.banner-main .heading1 {text-align: center;padding: 35px 0 15px;}
	#regionoff {padding: 0 0 20px;text-align: center;}
	#regionoff2 {padding: 20px 0;text-align: center;}
	.banner-main .ikea {font-size: 1em!important;line-height: 1.5em!important;}
	}
	
	@media only screen and (max-width: 600px) {
	.banner-main .heading1 span {font-size: 7vw;line-height: 8vw;}
	.banner-main .heading1 .slugtitle {display: none;}
	.banner-main .ikea {line-height: 2.0em!important;}
	.banner-main .ikea ul li {display: block!important;text-align: center!important;width: 100%!important;}
	}

/* Offerte div */

/* dropdown offertes  */
#postcodedropdown {display: inline-block;margin: 5px 0;position: relative;}
	#postcodedropdown select {display: inline-block;background-color: #fff;border: 1px solid #000;height: 50px;
		color: #494949;font-size: 16px;margin: 0;	padding: 10px 35px;
		-webkit-appearance: none;-moz-appearance: none;appearance: none;
		-webkit-border-radius: 4px;-moz-border-radius: 4px;-o-border-radius: 4px;-ms-border-radius: 4px;-khtml-border-radius: 4px;border-radius: 4px;
	}
	#postcodedropdown .arr {background: #fff;width: 25px;height: 30px;
		position: absolute;bottom: 2px;	right: 5px;
		pointer-events: none;
	}
	#postcodedropdown select option {font-size: 15px;margin: 0;padding: 5px!important;background: #fff;height: 30px;}
	#postcodedropdown option:first-child {color: #666;}


/* postcode formulier*/
#postcodeformulier {display: inline-block;padding: 0;}
	.countryhide {display: none!important;}
	input#postcode {display: inline-block;	background-color: #fff;border: 1px solid #000;	height: 50px;max-width: 180px;margin: 5px;padding: 10px 35px;
		color: #666;font-size: 16px;text-align: center;
		-webkit-appearance: none;-moz-appearance: none;	appearance: none;
		-webkit-border-radius: 4px;	-moz-border-radius: 4px;-o-border-radius: 4px;-ms-border-radius: 4px;-khtml-border-radius: 4px;	border-radius: 4px;
	}
	/* postcode btn*/
	#postcodeformulier input.button {
		cursor: pointer;
		font-size: 14px;font-weight: 700;color: #fff;text-transform: uppercase;
		margin: 5px;padding: 10px 35px;	min-width: 180px;height: 50px;display: inline-block;border: 1px solid #d31717;
		-webkit-appearance: none;-moz-appearance: none;	appearance: none;
		-webkit-border-radius: 4px;-moz-border-radius: 4px;-o-border-radius: 4px;-ms-border-radius: 4px;-khtml-border-radius: 4px;border-radius: 4px;
		background-image: -ms-linear-gradient(top, #e83434 0%, #d31717 100%);
		background-image: -moz-linear-gradient(top, #e83434 0%, #d31717 100%);
		background-image: -o-linear-gradient(top, #e83434 0%, #d31717 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e83434), color-stop(1, #d31717));
		background-image: -webkit-linear-gradient(top, #e83434 0%, #d31717 100%);
		background-image: linear-gradient(to bottom, #e83434 0%, #d31717 100%);
	}
	#postcodeformulier input.button:hover {
		color: #f7e5e5;
		background-image: -ms-linear-gradient(top, #d31717 0%, #d31717 100%);
		background-image: -moz-linear-gradient(top, #d31717 0%, #d31717 100%);
		background-image: -o-linear-gradient(top, #d31717 0%, #d31717 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d31717), color-stop(1, #d31717));
		background-image: -webkit-linear-gradient(top, #d31717 0%, #d31717 100%);
		background-image: linear-gradient(to bottom, #d31717 0%, #d31717 100%);
	}

	@media only screen and (max-width: 810px) {
	#postcodedropdown {margin: 15px auto;display: block;width: 100%;text-align: center;}
		#postcodedropdown .arr {display: none;}
		#postcodedropdown select {background: url(../images/pijltje_00.gif) no-repeat 170px center #fff;}
			#postcodedropdown select ,
			input#postcode,
			#postcodeformulier input.button{width:200px;max-width:200px;}
		
		
		
	#postcodeformulier {display: block;width: 100%;text-align: center;}
	}
	@media only screen and (max-width: 600px) {
		input#postcode {display: block;margin: 5px auto;}
	}


/* FORMULIER MIDDEN BANNER ============================================================================= */
.formbanner {
	margin: 0 auto;
	width: 100%;
	background: #f7f4f2;
	padding: 2%;
	text-align: center;
	font-size: 1.1em;
}
.formbanner #regionoff {
	padding: 20px 0;
	text-align: center;
}
.formbanner h3 {
	font-size: 1.3em!important;
	text-align: center!important;
}
.formbanner #regionoff {
	text-align: center;
}

@media only screen and (max-width: 600px) {
	.formbanner{width:90%;}
	.formbanner .ikea ul li{display:block;}
}

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

#exitpopup{width:670px; height:450px; margin:0px auto; display:none; position:fixed; color:#ffffff; padding:20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; z-index:999999; background:rgb(200, 200, 20);}

#ouibounce-modal {display: none;position: fixed; top: 0;left: 0; width: 100%; height: 100%;z-index:999998;}

#ouibounce-modal .underlay {
    width: 100%;height: 100%; position: absolute;top: 0;left: 0;
	background-color: rgba(50, 50, 50, .8);cursor: pointer;
	-webkit-animation: fadein .5s; animation: fadein .5s
}
#ouibounce-modal .modal {z-index:999999; background-color:#fff;width:60%; max-width: 600px; height: 300px;margin: auto;
	position: absolute; top: 0;right: 0; bottom: 0;left: 0;
    -webkit-border-radius: 4px;	-moz-border-radius: 4px;border-radius: 4px;
    -webkit-animation: popin .3s; animation: popin .3s
}
#ouibounce-modal .modal-title {	padding:0 10px; margin: 0; text-align: center;padding-top:20px;}
#ouibounce-modal h3 {color:#000;font-size: 1.5em;text-transform: uppercase; font-weight:700;}

#ouibounce-modal .modal-body {padding:0 35px; font-size: 1.1em; text-align:center;}
#ouibounce-modal .modal-body a{padding:15px 35px;margin:30px 0; display:inline-block; text-decoration:none;color:#fff; font-size:1.3em; text-transform:uppercase; font-weight:700;
-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
background: #40a01a;
background: -moz-linear-gradient(top,  #5ec930 0%, #40a01a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ec930), color-stop(100%,#40a01a));
background: -webkit-linear-gradient(top,  #5ec930 0%,#40a01a 100%);
background: -o-linear-gradient(top,  #5ec930 0%,#40a01a 100%);
background: -ms-linear-gradient(top,  #5ec930 0%,#40a01a 100%);
background: linear-gradient(to bottom,  #5ec930 0%,#40a01a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ec930', endColorstr='#40a01a',GradientType=0 );
}
#ouibounce-modal .modal-body a:hover{text-decoration:none;}
#ouibounce-modal .modal-footer {position: absolute;bottom: 20px;text-align: center;width: 100%}

@media only screen and (max-width: 810px) {
	#ouibounce-modal .modal {width:90%;height: 400px;}
}

/* LAYOUT ============================================================================= */
#container {
	width: 100%;
	margin: 0 auto;
}
#container #layout {
	padding: 40px 0 0 0;
	max-width: 940px;
	margin: 0 auto;
	display: block;
}
/* MAIN COL */
#container #layout .col-main {
	max-width: 100%;
	margin: 0 auto;
}
.ie6 #container #layout .col-main {
	overflow: hidden;
}
#container #layout .page-content a.readMore {
	padding-right: 15px;
	line-height: 1.4;
}
#container #layout .page-content a.readMore:after {
	padding-right: 15px;
	line-height: 1.4;
}
#container #layout .readm-padding p {
	padding: 0;
}
/* BREADCRUMBS */
#breadcrumbs {
	color: #c32021;
	line-height: 1;
	padding-bottom: 10px;
}
#breadcrumbs em, #breadcrumbs a {
	font-style: normal;
	color: #8d8d8d;
}
/* FACEBOOK PLUGIN */
.facebookplug {
	width: 100%;
	min-height: 265px;
}
.facebookplug2 {
	width: 230px;
	float: right;
}
/* Navigatie volgende / vorige */
.navigation {
	padding-bottom: 15px;
	font-weight: bold;
}
.navigation .alignleft {
	float: left;
}
.navigation .alignright {
	float: right;
}
/*Backhome btn*/
.backhome {
	display: none;
}
/* COMMENTS */
#respond {
	margin: 35px 0;
}
#formstyle {
	width: 100%;
	padding: 10px;
	background-color: #f3f3f3;
	display: none;
	margin: 0 0 30px;
}
#formstyle input {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 15px 35px;
	font-size: 14px;
	color: #000;
	background: #fff;
	border: 1px solid #777;
	margin: 0;
	cursor: pointer;
	margin-right: 15px!important;
}
#respond .formstyle input:hover {
	border: 1px solid #000;
}
#commentlist {
	width: 100%;
	background-color: #f3f3f3;
	padding: 0!important;
	display: none;
}
#commentlist li {
	padding: 20px 20px 10px;
	border-bottom: 1px solid #ccc;
}
#commentlist li .comment-author {
}
#commentlist li .commentmetadata {
	font-size: 0.8em;
}
#commentlist ul {
	padding-bottom: 15px;
}
#commentlist ul li {
	font-size: 0.9em;
	background: #eee;
	padding: 15px;
	border: 1px solid #ccc;
}
#commentlist li .reply {
	display: none;
	padding: 0 0 0 50px;
}

@media only screen and (max-width: 810px) {
.readMore {
	margin: 5px!important;
}
.wp-editor p, .wp-editor h1, .wp-editor h2, .wp-editor h3, .wp-editor h4, .wp-editor h5, .wp-editor h6 {
	text-align: left!important;
}
.wp-editor img.alignright {
	max-width: 80px!important;
	height: auto!important;
	float: left;
}
.wp-editor img.size-full {
	max-width: 100%!important;
}
.backhome {
	display: block!important;
	margin: 0 auto;
	text-align: center;
	padding: 20px 0;
}
#container #layout .col-main {
	width: 94%!important;
	padding: 0 3%;
}
#container #layout .col-left {
	display: none!important;
}
#main-container {margin-top:50px;
	width: 100%;
	min-width: 100%!important;
	position: relative;
	background-color: #fff;
	overflow: hidden;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease;
}
#container {
	width: 100%!important;
}
#breadcrumbs {
	text-size: 0.9em;
}
.wp-editor p {
	word-break: break-word;
}
.wp-editor img {
	padding-right: 10px;
}
.page-content {
}
.page-content h1 {
	word-break: break-word;
}
.page-content .fb-like {
	display: none;
}
/* commentes */
#respond {
	display: none!important;
}
.wp-editor .textwidget img {
	width: 100%;
	height: auto;
	float: left;
	clear: both;
}
}

@media only screen and (max-width: 600px) {
}
/* WIDGET CATEGORIE
---------------------------------------------------------------------------- */
/* cat*/
#text-21, #text-20 {
	display: none;
}
/*meer vergelijken widget */
.trend-mobiel {
	display: none;
}
.trend-screen {
	display: block;
}
#container #layout .cls-category-widget-area {
	padding-top: 10px;
	width: 110%;
}
#container #layout .cls-category-widget-area .cls-widget {
	width: 220px;
	margin-bottom: 15px;
	float: left;
	background: #f3f3f3;
	margin-right: 20px;
}
.cls-widget {
	display: inline-block;
}
* html .cls-widget {
	height: 1%;
}/* Hides from IE-mac \*/
.cls-widget {
	display: block;
}/* End hide from IE-mac */
.cls-widget:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#container #layout .cls-category-widget-area .cls-widget .cls-widget-title {
	background: none repeat scroll 0 0 #363636;
	color: #FFFFFF;
	display: block;
	font-size: 14px;
	line-height: 44px;
	padding: 0 10px;
}
#container #layout .cls-category-widget-area .cls-widget .cls-widget-title span {
	color: #F02425;
	padding-left: 5px;
}
#container #layout .cls-category-widget-area .cls-widget ul {
	padding: 15px 20px;
}
#container #layout .cls-category-widget-area .cls-widget ul li a {
	font-size: 12px;
	color: #363636;
	background: url(../images/ico_square.gif) no-repeat 0 7px;
	padding-left: 15px;
	padding-bottom: 0;
	display: block;
}
#container #layout .cls-category-widget-area .cls-widget ul li a:hover {
	text-decoration: none;
	color: #c32021;
}

@media only screen and (max-width: 810px) {
#text-21, #text-20 {
	display: block!important;
	width: 100%!important;
	margin: 0 auto!important;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
	text-align: center;
}
#text-21 a, #text-20 a {
	font-weight: bold;
}
.trend-mobiel {
	display: block!important;
}
.trend-screen {
	display: none!important;
}
.cls-category-widget-area, .cls-category-widget-area .widget_categoryposts {
	width: 100%!important;
	min-height: 1px!important;
	clear: both;
	margin: 0!important;
}
.widget_categoryposts h3.cls-widget-title {
	line-height: 40px!important;
	background: url(../images/arr.png) no-repeat right 50% #363636!important;
}
.cls-category-widget-area .cls-widget-image {
	text-align: center;
}
.cls-category-widget-area .cls-widget ul {
	padding: 0!important;
}
#container #layout .cls-category-widget-area .cls-widget ul li a {
	padding: 9px 10px 9px 25px!important;
	border-bottom: 1px solid #ccc;
	background: url(../images/ico_square.gif) no-repeat 8px 15px!important;
}
/* categorie posts */
	
#categoryposts-10, #categoryposts-13 {
	margin: 0!important;
}
#categoryposts-11, #categoryposts-12, #categoryposts-14, #categoryposts-15 {
	display: none;
}
#categoryposts-11 .cls-widget-title, #categoryposts-12 .cls-widget-title, #categoryposts-14 .cls-widget-title, #categoryposts-15 .cls-widget-title {
	display: none!important;
}
#categoryposts-11 .cls-widget-image, #categoryposts-12 .cls-widget-image, #categoryposts-14 .cls-widget-image, #categoryposts-15 .cls-widget-image {
	display: none!important;
}
}

@media only screen and (max-width: 600px) {
}
/*ADVANCED WIDGET
---------------------------------------------------------------------------- */
#container #layout .cls-addvance-widget {
	padding: 0 0 0 0;
}
#container #layout .cls-addvance-widget .cls-addvance-widget-left {
	width: 465px;
	float: left;
}
#container #layout .cls-addvance-widget .cls-addvance-widget-left .cls-widget {
	background: url(../images/bg_studio.jpg) no-repeat right 0;
	min-height: 167px;
	padding: 5px 0 0;
	position: relative;
	margin-bottom: 15px;
}
#container #layout .cls-addvance-widget .cls-addvance-widget-left .cls-widget img {
	width: 220px;
	height: 167px;
	position: absolute;
	top: 5px;
	left: 0;
}
#container #layout .cls-addvance-widget .cls-addvance-widget-left .cls-widget .cls-widget-title {
	display: none;
}
#container #layout .cls-addvance-widget .cls-addvance-widget-left .cls-widget .cls-widget-content {
	width: 200px;
	padding: 20px 20px 0;
	font-size: 12px;
	float: right;
}
#container #layout .cls-addvance-widget .cls-addvance-widget-left .cls-widget .cls-widget-content a {
	position: absolute;
	display: block;
	bottom: 0;
	right: 5px;
	background: #c32021 url(../images/ico_wg_more.gif) right center no-repeat;
	line-height: 48px;
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
	width: 200px;
	text-decoration: none;
	padding: 0 20px;
}
#container #layout .cls-addvance-widget .cls-addvance-widget-left .cls-widget .cls-widget-content a:hover {
	background-color: #9c1a1a;
}
#container #layout .cls-addvance-widget .cls-addvance-widget-right {
	width: 180px;
	float: left;
	margin-left: 30px;
}
#container #layout .cls-addvance-widget .cls-addvance-widget-right img {
	width: 150px;
	max-width: 100%;
	height: auto;
	max-height: 100px;
}
#container #layout .cls-addvance-widget .cls-addvance-widget-right .textwidget {
	text-align: center;
}
#container #layout .cls-addvance-widget .cls-addvance-widget-right .cls-widget {
	padding-bottom: 15px;
}
#container #layout .cls-addvance-widget .cls-addvance-widget-right .cls-widget .cls-widget-title {
	text-align: center;
	padding-bottom: 5px;
}

@media only screen and (max-width: 810px) {
.wp-editor .textwidget img {
	width: 100%;
	height: auto;
	float: left;
	clear: both;
}
.cls-addvance-widget-right {
	width: 100%!important;
	margin: 0!important;
}
.cls-addvance-widget {
	margin-top: 30px;
}
.cls-addvance-widget .cls-addvance-widget-left {
	display: none;
}
}

@media only screen and (max-width: 600px) {
}
/* OTHER POST WIDGET
---------------------------------------------------------------------------- */
#container #layout .cls-other-post {
	padding-top: 10px;
}
#container #layout .cls-other-post h3 {
	font-size: 18px;
	color: #c32021;
	padding-bottom: 0.5em;
	font-weight: bold;
}
#container #layout .cls-other-post ul {
}
#container #layout .cls-other-post ul li {
}
#container #layout .cls-other-post ul li a {
	background: url(../images/ico_square.gif) no-repeat 0 center;
	padding: 0 0 0 20px;
	font-size: 12px;
	color: #363636;
	text-decoration: none;
	line-height: 1.9;
}
#container #layout .cls-other-post ul li a:hover {
	color: #c32021;
}

@media only screen and (max-width: 810px) {
}

@media only screen and (max-width: 600px) {
}
/* WIDGET CATEGORIE ============================================================================= */
#selecteerofferte {
	width: 100%;
	background-color: #f3f3f3;
	border-top: 2px solid #363636;
	border-bottom: 2px solid #363636;
	padding: 10% 5%;
	margin: 20px 0;
	text-align: center;
	float: left;
	display: none;
}
#selecteerofferte strong {
	font-size: 18px;
	padding-bottom: 10px;
}
#selecteerofferte select {
	max-width: 100%;
}
/* FORMULIER SINGLE PAGINA  ============================================================================= */
.bformulier-banner {
	width: 100%;
	margin: 0 auto;
	padding: 0px;
}
.bform-heading{padding:30px 0 20px 20px!important;}
.bformulier-content {
	padding: 15px 0 0 0;
    max-width: 940px;
    margin: 0 auto;
    display: block;
}
.col-bformmain{width:100%;margin:0 auto;}
.col-bformmain h2 {
	font-size: 24px;
	padding-bottom: 10px;
	font-weight: 700;
	color: #000;
	line-height: 1.4 !important;
	font-family: "Arvo", serif;
	text-align: left !important;
}
.bform {
	width: 70%;
	float: left;
	display: block;
	margin: 0 auto 45px;
}
#container .bform-full {
	width: 100%!important; text-align: center;
}
#container .bform-full .cls-widget {
	max-width:40%;width:100%;display: inline-block;text-align: left;margin:50px 5%;
}

.bform-right {
	width: 30%;
	float: right;
	display: block;
	margin: 0 auto;
}
.bform-right .cls-widget {
	border: 1px solid #E7E6E6;
	padding: 15px;
	margin: 0 auto 25px;
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
}
.bform-right .cls-widget h3 {
	font-family: 'Arvo', serif;
	font-size: 1em;
	font-weight: 700;
}
.bform-right .cls-widget ul {
}
.bform-right .cls-widget ul li {
	font-size: 0.9em;
	margin: 0.8em 0;
}
.bform-right .cls-widget ul li:before {
	font-family: 'FontAwesome';
	content: "\f046";
	display: inline-block;
	margin-left: 5px;
	width: 25px;
	color: #39aa0e;
}

@media only screen and (max-width: 810px) {
.col-bformmain{width:96%;}	
.bformulier-banner {
	width: 100%;
	margin: 0 auto;
}
.bformulier-content {
	width: 100%;
	margin: 0 auto;
}
.bform, .bform-right {
	width: 100%;
	float: none;
	clear: both;
}
}



/* FOOTER  ============================================================================= */
#footer { width:100%; margin-top:50px; text-align: center;
background: -moz-linear-gradient(top,  #f3f3f3 0%, #ffffff 100%);
	background: -webkit-linear-gradient(top,  #f3f3f3 0%,#ffffff 100%);
	background: linear-gradient(to bottom,  #f3f3f3 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff',GradientType=0 );
 }
#footer .f-inner{margin: 0 auto;display: inline-block;width:100%;max-width:940px;padding:25px 0 35px; }
#footer .fblok-links{float:left;font-size:1em;color:#929292;text-align: left; }
#footer .fblok-rechts{float:right;font-size:0.9em;color:#929292;text-align: right; }
#footer a { color:#929292;}
#footer a:hover{text-decoration: underline; color:#000;}
#footer .copyright-notice{padding-top:5px;}
#footer ul li{display:inline-block;margin-right:30px;}

    @media only screen and (max-width:810px) {
		#footer .f-inner{padding:15px 10%;}
        #footer .fblok-links, 
		#footer .fblok-rechts{width:100%;display: inline-block; padding:10px 0;text-align: center;} 
		#footer ul li{width:100%; margin:0 0 5px;}
    } 

.wp_footer { display:none; visibility:hidden;  }
    @media only screen and (max-width:600px) {
    	#map_canvas { display:none;  }
 	}
	

/*  PIJL UP  ============================================================================= */
a#back-to-top { 
	position:fixed; right:0; bottom:20px; z-index:3000;display:none; 
	width:45px; height:50px; 
	padding-top:8px; padding-left:1px;
	background:#ccc; border-radius:3px 0 0 3px; 
	color:white; text-align:center; text-decoration:none; font-weight:normal; font-size:15px; line-height:1.7rem;
    -webkit-backface-visibility:hidden; -webkit-transition:all 0.2s ease; transition:all 0.2s ease; 
	}
	#back-to-top i { width:100%; display:block;  }

/*loading icon class  ============================================================================= */
	span.loading-icon {
	  position: relative; width: 20px; height: 20px; line-height:20px; margin:0 0 0 10px;display: inline-block!important;
	  -webkit-animation: fa-spin 2s infinite linear;
	  animation: fa-spin 2s infinite linear;
	}
		span.loading-icon:before {
		  content: "\f110";
		  font-family: FontAwesome;
		  font-size:16px;color:#747070;text-align: center;width:20px;
		  position: absolute;
		  top: 0; 
		}

/* no scroll - stop body scroll bij een dialog bijvoorbeeld  ============================================================================= */
	body.no-scroll { position:fixed; overflow: hidden; height: 100%;
		-ms-overflow-style: none;  /* IE 10+*/
		overflow: -moz-scrollbars-none;/*Firefox*/
	}
		body.no-scroll::-webkit-scrollbar { display: none; }
			@media only screen and (max-width: 810px) {
				body.no-scroll {position: relative;}
			}




/* WEBKIT ANIMATIE MET KEYFRAMES  ============================================================================= */
/* FADEIN - ouibounce dialog */
@-webkit-keyframes fadein{0%{opacity:0}100%{opacity:1}}
@-ms-keyframes fadein{0%{opacity:0}100%{opacity:1}}
@keyframes fadein{0%{opacity:0}100%{opacity:1}}

/* ZOOM SHAKE - ouibounce dialog */
@-webkit-keyframes popin{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}85%{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}
@-ms-keyframes popin{0%{-ms-transform:scale(0);transform:scale(0);opacity:0}85%{-ms-transform:scale(1.05);transform:scale(1.05);opacity:1}100%{-ms-transform:scale(1);transform:scale(1);opacity:1}}
@keyframes popin{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0}85%{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);opacity:1}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}}

/* ANIMATE BOTTOM TO NORMAL -  bedankt pagina dialog */
@-webkit-keyframes bottom-to-top{
	0%{
		-webkit-transform: translateY(20%);
		transform: translateY(20%);
			opacity:0
	}85%{
		-webkit-transform: translateY(-1%);
		transform: translateY(-1%);
			opacity:1
	}100%{
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity:1
	}}
@-ms-keyframes bottom-to-top{
	0%{
	-ms-transform: translateY(20%);
			transform: translateY(20%);
			opacity:0
	}85%{
				-ms-transform: translateY(-1%);
			transform: translateY(-1%);
			opacity:1
	}100%{
			-moz-transform: translateY(0);
			-ms-transform: translateY(0);
			transform: translateY(0);
		opacity:1}}
@keyframes bottom-to-top{
	0%{
			-webkit-transform: translateY(20%);
			-moz-transform: translateY(20%);
			-ms-transform: translateY(20%);
			transform: translateY(20%);
			opacity:0
	}85%{
			-webkit-transform: translateY(-1%);
			-moz-transform: translateY(-1%);
			-ms-transform: translateY(-1%);
			transform: translateY(-1%);
			opacity:1
	}100%{
			-webkit-transform: translateY(0);
			-moz-transform: translateY(0);
			-ms-transform: translateY(0);
			transform: translateY(0);
		opacity:1
	}
}