/*
	Theme Name: QuickOnline
	Theme URI: https://www.quickonline.nl
	Description: Basis voor de template
	Version: 1.0
	Author: QuickOnline
	Author URI: https://www.quickonline.nl

*/
.garage-box{position:relative;}
main {overflow:hidden}

a, .video-link img, a:after, a:before, .btn, .color-call-to-action h2, .faq-title h3, .float-btn, .slider-nav,.menu-item-has-children > span, .mobbtn span, input[type="submit"] {
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}


/*------------------------------------*\
    MAIN

font-family: 'Lato', sans-serif;
font-family: 'Oswald', sans-serif;
\*------------------------------------*/
body, html {
    margin: 0;
    padding: 0;
}
/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font-family: 'Lato', sans-serif;
font-size:20px;line-height:1.5;font-weight:400;
	color:#1e1e1e;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#e57f3f;
	text-decoration:none;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:none;
}

.wrapper {margin:0 auto;max-width:1440px;width:100%}


p {margin:0 0 30px}
p:last-child {margin:0}

.content-row ul, .content-row li {padding:0;margin:0;display:block;}
.content-row li {position:relative;padding-left:35px;}
.content-row li:before {content:"\f00c";font-family:"Font Awesome 5 Pro";font-weight:900;position:absolute;left:0;top:3px;color:#e57f3f}
.content-row ul {margin:0 0 30px}
.content-row ul:last-child {margin:0}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Oswald', sans-serif;font-weight:700;text-transform:uppercase;color:#25303b;margin:0 0 40px;line-height:1.3
	
}
h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child {margin:0;}
h1,.pagina-title-holder h2, .home-banner-content h2 {font-size:48px;}
h2,.single-content-row h1, .garage-box-maintitle h1, .searchform-box h1 {font-size:36px}

h3, h4, h5, h6 {font-size:24px}

h1 span, h1 strong, h2 span, h2 strong {color:#e57f3f}




.text-center, .textcenter {text-align:center;}

.center-align{
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;	
  -moz-align-items:center;
  -ms-align-items:center;
}
@media screen and (min-width:768px){
.bottom-align{
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;	
  -moz-align-items:flex-end;
  -ms-align-items:flex-end;
}
	}


.grey-background {background-color:#f4f4f4}


.content-row.content-404 {padding:200px 0 100px}
.content-row {padding:70px 0 30px}
.no-padding-bottom, .no-padding-both {padding-bottom:0;}
.no-padding-top, .no-padding-both {padding-top:0;}

.flex-container {display:flex;flex-wrap:wrap;}
.align-items-center {align-items:center}


.margin-fix, .marginfix {margin-bottom:40px}


.content-row img {width:100%}


.video-box {position: relative;padding-bottom: 56.25%;overflow: hidden;max-width: 100%;height: auto;} 
.video-box iframe, .video-box object, .video-box embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;    }

.video-link {display:block;position:relative;background-color:#25303b}
.video-link:before {    content: "\f2ec";    font-family: "Font Awesome 5 Pro";    font-weight: 900;    color: #fff;    font-size: 60px;    -ms-transform: rotate(90deg);    -webkit-transform: rotate(90deg);    transform: rotate(90deg);    position: absolute;    line-height: 1;    top: calc(50% - 30px);    left: calc(50% - 33px);    opacity: 1;    z-index: 1;}
.video-link:hover:before {opacity:0.8}

.video-link img {opacity:0.7}
.video-link:hover img  {opacity:1}


.video-grid-item {width:33.3333%;margin-bottom:30px;}
.video-grid-item:nth-child(1), .video-grid-item:nth-child(2) {width:50%;}

.with-desc {position:relative;}
.with-desc img {max-width:600px;}
.with-desc h2 {font-size:30px;color:#fff;}
.media-desc {   max-width:460px;width:calc(100% - 60px); padding: 40px;    background: #e57f3f;position:absolute;bottom:0;}
.with-desc:nth-child(1) .media-desc {right:15px;}
.with-desc:nth-child(2) {text-align:right}
.with-desc:nth-child(2) .media-desc {text-align:left}

@media screen and (max-width: 992px) {
.with-desc h2 {font-size:24px;}
	.media-desc {padding:25px;}
	
}


@media screen and (max-width: 767px) {
	.media-desc {max-width:none;}
	.with-desc:nth-child(1) .media-desc {right:10px;}

	.video-grid-item  {margin-bottom:20px;}	

	.video-link:before {
        font-size: 40px;
        top: calc(50% - 20px);
        left: calc(50% - 23px);
    }
	.with-desc h2 {font-size:18px;}

	
}
@media screen and (max-width: 400px) {
   .video-link:before {
        font-size: 30px;
        top: calc(50% - 15px);
        left: calc(50% - 18px);
    }
	.media-desc {padding:15px;}
}

.eigenschap-row {margin-bottom:15px;}
.eigenschap-box {margin-bottom:25px;}
.eigenschap-content, .eigenschap-content p {    font-weight: 300;font-size:18px}
.eigenschap-counter {    font-size: 68px;    color: #25303b;    font-weight: 900;    line-height: 1;    width: 100px;padding-left:10px}
.eigenschap-content {width:calc(100% - 100px)}


.content-btns {margin-bottom:25px}
.content-btns .btn {margin-right:20px;margin-bottom:10px;}
.content-btns.text-center .btn {margin-left:10px;margin-right:10px}


.calltoaction-row, .reviews-row {background-size:cover;background-position:center center;background-repeat:no-repeat; padding:80px 0 50px;position:relative;}
.calltoaction-row, .calltoaction-row p, .calltoaction-row h2, .reviews-row, .reviews-row h2 {color:#fff}
.calltoaction-row:before , .reviews-row:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.8;background-color:#25303b}

.calltoaction-row input[type="text"], .calltoaction-row input[type="email"]{    height: 49px;}

.calltoaction-row input[type="submit"]{width:100%}

.facts-row {background-size:cover;background-position:center center;background-repeat:no-repeat; padding:50px 0 10px;position:relative;}
.facts-row:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.8;background-color:#25303b}

.facts-row .wrapper, .calltoaction-row .wrapper, .reviews-row .wrapper{position:relative;z-index:100}
.facts-box {margin-bottom: 40px;    background-color: rgba(255, 255, 255, 0.8);    padding: 40px 40px 0;}
.facts-box h2 {margin-bottom:30px}
.fact-icon img {width:100%;}

.review-slider .review-box {margin-bottom:0;    background-color: rgba(255, 255, 255, 0.8);}

.slick-slide {outline:none}
.review-slide {    padding-top: 40px;}

.slider-nav {
    color: #fff;
    opacity: 0.8;
    font-size: 43px;
    line-height: 1;
    position: absolute;
    top: calc(50%);z-index:8000;cursor:pointer
}
.slider-nav:hover {opacity:1;}
.slider-nav-next {right:-50px}
.slider-nav-prev {left:-50px}

@media screen and (max-width:1600px){
	.review-slider {padding:0 50px}
.slider-nav-next {right:20px}
.slider-nav-prev {left:20px}	
}

@media screen and (min-width:600px){
	.fact-icon {width:100px;margin-right:30px;}
	.next-to-icon {width:calc(100% - 130px);}
}
@media screen and (max-width:599px){
	.fact-icon {margin-bottom:30px;text-align:center;}
	.fact-icon img {max-width:150px;}
}


.marginfix.review-archive-title {    margin-bottom: 90px;}
.review-box {padding:30px 20px;background-color:#fff;margin-bottom:70px}
.review-title {text-align:center;margin-bottom:20px}

.review-title h3 {font-size:24px;margin:0;}
.review-title h5 {color:#888888;font-size:18px;font-weight:300;font-family: 'Lato', sans-serif;text-transform:none;}
.review-content p, .review-content {    color: #888888;    font-size: 20px;    font-weight: 300;    font-style: italic;}

.review-pasfoto {width: 130px;height: 130px;background-size: cover;background-position: center center;border-radius: 50%;display: block;border: 5px solid #f4f5f7;margin: -70px auto 20px;background-color: #ddd;}


.faq-titlebox {    margin-bottom: 25px;    background: #fff;    padding: 25px 25px 20px;text-align:center;}
.faq-titlebox ul, .faq-titlebox  li {padding:0;margin:0;list-style:none;display:inline-block}
.faq-titlebox  li {margin:0 15px 5px}
.faq-titlebox  li:before {display:none!important}
.faq-titlebox a{font-size:20px;color:#1e1e1e;font-weight:300}
.faq-titlebox a:hover {color:#e57f3f}

.faq-content-row {    margin-bottom: 25px;    background: #fff;    padding: 25px 25px 20px;}
.faq-content-title h3 {text-align:center;font-size:20px;margin:0;}
.faq-content-title {margin-bottom:10px}

.faq-content {display:none}
.faq-title {  cursor:pointer  }

.faq-specifiek{padding: 15px 0;    border-bottom: 1px solid #2d353e;}
.faq-title h4 {font-size:18px;font-weight:600;font-family: 'Lato', sans-serif;text-transform:none;padding-left:27px}
.faq-content p, .faq-content {    font-weight: 300;    font-size: 18px;}


.faq-title {position:relative;}
.faq-title:before {width:18px;height:18px;border:2px solid;color: #25303b;border-radius:50px;position:absolute;content:"";left:0px;top:3px }

.faq-title h4:before, .faq-title:after {content:"";width:10px;height:2px;position:absolute;border-radius:2px;background-color:#25303b; top:11px;left:4px}


.faq-title:after{ -ms-transform: rotate(90deg);   -webkit-transform: rotate(90deg);  transform: rotate(90deg);}
.faq-title.active-faq:after {display:none}




.txtimg-large {    height: 100%; height:calc(100% - 35px);   width: 50%; width:calc(50% - 10px); min-height:250px;margin-right:20px;margin-bottom:20px;}
.txtimg-small {height: 50%;     height: calc(50% - 27.5px);   width: 50%;width:calc(50% - 10px);min-height:115px;margin-bottom:20px;}

.txtimg-half {height: 50%;     height: calc(50% - 27.5px);   width: 50%;width:calc(50% - 10px);padding-bottom:calc(50% - 10px);margin-bottom:20px;}
.txtimg-half:nth-child(1){margin-right:20px;}
.txtimg-bottom  {   height: 50%;     height: calc(50% - 27.5px);   width: 100%; min-height:200px;margin-right:0;margin-bottom:20px;}

.txtimg-large, .txtimg-small, .txtimg-half, .txtimg-bottom {background-size:cover;background-position:center center;background-repeat:no-repeat;}
.tripple-image-margin {margin-bottom:15px}





.keus-box {  position:relative; cursor:pointer; background-color: #fff;    margin-bottom: 30px;    padding: 25px 30px;}
.keus-box:last-child {margin-bottom:0;}
.keus-row {margin-bottom:30px}
.keus-box:hover, .keus-box.slick-bullit-active {	-webkit-box-shadow:0px 0px 27px 0px rgba(0,0,0,0.24);
	-moz-box-shadow: 0px 0px 27px 0px rgba(0,0,0,0.24);
box-shadow: 0px 0px 27px 0px rgba(0,0,0,0.24);
}

.keus-icon {    position: absolute;    top: 25px;    left: 30px;    width: 65px;    height: calc(100% - 50px);    background-size: contain;    background-position: center center;    background-repeat: no-repeat;}

.keus-titel {padding-left:95px;}
.keus-box h3 {    font-size: 20px;}
.keus-box {
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.keus-icon {position:absolute;}


.keus-slider {margin-bottom:30px}
.keus-box a {position:absolute;top:0;left:0;width:100%;height:100%;content:"";}
.keus-slide {
    min-height: 300px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
}
.keus-slide-content {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px;
    background: #25303b;
    width: 100%;
    color: #fff;
}
.keus-slide-content p {font-size:18px;color:#fff}

@media screen and (min-width:768px){
	.keus-row-right {float:right}
	.keus-row {width:25%}
	.keus-slider-holder {width:50%}
}
@media screen and (min-width:768px) and (max-width:1200px){
	.keus-row {width:30%}
	.keus-slider-holder {width:40%}
}
@media screen and (max-width:768px){
.keus-row {width:50%;margin-bottom:20px}
	.keus-box {margin-bottom:20px}
}



.pakket-box {background-color:#fff}
.pakket-side .review-box {margin-bottom:0}
.pakket-side > div {margin-bottom:30px}
.pakket-side > div:last-child {margin-bottom:0}

.pakket-box-inner {    padding: 30px 25px 20px;}
.pakket-box-inner h2 {font-size:30px;margin-bottom:25px}

.pakket-box-inner, .pakket-box-inner p {    font-size: 18px;    color: #888888;    font-weight: 300;}
.pakket-box-inner p {margin-bottom:15px;}
.pakket-box-inner p:last-child {margin:0;}

.pakket-desc { margin-bottom:15px;   padding-bottom: 15px;    border-bottom: 1px solid #f4f4f4;}
.pakket-prijs {margin-bottom:15px}
p.sub-prijs {font-weight:300;color:#888888;margin:0;}
p.prijs {    font-family: 'Oswald', sans-serif;    font-weight: 700;    text-transform: uppercase;    color: #25303b;font-size:30px}

.pakket-info > div {margin-bottom:15px;   padding-bottom: 15px;    border-bottom: 1px solid #f4f4f4;}
.pakket-info p {color:#1e1e1e;font-weight:bold;text-align:center}

.pakket-icon {text-align:center;margin-bottom:15px;}
.pakket-icon > div {background-size:contain;background-repeat:no-repeat;background-position:center center;width:95px;height:95px;display:block;margin:0 auto}
.side-factbox {    padding: 30px 20px 15px;    background-size: cover;    background-position: bottom center;    position: relative;    background-color: #2d353e;}

.side-factbox:before {	    content: "";    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    opacity: 0.9;
    background-color: #25303b;    z-index: 1;}

.side-factbox > div {position:relative;z-index:10}

.side-factbox h2 {color:#fff;font-size:30px;margin-bottom:30px;padding-left:125px}
.side-facticon {position:absolute;top:0;left:0;width:100px;height:90px;background-size:contain;background-repeat:no-repeat;background-position:center center;}

.side-factbox p, .side-factbox {    font-size: 18px;    color: #d7d7d7;font-weight:300;}

.side-factbox a {font-weight:700;}
.side-factbox a:hover, .side-factbox a:focus {color:#fff}



.review-side-holder {background-color:#fff;padding:30px 25px 20px}
.review-side-holder .review-box {    padding: 70px 0 0px;    margin-bottom: 25px;}
.review-side-holder .slider-nav {    color: #888;    font-size: 30px;    top: 50px;opacity:0.4}
.review-side-holder .slider-nav:hover, .review-side-holder .slider-nav:focus { color: #888;opacity:1}

.review-side-holder .slider-nav-next {right:0;}
.review-side-holder .slider-nav-prev{left:0;}

@media screen and (min-width:992px){
	.pakket-holder {width:66.66667%}
.pakket-side {width:33.33333%}
}

@media screen and (min-width:768px) and (max-width:991px){
	.pakket-side > div {width:calc(50% - 15px)}
	.pakket-side > div:first-child {margin-right:30px}
}

@media screen and (max-width:767px){

.pakket-holder-slider .pakket-box-holder {max-width:500px}

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

.pakket-holder-slider .pakket-box-holder {max-width:260px}
	.pakket-icon > div {width:60px;height:60px;}
	.pakket-box-inner h2 {margin-bottom:20px;}
	
	.pakket-desc {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #f4f4f4;
    font-size: 14px;
    line-height: 16px;
}
}



.tabel-column {width:250px;}
	.tabel-column:not(:first-child){margin-left:-1px}
	.tabel-header {background:#eee}
	.tabel-column > div {border:1px solid #000;padding:10px;border-top:none}
	.tabel-header {border-top:1px solid #000!important}
	.tabel-header h4 {font-size:20px;}
	.tabel-container {
    overflow: auto;text-align:center
		
}
.over-scroll {    margin: 0 auto;
    text-align: left;
    display: inline-block;}


	
	@media screen and (min-width:991px){
		.tabel-row {font-size:18px;}
	}
@media screen and (max-width:767px){
	.tabel-header h4 {
    font-size: 16px;
}
}


.wist-je-dat-row  h2 {margin:0;}

.wist-je-dat-box {max-width:70%;float:right;position:relative;z-index:10}
.wist-je-dat-box > div {background:#F4F4F4;padding:30px 25px 10px;}
.wist-je-dat-row .with-media {position:relative;}
.wist-je-dat-row .with-media .wist-je-dat-box {margin-top:120px;}
.wist-je-dat-media {position:absolute;top:0;left:0;width:50%;height:calc(100% - 40px);}
.wist-je-dat-media img {position:absolute;top:0;left:15px;width:calc(100% - 30px);height:100%;object-fit:cover;}


.dropdown-item {
    margin-bottom: 30px;
    border-bottom: 1px solid #ddd;
}
.dropdown-item  h3, .fold-content  {margin-bottom: 30px;}
.fold-content {display:none}
.dropdown-item  h3 {position:relative;padding-right:30px;}
.dropdown-item h3:after {
    content: "\f078";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    position: absolute;
    top: 8px;
    right: 0;
    line-height: 1;
    font-size: 90%;
}
.dropdown-item h3 {cursor:pointer;}
.dropdown-item h3.active:after {transform:rotate(180deg);top:4px}
.fold-content {display:none;}
.active .fold-content {display:block}

@media screen and (min-width:768px){
.wist-je-dat-row  h3, .dropdown-item  h3 {font-size:30px;}
	.dropdown-slider {order:2;}
	
}
@media screen and (max-width:991px){
	
.wist-je-dat-row .with-media .wist-je-dat-box {    margin-top: 60px;}
}

@media screen and (max-width:767px){
	.wist-je-dat-box > div {    padding: 20px 15px 10px;}
	.wist-je-dat-media {    height: calc(100% - 30px);}
	
	.dropdown-item h3, .fold-content {    margin-bottom: 15px;}
	.dropdown-item {    margin-bottom: 15px;}
	.dropdown-item:last-child {margin-bottom:30px;}
}
@media screen and (max-width:500px){
.wist-je-dat-box {	max-width: 100%;}
	    .wist-je-dat-media {
        height: 120px;
        width: 100%;
        position: relative;
        margin: 0 !important;
    }
	.wist-je-dat-row .with-media .wist-je-dat-box {margin-top:0}
	.wist-je-dat-media img {left:0;width:100%;        position: relative;}
}
/*------------------------------------*\
   NEWS
\*------------------------------------*/
a {cursor:pointer}

.archive-row {    background: #f4f4f4;}
.overlay {content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background-color:#25303b;}

.newsbox {    background: #fff;    padding: 30px;    margin-bottom: 30px;}
.newsbox-image {    background-size: cover;    background-position: center center;    min-height: 150px;    background-color: #f1f1f1;    position: relative;    width: 35%;margin-right:30px}
.newsbox-content {width:calc(65% - 30px)}
.newsbox .btn {    min-width: 300px;}

.newsbox-content h3 {margin-bottom:20px}
.newsbox-content p {font-size:18px}
.post-date {color:#a3a3a3;font-size:16px}

.newsbox:hover .overlay {opacity:0.4}

.page-numbers {    font-family: 'Oswald', sans-serif;    font-weight: 700;    text-transform: uppercase;
    color: #25303b;    font-size: 24px;    margin: 0px 5px;    display: inline-block;}

a.page-numbers:hover, a.page-numbers:focus, .page-numbers.current {color:#e57f3f}

@media screen and (max-width:650px){
	.newsbox-image	{margin-right:0;width:100%;margin-bottom:25px;padding-bottom:45%}
	.newsbox-content {width:100%}
	
}

/*------------------------------------*\
   SINGLE
\*------------------------------------*/

.single-content {padding:30px 15px 0;background-color:#fff;}
.single-margin{margin-bottom:30px}
.single-first-content {    font-weight: 600;}


.breadcrumb ul,.breadcrumb li {padding:0;margin:0;list-style:none;display:inline-block;}
.breadcrumb li:before{display:none}

.breadcrumb, .breadcrumb a {font-size:16px;color:#25303b}
.breadcrumb a:hover,.breadcrumb a:focus, .breadcrumb .current{color:#e57f3f}

.breadcrumb li:after {      content: "\f054";    font-family: "Font Awesome 5 Pro";    font-weight: 900;
    position: absolute;    right: -16px;    top: 4px;    color: #a3a3a3;    font-size: 13px;}
.breadcrumb li:last-child:after {display:none}


.breadcrumb li {margin-right:20px}
.breadcrumb li:last-child {margin-right:0}

.single-content-row {    padding-top: 25px;}

/*------------------------------------*\
   BTN
\*------------------------------------*/
.read-more i {margin-left:10px}


	.btn {    font-family: 'Oswald', sans-serif;    font-weight: 700;
    text-transform: uppercase;color:#fff;font-size:20px;display:inline-block;padding:15px 20px;line-height:1;min-width:220px;text-align:center;background-color:#ddd;border:none;outline:none;cursor:pointer}

.btn:hover, .btn:focus {background-color:#1e1e1e;color:#fff}

.btn-dark {background-color:#25303b;}
.btn-dark:hover, .btn-dark:focus {background-color:#e57f3f}

.btn-orange {background-color:#e57f3f;}
.btn-orange:hover, .btn-orange:focus {background-color:#25303b}

.btn-green, button._submit {background-color:#508b50!important;}
.btn-green:hover, .btn-green:focus, button._submit:hover, button._submit:focus {    background-color: #e57f3f!important;}


.popup-contact-btn {   margin-top: 15px;}


/*------------------------------------*\
   CONTACT
\*------------------------------------*/
.contact-form-holder > div {background-color:#fff;padding: 30px 15px;}

.map {    background: #ddd;    border: 10px solid #fff;min-height:250px}
.dynamic-map {border:none;height:410px}
.contact-form-holder h3 {margin-bottom:30px}


.location-holder {position:relative;}

.location-infobox {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 30px;
    width: 270px;
    text-align: center;
}

.location-infobox h4 {
    font-size: 40px;
    line-height: 1.3;
}
.location-infobox h4 span {color:#e57f3f}

@media screen and (min-width:992px){

.location-infobox-holder {position:absolute;z-index:1000;width:100%;top:30px;left:20%;width:270px}
}
	
@media screen and (max-width:1760px){
.location-infobox-holder {left:10%;}
	
}
@media screen and (max-width:1400px){
.location-infobox-holder {left:15px;}
	
}
@media screen and (max-width:991px){
.location-infobox-holder {left:15px;}
	.location-infobox {background-color: #25303b;width:100%;padding:20px 0;}
	
	.location-infobox h4 {color:#fff;font-size:30px}
}
@media screen and (max-width:767px){
	.location-infobox h4 {color:#fff;font-size:22px}
}


@media screen and (min-width:768px){
	.contact-form-holder ,	.maps-holder {width:50%}
}
@media screen and (min-width:992px){
	.contact-form-holder {width:40%}
	.maps-holder {width:60%}
}


.full-contact-form-holder {    width: 900px;	margin-left: calc(50% - 450px);}
@media screen and (max-width:950px){
	.full-contact-form-holder {width:100%;margin-left:0}
}


/*style the box*/  
.gm-style .gm-style-iw {
    background-color: rgba(255, 255, 255, 0.9) !important;
    top: 0 !important;
    left: 0 !important;
    min-height: auto !important;
    padding-top: 10px;
    display: block !important;
    border-radius: 0!important;
    box-shadow: none;
    border: none!important;
    padding: 30px 20px!important;
}

.gm-style .gm-style-iw #google-popup p{            padding: 10px;         }
.gm-style .gm-style-iw-d {    width: 350px;}     

.gm-style div div div div div div div div {padding: 0;margin: 0;padding: 0;top: 0;color: #fff;font-size: 16px;overflow:hidden!important    }
        
.gm-style div div div div div div div div a {color: #e57f3f;}
.gm-style div div div div div div div div a:hover, .gm-style div div div div div div div div a:focus {color: #000;}

.gm-style .gm-style-iw-t::after {display:none!important}

.marker-logo {    width: 90px;    margin-right: 30px!important;    float: left;}
.marker-content {width:calc(100% - 120px);float: left;}

.marker-content h3 {    font-size: 20px;    margin: 0;}
.marker-content h3 span {color:#e68449}
.marker-content li, .marker-content ul {padding:0;margin:0;list-style:none;}

.marker-content li {padding-left:0!important}
.marker-content li:before {display:none!important}
.marker-content li, .marker-content li p{font-size:18px;color:#1e1e1e}


.direct-form-holder > div {background-color:#fff;padding:0 0 10px}
.direct-selectie {    margin-bottom: 30px;}

.direct-keus {    width: 50%;    text-align: center;    padding: 30px;    border-bottom: 3px solid #e8e8e8;cursor:pointer}
.active-keus {border-color:#25303b}
.direct-box {padding:0 20px}

.direct-box li:before {display:none!important}
.direct-box li {padding-left:0!important;margin-bottom:30px!important}
.direct-box li:last-child {margin:0!important}
.direct-box li a{color:#25303b}
.direct-box li a:hover, .direct-box li a:focus, .direct-box li i {color:#e57f3f}
.direct-box li i {margin-right:25px;}

.direct-keus span {    position: relative;    display: inline-block;    padding-left: 45px;    font-size: 18px;}
.direct-keus span:before, .direct-keus span:after {content:"";position:absolute;border-radius:50%}
.direct-keus span:before {width:18px;height:18px;background-color:#25303b;top:calc(50% - 9px);left:6px;opacity:0}
.direct-keus span:after {width:30px;height:30px;left:0;top:calc(50% - 15px);border:2px solid #e9e9e9}
.direct-keus.active-keus span:before{opacity:1;}




form h4 {
    font-size: 15px;
    margin: 0 0 10px;
}
input[type="radio"] {display:none}
.popup-overlay {overflow:hidden}
.wpcf7-list-item, .popup-overlay .wpcf7-list-item-label {position:relative;margin:0;margin-right:15px;padding-left:30px;    padding-left: 45px;
    font-size: 18px;margin-bottom: 5px;display:block}

input[type="radio"] + .wpcf7-list-item-label:before{content:"";position:absolute;border-radius:50%} 
input[type="radio"] + .wpcf7-list-item-label:after {content:"";position:absolute;border-radius:50%}

input[type="radio"] + .wpcf7-list-item-label:before {width:18px;height:18px;background-color:#25303b;top:calc(50% - 9px);left:6px;opacity:0}
input[type="radio"] + .wpcf7-list-item-label:after {width:30px;height:30px;left:0;top:calc(50% - 15px);border:2px solid #e9e9e9}
input[type="radio"]:checked + .wpcf7-list-item-label:before{opacity:1;}

.popup-overlay input[type="radio"] +.wpcf7-list-item-label{color:#888888;}
.popup-overlay input[type="radio"]:checked +.wpcf7-list-item-label{    color: #25303b;}
 
select.wpcf7-form-control.wpcf7-select, select.custom-form-control {
	border:none;
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #e8e8e8;
    background: #fff;
    outline: 0;
    padding-left: 10px;margin-bottom:30px;border-radius:0
}
select.custom-form-control {background:none;margin-bottom:0}
.custom-select-holder{position:relative;}
.custom-select-holder:after {
    content: "\f078";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    position: absolute;
    z-index: 1;
    right: 15px;
    top: 13px;
    color: #a3a3a3;
    line-height: 1;
}

input.wpcf7-dynamictext, input.wpcf7-text, input[type="text"], input[type="email"], .size-holder, input[type="password"] {
	border:none;
    width: 100%;
    height: 40px;
    border-bottom: 2px solid #e8e8e8;
    background: #fff;
    outline: 0;
    padding-left: 15px;margin-bottom:30px;font-family: 'Lato', sans-serif;
}
.form-login-hold-grey input[type="password"] {background:none}
textarea.wpcf7-textarea{
    width: 100%;font-family: 'Lato', sans-serif;;
    height: 110px;padding-left:15px; padding-top:15px;
    border: 2px solid #e8e8e8;
    background: #fff;
	resize:none;outline:0;margin-bottom:30px
}

span.wpcf7-not-valid-tip {display:none}
.wpcf7-not-valid {
    border-color: #f92417!important;
}
input.wpcf7-form-control.wpcf7-submit, button._submit {
 font-family: 'Oswald', sans-serif;    font-weight: 700;
    text-transform: uppercase;color:#fff;font-size:20px;display:inline-block;padding:15px 20px;line-height:1;min-width:220px;text-align:center;background-color:#25303b;border:none;outline:none;
}
input.wpcf7-form-control.wpcf7-submit:hover, input.wpcf7-form-control.wpcf7-submit:focus, button._submit:hover, button._submit:focus {background-color:#e57f3f}


div.wpcf7-validation-errors {
    border: 2px solid #f92417;
    color: #f92417;
}
div.wpcf7-mail-sent-ok {
    border: 2px solid #6ec828;
    color: #6ec828;
}
div.wpcf7-response-output {
    margin: 10px 0 0;
    padding: 0.2em 1em;
    clear: both;
    text-align: center;
    font-size: 16px;
    float: left;
}

.wpcf7 form .wpcf7-response-output {
    margin: 0;margin-top:20px;
    padding: 10px 20px;
    width: 100%;
}


.size-holder {height:50px;margin:0;border:none}
.size-max {float:right}

.size-holder::-webkit-outer-spin-button,
.size-holder::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input, button, select, .size-holder {
   -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
}
::-webkit-input-placeholder { /* Edge */
  color: #888888;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #888888;
}

::placeholder {
  color: #888888;
}


/*------------------------------------*\
  HOMEPAGE
\*------------------------------------*/
.home-banner {margin-top:57px;min-height:755px;background-size:cover;background-position:center center;background-repeat:no-repeat;position:relative;padding:100px 0 140px;}


.home .header-navigation {background-color:transparent}
.home .fixed-header .header-navigation {background-color:#fff}


.home-banner-content {    padding: 40px 25px 15px;    text-align: center;    background-color: rgba(255, 255, 255, 0.8);}
.home-banner-content .content-btns {margin-bottom:0;}
.banner-title {margin-bottom:45px}


.searchform-box-holder {    position: relative;	z-index: 1;}
.searchform-box-holder .content-btns {margin:0 0 20px;}
.searchform-box {    padding: 30px 30px 10px;    background: #25303b;    margin-top: -85px;}
.searchform-box h2, .searchform-box h1 {
    color: #fff;
    margin-bottom: 30px;
}









/*------------------------------------*\
   TITEL BANNER USPS
\*------------------------------------*/
.pagina-title-holder {padding:250px 0 135px;background-color:#fff}

.page-template-page-landing .pagina-title-holder {padding-bottom:30px}

.pagina-banner {height:400px;background-size:cover;background-position:center center;background-repeat:no-repeat;position:relative;}
.pagina-banner .wrapper {z-index:10;position:relative}
.pagina-banner:before {    content: "";    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    opacity: 0.5;
    background-color: #25303b;z-index:1}


.banner-infobox {
    max-width: 390px;
    margin-left: 5%;
    margin-top: -50px;
    padding: 50px 30px;
	background: #e57f3f;}

.banner-infobox ul, .banner-infobox li {padding:0;margin:0;list-style:none;display:block}
.banner-infobox li i{margin-right:15px;color: #1e1e1e;}
.banner-infobox ul, .banner-infobox p {margin:0 0 25px;}
.banner-infobox ul:last-child, .banner-infobox p:last-child {margin:0;}
.banner-infobox a:hover, .banner-infobox a:focus {color: #1e1e1e;}

.banner-info-holder h5 {    font-size: 18px;    text-transform: none;    color: #1e1e1e;    font-family: 'Lato', sans-serif;    margin-bottom: 60px;}
.banner-info-holder h3 {color:#fff;font-size:24px;margin-bottom:30px}
.banner-info-holder h3:last-child {margin:0;}

.banner-infobox, .banner-infobox p, .banner-infobox a {color:#fff}
.banner-infobox, .banner-infobox p {font-size:18px;font-weight:300;font-family: 'Lato', sans-serif;}

.usp-row {padding:20px 0 15px;background-color:#e57f3f}
.usp-row, .usp-row p {font-family: 'Oswald', sans-serif;font-weight:700;text-transform:uppercase;color:#fff;font-size:20px}

.usp-row ul, .usp-row li {padding:0;margin:0;list-style:none;}
.usp-row ul {display:block;text-align:center;}
.usp-row li {display:inline-block;margin:0 15px 5px;}


.archive-first-hold {padding-top:250px}

.banner-info-wrapper {position:absolute;z-index:100;width:100%;height:100%;top:0;left:0}
.pagina-banner-holder {position:relative;}
.pagina-banner, .home-banner {overflow:hidden}

.home-banner .wrapper, .pagina-banner .wrapper {z-index:100}


video.banner-video {
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 1;
}

.banner-titel-holder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}
.banner-titel h1 {color:#fff}

.compact-banner {margin-top:178px}

@media screen and (min-width:768px){
	.desktop-hide {display:none!important}
}
@media screen and (max-width:767px){
	.responsive-remove {display:none!important}
	
	
	.responsive-standaard-banner {margin-top:188px}
	
}

/*------------------------------------*\
   HEADER / FOOTER
\*------------------------------------*/
.float-content,.responsive-content{
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.closer {width:20px;height:20px;position:absolute;left:30px;top:50px;cursor:pointer;}

.closer:before, .closer:after {width:100%;height:2px;background-color:#888888;position:absolute;top:calc(50% - 1px);left:0;content:"";}

.closer:before{-ms-transform: rotate(45deg);   -webkit-transform: rotate(45deg);   transform: rotate(45deg); }
.closer:after{-ms-transform: rotate(-45deg);   -webkit-transform: rotate(-45deg);   transform: rotate(-45deg); }

.float-btn {    cursor: pointer;    color: #fff;    background-color: #e57f3f;    width: 50px;    height: 85px;    position: fixed;    right: 0;    top: 35%;    z-index: 9000;}
.float-btn:hover {background-color:#25303b}
.float-btn p {-ms-transform: rotate(90deg);    /* -webkit-transform: rotate(90deg); */    transform: rotate(90deg);    text-align: center;    width: 85px;    line-height: 1;    display: block;
    position: absolute;    top: 32px;    left: -17px;    font-size: 20px;    color: #fff;    font-weight: 900;    text-transform: uppercase;}

.float-content, .responsive-content {position:fixed;right:-280px;top:0;height:100%;width:100%;max-width:280px;z-index:9100;background-color:#fff;padding:140px 30px 0}
.responsive-content {overflow:auto;padding-top:100px;z-index:9350}
.float-content p, .float-content {    font-size: 16px;font-weight:300}
.float-content p {margin:0 0 25px;}
.float-content p:last-child {margin:0}
.float-content a {color:#1e1e1e}
.float-content h3 {font-size:24px}


.float-content .contact-socials {margin-top:25px}
.float-content li, .float-content ul {padding:0;margin:0;list-style:none;text-align:center}
.float-content .contact-socials li {display:inline-block;margin:0 5px;}
.float-content .contact-socials a {    display: inline-block;    width: 40px;    height: 40px;    background-color: #e57f3f;    color: #fff;    text-align: center;
    padding-top: 7px;    font-size: 27px;    line-height: 1;}
.float-content .contact-socials a:hover, .float-content .contact-socials a:focus {color:#fff;background-color:#25303b}
.side-mail {color:#e57f3f!important}
.side-mail:hover, .side-mail:focus {color:#25303b!important}

.active-float.float-content, .responsive-content.active-menu  {right:0;
	-webkit-box-shadow: -8px 0px 7px 1px rgba(0,0,0,0.24);
-moz-box-shadow: -8px 0px 7px 1px rgba(0,0,0,0.24);
box-shadow: -8px 0px 7px 1px rgba(0,0,0,0.24);
}



header {position:fixed;left:0;top:0;z-index:9300;width:100%;}

.logo img {width:165px}

.header-topbar {background-color:#25303b;padding:15px 0 10px}
.header-topbar > div {margin-bottom:5px;}

.topbar-left, .topbar-left p {	font-family: 'Oswald', sans-serif;    color: #fff;    font-weight: 700;    text-transform: uppercase;    font-size: 18px;}

.topbar-right, .topbar-right p {	 color: #fff;  font-size: 16px;}
.header-topbar a {color:#fff}
.header-topbar strong, .header-topbar a:hover {color:#e57f3f}



.logo {    width: 180px;}
.nav-holder {text-align:right;width:calc(100% - 180px)}
.desktop-nav ul, .desktop-nav li {padding:0;margin:0;list-style:none;}
.desktop-nav ul {display:block;}
.desktop-nav > ul {float:left;width:100%}
.desktop-nav li {display:inline-block;position:relative;}
.desktop-nav li li {display:block}

.header-navigation {    background-color: #fff;    padding: 20px 0;}
.desktop-nav a {    color: #25303b;    font-size: 20px;    text-transform: uppercase;    font-weight: 900;    font-family: 'Oswald', sans-serif;    display: block;    line-height: 1;    padding: 15px 0;}
.desktop-nav li:hover > a, .desktop-nav li.current-menu-item > a, .desktop-nav li.current-menu-ancestor > a {color:#e57f3f}

.desktop-nav .menu-item-has-children {padding-right:25px;position:relative;}
.desktop-nav .menu-item-has-children > span:before {content:"\f078";font-family:"Font Awesome 5 Pro";font-weight:900}
.desktop-nav .menu-item-has-children > span {    position: absolute;    top: calc(50% - 11px);    line-height: 1;    right: 0;}
.desktop-nav .menu-item-has-children:hover > span {  -ms-transform: rotate(180deg); /* IE 9 */
  -webkit-transform: rotate(180deg); /* Safari prior 9.0 */
  transform: rotate(180deg); /* Standard syntax */}


.desktop-nav > ul > li {margin:0 12px}
.desktop-nav > ul > li:first-child {margin-left:0;}
.desktop-nav > ul > li:last-child {margin-right:0;}


.desktop-nav .sub-menu {    display: none;    position: absolute;    width: 200px;    text-align: left;    background: #f7f7f7;    left: 0;    top: 100%;padding:5px 0}
.desktop-nav li:hover > .sub-menu {display:block;}
.desktop-nav .sub-menu li {display:block}
.desktop-nav  .sub-menu a {font-size:17px;padding:10px 10px;display:block;}


.desktop-nav .nav-btn a {    color: #fff;    background-color: #e57f3f;    padding-left: 25px;    padding-right: 25px;}
.desktop-nav .nav-btn a:hover, .desktop-nav .nav-btn a:focus {color:#fff;   background-color: #25303b;}



.mobbtn-holder {display:none}
.mobbtn {width: 35px;    height: 28px;float:right;position:relative;}

.mobbtn span {width:100%;height:4px;background-color:#25303b;position:absolute;content:"";left:0}

.mobbtn span:nth-child(1){top:0;}
.mobbtn span:nth-child(2){top:12px}
.mobbtn span:nth-child(3){top:24px}

.mobbtn.active-menu span:nth-child(2){width:0;left:50%}
.mobbtn.active-menu span:nth-child(1){
	top: 16px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg); 
  transform: rotate(45deg); 	
}
.mobbtn.active-menu span:nth-child(3){
	top: 16px;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg); 
  transform: rotate(-45deg); 	
}


.resp-nav ul, .resp-nav li {padding:0;margin:0;list-style:none;display:block;}

.resp-nav a {    color: #25303b;    font-size: 20px;    text-transform: uppercase;    font-weight: 900;    font-family: 'Oswald', sans-serif;    display: block;    line-height: 1;    padding: 9px 0;}
.resp-nav li:hover > a, .resp-nav li.current-menu-item > a, .resp-nav li.current-menu-ancestor > a {color:#e57f3f}

.resp-nav .sub-menu a {font-size:17px;padding-left:10px;}

.resp-nav .menu-item-has-children {padding-right:25px;position:relative;}
.resp-nav .menu-item-has-children > span:before {content:"\f078";font-family:"Font Awesome 5 Pro";font-weight:900}
.resp-nav .menu-item-has-children > span {       position: absolute;cursor:pointer;
    top: 0;
    line-height: 1;
    right: 0;
    width: 30px;
    height: 30px;
    text-align: center;
    padding-top: 12px;}
.resp-nav .menu-item-has-children > span.open-respnav {  padding-top:3px;-ms-transform: rotate(180deg); /* IE 9 */
  -webkit-transform: rotate(180deg); /* Safari prior 9.0 */
  transform: rotate(180deg); /* Standard syntax */}
.resp-nav .sub-menu {display:none}

.resp-nav .nav-btn a {    text-align: center;    margin-top: 15px;    padding: 15px;    background: #e57f3f;    color: #fff;}
.resp-nav .nav-btn a:hover, .resp-nav .nav-btn a:focus {background:#25303b;color:#fff}

@media screen and (min-width:1099px){
	.left-topbar {    width: 60%;}
	.right-topbar {    width: 40%;text-align:right}
	.responsive-content {right:-280px!important;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);}
}
@media screen and (max-width:1100px){
	.left-topbar,	.right-topbar {   text-align:center}
	.desktop-nav {display:none}
	.header-navigation {padding:10px 0}
	.mobbtn-holder {display:block}
}

@media screen and (max-width:600px){
	.topbar-left, .topbar-left p {font-size:13px}
	.topbar-right, .topbar-right p {font-size:14px}
}


.footer-top {padding:70px 0 70px}
.footer-top-usp {margin-bottom:30px}
.footer-icon {margin-bottom:25px}

.footer-top h3 {font-size:20px;margin-bottom:30px}
.footer-icon-content p, .footer-icon-content {    font-size: 18px;    color: #888;}
.footer-top img {height:80px;width:auto;}



footer {background-color:#24323d;padding-top:110px;position:relative;}
.footer-logo {    position: absolute;    width: 165px;        top: -155px;    left: 10px;}
footer, footer a, footer p {font-size:18px;color:#fff;}
footer a:hover,footer a:focus {color:#e57f3f;}
footer h4 {font-size:24px;margin:0 0 30px!important;color:#fff}
footer ul ,footer li {padding:0;margin:0;list-style:none;display:block}

footer ul {margin:0 0 30px;}
footer ul:last-child {margin:0}

.footer-margin {margin-bottom:40px}

.footer-widgets {margin-bottom:30px;position:relative;}
.footer-bottom {background-color:#e57f3f;padding:35px 0 25px;}
.copyright-box {margin-bottom:10px}

.copyright-box, .copyright-box p, .copyright-box a {font-size:20px}
footer .copyright-box a:hover,footer .copyright-box a:focus {color:#24323d}

footer .copyright-box li {display:inline-block;margin:0 10px;position:relative;}
footer .copyright-box li:after {width:6px;height:2px;background-color:#fff;position:absolute;content:"";right:-15px;top:calc(50% + 1px)}
footer .copyright-box li:last-child:after {display:none}

footer .footer-socials li {display:inline-block;float:left;margin-right:30px}
.footer-socials a {display: inline-block;    width: 50px;    height: 50px;    background-color: #e57f3f;    color: #fff;    text-align: center;    padding-top: 9px;    font-size: 32px;    line-height: 1;}
footer .footer-socials a:hover, footer .footer-socials a:focus {color:#e57f3f;background-color:#fff}

.footer-socials {    margin-top: 120px;}
.footer-map img{width:100%;max-width:300px;}

.footer-socials-responsive li {display:inline-block;margin:0 5px}
.footer-socials-responsive a {font-size:24px}


@media screen and (min-width:768px){
	.footer-contact {float:right}
}
@media screen and (min-width:1351px){
	.copyright-box:last-child {text-align:right}
}
@media screen and (max-width:1350px){
	.copyright-box {text-align:center}
	.copyright-box {width:100%}
}
@media screen and (max-width:991px){
	.copyright-box, .copyright-box p, .copyright-box a {font-size:19px}
	.footer-socials {    margin-top: 80px;}

}
.footer-responsive {display:none}
@media screen and (max-width:767px){
	.copyright-box, .copyright-box p, .copyright-box a {font-size:16px}
	footer .copyright-box li:after {display:none}
	.footer-socials {    margin-top: 30px;}
	
	footer{text-align:center}
	footer .footer-socials li {float:none;margin:0 10px}
	
	.footer-desktop {display:none}
	.footer-responsive {display:block}
	
	.footer-logo {    width: 80px;        top: -65px;   left: calc(50% - 40px);}
	footer {    padding-top: 45px;}
	footer, footer a, footer p {    font-size: 16px;    color: #fff;}
	
	footer .footer-bottom-menu a {font-size:14px}
	footer .footer-bottom-menu li {display:inline-block;margin:0 7px;position:relative}
	footer .footer-bottom-menu li:first-child {margin-left:0}
	footer .footer-bottom-menu li:last-child {margin-right:0}
	footer .footer-bottom-menu li:last-child:after {display:none}
	footer .footer-bottom-menu li:after {content:"";position:absolute;right:-9px;width:1px;height:60%;top:30%;background:#fff}
	
	.footer-margin {    margin-bottom: 15px;}
	.footer-bottom {    padding: 20px 0 15px;}
	.copyright-box {    margin-bottom: 5px;}
	
	.footer-widgets {    margin-bottom: 10px;  }
	
}

/*------------------------------------*\
    GARAGEBOX
\*------------------------------------*/
.list-label {display:none}
.list-label .garagebox-label {    position: relative;    display: inline-block;    margin: 0 5px;}
.list-box .overlay {z-index:10}
.list-box .garage-box-title h3 {text-align:left;}
.garage-box-kosten {
    z-index: 200;
    position: relative;
}

.list-box .garage-box-container {width:100%;}
.list-box .garage-box-container .garage-box-image {display:none}
.list-box .garage-box-container .garage-box {padding:15px;height:auto!important}
.list-box .garage-box-container .garage-box > div {padding:0 15px;margin-bottom:0}

.list-box .garage-box-title {    width: calc(55% - 430px);    text-align: left;}
.list-box .list-label {    width: 200px;}
.list-box .garage-box-stats {    width: 300px;    text-align: left;}
.list-box .garage-box-stats ul {text-align:left;}
.list-box .garage-box-kosten {display:none!important}
.list-box .garagebox-label:nth-child(2) {    top: 0;}
.list-box .garage-box-btn {    width: 320px;text-align: right;}
.list-box .garage-box .btn {width:130px;}
.list-box .garage-box-prijs {text-align:right;width: calc(45% - 390px);}
.list-box .garage-box-prijs .prijs, .list-box  .kosten-box .prijs {text-align:right}

.list-box .garage-box .btn:nth-child(2){margin-left:20px}


.list-garagebox-stats {display:none!important}

.list-box .garage-box-stats, .list-box .garage-box-title, .list-box .list-label {  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;	
  -moz-align-items:center;
  -ms-align-items:center;}


.garage-box .double-btns .btn{width:calc(50% - 10px);    float: left;}
.double-btns .btn:last-child {margin-left:20px;}
.garage-box-btn {
    position: relative;
    z-index: 100;
}

@media screen and (max-width:1350px){
.list-box .list-label {      display:none}
	.list-box .garage-box-prijs {width:200px}	
	.list-box .garage-box-title {    width: calc(100% - 820px);    text-align: left;}
}


@media screen and (max-width:1200px){
	.list-box .garage-box-title h3 {font-size: 19px;}
	
	.list-box .garage-box-btn {    width: 290px;}
	.list-box .garage-box-stats {    font-size: 15px;    width: 250px;}
	.list-box .garage-box-title {    width: calc(100% - 710px);}
	.list-box .garage-box-prijs p {    font-size: 14px;}
	.list-box .garage-box-prijs .prijs, .list-box .kosten-box .prijs {font-size: 18px;    line-height: 1.2;}
	.list-box .garage-box-prijs {    width: 170px;}
	.list-box .garage-box .btn {    width: 105px;    padding: 10px 20px;}
	.list-box .garage-box .btn {float:none!important}
	
}
@media screen and (max-width:1000px){
	.list-box .garage-box-btn {    width: 50%;    text-align: right;}
	
	.list-box .garage-box-prijs .prijs, .list-box .kosten-box .prijs {    text-align: left;    width: 50%;}
	.list-box .garage-box-prijs {    text-align: left;    width: 50%; }
	
	.list-box .garage-box-title {width:50%;text-align:left;}
	
	.list-box .garage-box-stats {    width: 50%;text-align:right}
	
	.list-box .garage-box-title h3 {
    text-align: left;
    display: block;
    width: 100%;
}
	.list-box .garage-box-stats ul {
    text-align: right;
}
	.garage-box-container.list-box .garage-box {margin-bottom:20px}
	.list-box .garage-box .garage-box-btn {text-align:right;}
	
}
@media screen and (max-width:590px){
	.list-box .garage-box-btn {display:none!important}
	.list-box .garage-box-title h3 {		font-size: 13px;}
	.list-box .garage-box-stats {display:none!important}
	.list-box .list-garagebox-stats {display:block!important}
	.list-box .garage-box-stats {    width: 100%;    text-align: left;margin-bottom:0!important}
	.list-box .garage-box-stats ul {    text-align: left;    font-size: 10px;}
	.list-box .garage-box-prijs .prijs, .list-box .kosten-box .prijs {width:100%}
	.list-box .garage-box-prijs {text-align:right;font-ize:12px}
	.list-box .garage-box-prijs .prijs {text-align:right; font-size: 15px;
    line-height: 1.2;}
	.list-box .garage-box-prijs p {    font-size: 10px;}
	
	.list-box .garage-box >.overlay {    display: block;}
	
}

.garage-box {padding:30px;background-color:#fff;margin-bottom:30px}

.garage-box-image {    position: relative;    background-size: contain;    background-repeat: no-repeat;
    background-position: center center;    height: 170px;    margin-bottom: 20px;}
.garagebox-label {    position: absolute;}

.garage-box-title h3 {    font-size: 24px;    text-align: center;margin-bottom:0}
.garage-box-title {margin-bottom:15px}

.garage-box-stats {margin-bottom:15px}
.garage-box-stats ul {float:left;width:100%;text-align:center;}
.garage-box-stats ul li:before {display:none!important}
.garage-box-stats ul li {padding-left:0!important;float:left;width:50%}
.garage-box-stats i{    color: #e57f3f;margin-right:10px}




.garage-box-prijs {margin-bottom:10px;text-align:center}
.garage-box-prijs p{font-size:16px}
.garage-box-prijs .prijs,.kosten-box .prijs {    text-align: center;    margin: 0;    font-size: 20px;}

.garage-box-kosten {    font-size: 12px;    color: #9a9a9a;text-align:center;margin-bottom:20px}

.garage-box-kosten ul, .garage-box-kosten li {padding:0;margin:0;list-style:none;display: inline-block;position:relative;}
.garage-box-kosten li:before {display:none}
.garage-box .btn {min-width:auto;width:100%;}

.kosten-box {    text-align: center;    background: #e9e9e9;    padding: 55px 30px;}
.kosten-box .prijs {font-size:36px}
.kosten-box p {margin-bottom:15px}
.kosten-box ul, .kosten-box li {padding:0;margin:0;list-style:none;display: inline-block!important;position:relative;font-size: 18px;    color: #9a9a9a;text-align:center;}
.kosten-box ul {width:100%;margin-bottom:15px;}
.kosten-box li:before {display:none}

.garagebox-label {    font-size: 12px;    color: #fff;    font-weight: 600;padding:2px 10px;top:0;left:0;}
.garagebox-label:nth-child(2){top:27px}


.garagebox-label.huur {background-color:#335d97;}
.garagebox-label.koop {background-color:#e5a73f}

.garage-box-maintitle .read-more i {margin-left:0;margin-right:10px}

@media screen and (min-width:992px){
	.garage-box-maintitle{position:relative;padding:0 320px}
	.garage-box-maintitle .read-more {position:absolute;bottom:4px;left:15px;}	
}



.garage-tab {   cursor:pointer; width: 50%;    padding: 20px 10px;    background-color: #e9e9e9;    text-align: center;}
.active-tab.garage-tab {background-color:#fff}
.garage-tab h4 {opacity:0.5}
.active-tab.garage-tab h4 {opacity:1;}



.garage-specific {display:none;margin-bottom:25px}
.garage-specific.active-tab {display:block}

.garage-specific-box {background:#fff;padding:30px 15px}

.garage-specific-informatie h3 {    font-size: 20px;    margin: 0;    text-transform: none;    font-family: inherit;}
.garage-specific-informatie li {padding:0;display:block;}
.garage-specific-informatie li:before {display:none}



.garage-firstimg >div {position:relative;background-size:contain;background-repeat:no-repeat;background-position:center center;border:2px solid #f4f4f4;padding-bottom:60%}


.garage-image > div {position:relative;background-size:cover;background-repeat:no-repeat;background-position:center center;border:2px solid #f4f4f4;}

.large-image {margin-bottom:30px}
.large-image > div {padding-bottom:calc(50% - 25px)}
.small-image {width:50%;}
.small-image > div {padding-bottom:100%}

.specific-info-row > div:first-child {    width: 55%;}
.specific-info-row > div:last-child{    width: 45%;}


.tooltip {        display: none;
    position: absolute;
    background: #f7f7f7;
    width: 290px;
    right: 10px;
    top: 10px;
    text-align: left;
    padding: 20px ;
    font-size: 12px;    -webkit-box-shadow: 0px 8px 7px 1px rgba(0,0,0,0.23);
    -moz-box-shadow: 0px 8px 7px 1px rgba(0,0,0,0.23);
    box-shadow: 0px 8px 7px 1px rgba(0,0,0,0.23);text-align:left}
.active-tooltip .tooltip {display:block;}
.toolbox-toggle {  cursor:pointer;  color: #25303b;font-size:16px;position:relative;}
.tooltip-closer {width:15px;height:15px;position:absolute;top:10px;right:10px;cursor:pointer}
.tooltip li {font-size: 12px!important;
    line-height: 1.6;
    text-align: left!important;
    display: block!important;}
.tooltip ul {margin:0!important}
.tooltip-closer:before, .tooltip-closer:after {content:"";position:absolute;width:100%;height:2px;background:#000;left:0;top:calc(50% - 1px);} 

.tooltip-closer:after{  -ms-transform: rotate(90deg);  transform: rotate(90deg); }
.tooltip-closer {-ms-transform: rotate(45deg);  transform: rotate(45deg);}

.popup-overlay {display:block!important;position:relative;z-index:9999;background:rgba(68, 68, 68, 0.8);   width: 100%;    height: 100%;    top: 0;    left: 0;}
.popup-closer {  position:absolute;top:0;right:0;  background: rgba(30,30,30,.6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;color:#ccc}

.popup-closer path {    fill: #ccc;}

.garagebox-form-hold {background-color:#fff}
.bedankt-form-hold {
	
    padding: 70px 30px;
    text-align: center;
    font-size: 18px;
}


.garage-box:hover .garage-box-title h3 {color: #e57f3f;}
.garage-box:hover {-webkit-box-shadow: 0px 8px 7px 1px rgba(0,0,0,0.23);
-moz-box-shadow: 0px 8px 7px 1px rgba(0,0,0,0.23);
box-shadow: 0px 8px 7px 1px rgba(0,0,0,0.23);}

.garage-box, .garage-box-title h3{
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}



/*Searchbox*/
.search-box {margin-bottom:30px}
.search-box > div {background-color:#25303b;padding:30px 15px}

.search-box button {   -webkit-appearance: none;   -moz-appearance:    none;   appearance:         none;
outline:none;border:none;margin:0 15px}

.search-box select {-webkit-appearance: none;   -moz-appearance:    none;   appearance:         none;
outline:none;border:none;margin:0 15px;    float: left;width:calc(33.333335% - 30px);
height:50px;border-radius:0;background-color:#fff;padding-left:10px}

.status-selectie {    width: calc(100% - 250px);}



.garage-search-selection select {font-size:18px;padding-left:15px;border:none;border-radius:0;border:none;outline:none;width:100%;height:50px;background:none;position:relative;z-index:3}


.garage-search-button-holder {    width: 360px;margin-bottom:30px}
.garage-search-selection {width:calc(100% - 360px);margin-bottom:30px}
.garage-search-button-holder .btn {width:100%}

.selection-holder {position:relative;}
.selection-holder:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:1}

.selection-holder:after {    content: "\f078";    font-family: "Font Awesome 5 Pro";    font-weight: 500;    position: absolute;    right: 15px;    top: 20px;    z-index: 2;    line-height: 1;    font-size: 14px;    color: #222;}


.selectie-standaard {overflow:hidden;
    float: left;
    width: 100%;
    height: 50px;
    border-radius: 0;
    background-color: #fff;
    padding-left: 15px;
    color: #a3a3a3;
    font-size: 18px;
    padding-top: 11px;position:relative;
}
.selectie-standaard:after {
    content: "\f078";
    font-family: "Font Awesome 5 Pro";
    font-weight: 500;
    position: absolute;
    right: 15px;
    top: 20px;
    z-index: 2;
    line-height: 1;
    font-size: 14px;
    color: #222;
}






#garage-overzicht {margin-top:25px;}

.selectie-holder {width:33.33333%;padding:0 15px;position:relative;}
.selectie-holder-full {width:100%!important}
.selectie-menu {    position: absolute;    top: 100%;    width: calc(100% - 30px);    background: #fff;       border-top: 1px solid #f1f1f1;z-index:800;display:none}
.selectie-menu label {
    display: block;
    padding: 0 10px;
    font-size: 16px;
    border-bottom: 1px solid #f7f7f7;
cursor:pointer
}
.selectie-holder > div {cursor:pointer}


.archive-search-box .selectie-holder, .archive-search-box .status-selectie {width:25%}

.archive-search-box  #searchbtn {display:none!important}

.selectie-menu li:before {display:none}
.selectie-menu li {padding-left:0;display:block;}

input[type="checkbox"] {display:none;}
.search-result-toggle input[type="checkbox"]:checked ~ span ,.selectie-menu input[type="checkbox"]:checked ~ span {display:none}

.search-result-toggle input[type="checkbox"] ~ span {display:none}
.search-result-toggle input[type="checkbox"]:checked ~ span {display:block}

.search-result-toggle input[type="checkbox"] ~ span{    color: #e57f3f;
    font-size: 18px;
    background: #e9e9e9;
    padding: 10px 20px;
    line-height: 1;margin-right:15px;margin-bottom:15px;
    font-weight: 600;cursor:pointer;}
.search-result-toggle input[type="checkbox"] ~ span:hover, .search-result-toggle input[type="checkbox"] ~ span:focus {color: #e9e9e9;background: #e57f3f;}





.search-result-toggle i {margin-right:10px}
.search-result-toggle {}
.search-result-toggle li {    padding: 0;    display: inline-block;    margin: 0;    float: left;}
.search-result-toggle li:before {display:none;}


@media screen and (max-width:1050px){
.archive-search-box .selectie-holder, .archive-search-box .status-selectie {
    width: 50%; margin-bottom:20px;
}
	.archive-search-box .status-selectie .selectie-holder {margin-bottom:0}
	.archive-search-box.search-box > div {padding-bottom:10px}
}

@media screen and (min-width:992px){
	.search-box .large-third {width:37%}
	.search-box .large-two-third {width:63%}
	
}

@media screen and (max-width:991px){
.garage-search-button-holder,
.garage-search-selection {width:100%}	
	
}

@media screen and (max-width:767px){
.garage-search-button-holder,
.garage-search-selection {width:100%}	
	.garage-search-selection > div {margin-bottom:20px}
	.garage-search-selection > div:last-child {margin-bottom:0}
}


@media screen and (max-width:1200px){
	.status-selectie {    width: calc(100% - 250px);}
	.search-box .large-third, .search-box .large-two-third {width:100%}
	.search-box .large-two-third {margin-bottom:20px}
}

@media screen and (max-width:600px){
	.search-box .selectie-holder {width:100%;margin-bottom:15px}
	.status-selectie {width:100%}
	.search-box button {width:calc(100% - 30px)}
	.search-box .large-two-third {margin-bottom:0}
}
.search-result-toggle {width:calc(100% - 360px);}
.search-view-points {width:360px;float:right;}


.search-view-points .btn i{margin-right:10px}
.search-view-points .btn {margin-right:30px}
.search-view-points .btn:last-child {margin-right:0;}
.search-view-points .btn {
    min-width: 0;
    width: 150px;
    color: #9a9a9a;
    font-size: 18px;
    font-weight: 400;
    text-transform: none;
    background: #e9e9e9;
    float: left;
}
.search-view-points .btn:hover,.search-view-points .btn.activated {color:#1e1e1e;background:#fff}

@media screen and (max-width:600px){
	.search-result-toggle {width:100%;}
}



/*------------------------------------*\
   FORM ALERT
\*------------------------------------*/
.garagebox-form-alert {
    position: fixed;
    z-index: 9100;
    background: rgb(36 50 61 / 80%);
    width: 100%;
    height: 100%;min-height:100vh;
    top: 0;
    left: 0;padding:75px 0;
	display:none;
}
.garagebox-form-alert .wrapper > div {height:100%;}

.garagebox-form-alert .wrapper {max-width:500px;height:100%}
.form-alert-content {   background: #fff;    padding: 20px;position:relative;}
h4.form-alert-title {    margin: 0 0 15px;padding-right:20px;}


.alert-closer {width:20px;height:20px;position:absolute;right:10px;top:10px;cursor:pointer;}

.alert-closer:before, .alert-closer:after {width:100%;height:2px;background-color:#888888;position:absolute;top:calc(50% - 1px);left:0;content:"";}

.alert-closer:before{-ms-transform: rotate(45deg);   -webkit-transform: rotate(45deg);   transform: rotate(45deg); }
.alert-closer:after{-ms-transform: rotate(-45deg);   -webkit-transform: rotate(-45deg);   transform: rotate(-45deg); }

.loading .alert-closer {display:none}

/*------------------------------------*\
   Garaboxform Tabs
\*------------------------------------*/
.garage-form-tabs {margin-bottom:30px;text-align:center}
.garage-form-tabs > div {width:25%;background-color:#e9e9e9;}
.garage-form-tabs > div.active-tab {background-color:#fff}

.garage-form-tabs h5 {padding:30px 30px;color:#8f8f8f;line-height:1;    font-size: 20px;}
.garage-form-tabs .active-tab h5{color:#25303b}

@media screen and (max-width:991px){
	.garage-form-tabs h5 {font-size:17px;padding:20px;}
	.garage-form-tabs h5 span {    display: none;}
	.garage-form-tabs > div {text-align:center;}
}



/*------------------------------------*\
   Garaboxform Algemeen
\*------------------------------------*/
.garage-specifiek-container {display:none}
.garage-specificiek-container-basis {display:block}

.garage-specificiek-container-formulier {display:none}



.garage-form-content-hold {display:none}
.garage-form-content-hold.active-tab {display:block}



.garage-specifiek-container {min-height:85vh}
.garage-form-margin {margin-bottom:20px;}

.garage-form-image {margin-bottom:30px;}
.garage-form-image img {display:block}
.garage-form-content-hold {padding:0 10px 40px}

.popup-garagebox-btn .btn {width:100%}
.popup-garagebox-btn-small .btn {width:100%;max-width:220px;min-width:0;}
.form-login-hold .popup-garagebox-btn-small .btn {margin-right:15px}

.garage-form-title {position:relative;margin-bottom:30px}
.garage-form-title h4, .garage-form-title h3 {margin:0;font-size:24px;}
.garage-form-title h5 {font-weight:normal;font-size:20px;color:#f37325;font-family: 'Lato', sans-serif;text-transform:none}
.garage-form-title h4, .garage-form-title h5, .garage-form-title h3 {line-height:1.2;margin:0}
.garage-form-title h4 span, .garage-form-title h3 span {color:#EE7219}

.garage-form-title-btn {padding-right:220px}
.garage-form-title-btn .btn {position:absolute;right:0;top:0;}
.garage-form-inputmargin, .garage-form-smallmargin {margin-bottom:15px;}

.garage-form-specs .specific-info-row {margin-bottom:5px}
.garage-form-specs .specific-info-row:last-child {margin-bottom:0}

.garage-form-opmerking {font-size:12px;font-style:italic;color:#888888}

form .form-voorkeuren h4{font-size:18px;font-family: 'Lato', sans-serif;text-transform:none}




input[type="text"].custom-form-control, input[type="email"].custom-form-control, .size-holder, input[type="password"].custom-form-control {height:40px;background:none;border-bottom:1px solid #888888;font-size:18px;font-family: 'Lato', sans-serif;padding-left:10px;-webkit-appearance:none;appearance:none;-moz-appearance:none;margin-bottom:10px;}
.searchform-box .size-holder, .search-box .size-holder{height:50px;border:none;background:#fff}

input[type="text"].custom-form-control:last-child, input[type="email"].custom-form-control:last-child, .size-holder, input[type="password"].custom-form-control:last-child {margin-bottom:0}

.form-voorkeuren input[type="radio"] + label, .garage-form-radio-btns input[type="radio"] + label {  cursor:pointer;  color: #888888;    font-size: 18px;    display: block;    margin-bottom: 15px;position:relative;padding-left:45px}
.form-voorkeuren input[type="radio"] + label:last-child, .garage-form-radio-btns > div:last-child input[type="radio"] + label {margin-bottom:0;}
.form-voorkeuren input[type="radio"] + label:before, .garage-form-radio-btns input[type="radio"] + label:before {content:"";position:absolute;left:0;top:-2px;width:30px;height:30px;border:2px solid #888;border-radius:50%}
.form-voorkeuren input[type="radio"]:checked + label:after, .garage-form-radio-btns input[type="radio"]:checked + label:after{content:"";position:absolute;left:6px;top:4px;width:18px;height:18px;background:#2D353F;border-radius:50%}
.form-voorkeuren input[type="radio"]:checked + label, .garage-form-radio-btns input[type="radio"]:checked + label {color:#2D353F}

.garage-form-radio-btns > div:last-child {padding-bottom:20px;border-bottom:1px solid #E9E9E9;margin-bottom:20px;}

.form-voorkeuren input[type="text"], .form-voorkeuren select, .garage-form-group select{font-size:18px;color:#888888;border-color:#888888}
.garage-form-group select {    color: #1e1e1e;}
.form-voorkeuren .custom-select-holder:after, .garage-form-group  .custom-select-holder:after{    font-size: 13px;    right: 10px;    top: 15px;    color: #888;}

.custom-form-label p {    color: #2D353F!important;
    font-size: 18px;
    font-weight: 600;}

.half-form-control {width:calc(50% - 15px)!important}
.half-form-control-right {float:right!important}


.datum-holder {position:relative;}
.datum-holder input {position:relative;z-index:100}
.datum-holder:after {
    content: "\f073";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    position: absolute;
    z-index: 1;
    right: 9px;
    top: 13px;
    color: #888;
    line-height: 1;
    font-size: 17px;
}
.jquery-datepicker.theme-light .datepicker-box .box-row.row-week .box-cell.cell-today {    background: #FFFFFF;    color: #4f8c50;}
.jquery-datepicker.theme-light .datepicker-box .box-row.row-week .box-cell.cell-selected, .jquery-datepicker.theme-light .datepicker-box .box-row.row-week .box-cell.cell-selected:hover {background:#4f8c50}

.garage-form-group {position:relative;padding-bottom:15px;margin-bottom:30px;}
.garage-form-group:after {content:"";position:absolute;bottom:0;left:15px;width:calc(100% - 30px);height:1px;background:#E9E9E9}
.garage-form-group input[type="text"].custom-form-control, .garage-form-group input[type="email"].custom-form-control, .garage-form-group select {border-width:1px}
.garage-form-group:last-child {margin-bottom:0;}
.garage-form-group:last-child:after {display:none}

a.pass-reset, .reset-canvas {    display: inline-block;    margin-top: 5px;    font-size: 16px;    text-decoration: underline;}




/*Validatie */
input[type="password"].validation-required,
input[type="email"].validation-required,
input[type="text"].validation-required {border-color:#e47f3f}

.validation-input {display:none}
select + .validation-input {margin-top:10px;}
.garage-form-inputmargin .validation-input {margin:0}
.validation-input {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1;
    color: #e47f3f;
    padding: 0;
    margin-top: 0;
}
p.form-desc, .download-box .form-desc {
    font-size: 15px;
    font-style: italic;
}
.form-desc:first-child {margin-top:5px!important;}
#popover-password {margin-top:10px;float:left;}
.list-unstyled li {padding-left:0!important;font-size:14px;    color: #888;}
.list-unstyled li:before {display:none;}


.progress-bar {height:100%;}
.progress {
    height: 3px !important;background: #E9E9E9;margin-bottom: 15px;
}
.form-group {
    margin-bottom: 10px;
}
.show-pass{
    position: absolute;
    top:5%;
    right: 8%;
}
.progress-bar-danger {
    background-color: #e90f10;
}
.progress-bar-warning{
    background-color: #ffad00;
}
.progress-bar-success{
    background-color: #02b502;
}
.login-btn{
    width: 180px !important;
    background-image: linear-gradient(to right, #f6086e , #ff133a) !important;
    font-size: 18px;
    color: #fff;
    margin: 0 auto 5px;
    padding: 8px 0; 
}
.login-btn:hover{
    background-image: linear-gradient(to right, rgba(255, 0, 111, 0.8) , rgba(247, 2, 43, 0.8)) !important;
    color: #fff !important;
}
.fa-eye{
    color: #022255;
    cursor: pointer;
}
.ex-account p a{
    color: #f6086e;
    text-decoration: underline;
}
.fa-circle{    font-size: 4px;  vertical-align: middle;}
.fa-check{    color: #02b502;}

/*------------------------------------*\
   Garaboxform Tab#4
\*------------------------------------*/

.download-box h5 {
    color: #2D353F;
    font-size: 18px;
    font-weight: 600;
}

.download-box .garage-form-title > div:nth-child(2) {text-align:right;width:140px;}
.download-box .garage-form-title > div:nth-child(1) {width:calc(100% - 140px);}

.download-overeenkomst i {margin-right:5px;}
.download-overeenkomst {font-size:14px;    float: right;margin-top:1px}

.garagebox-voorwaarden-items .download-overeenkomst {float:left;margin-right:20px;}

.download-box p {font-size:18px;color:#888888;}
.download-box p span {color:#EE7219}

.upload-box, .handtekening-box  {
    border: 2px dashed #EE7219;overflow:auto;
    height: 75px;
    text-align: center;
    color: #EE7219;
    font-size: 13px;
    padding-top: 25px;
    margin-top: 5px;
}

.handtekening-box {border:none;height:auto;padding-top:0;}
.handtekening-box img {width:auto;max-width:100%;}
.signature-box {display:block;border: 2px solid #EE7219; cursor: crosshair;}


.upload-box {position:relative}
.upload-area {position:absolute;z-index:10;top:0;left:0;width:100%;height:100%;}
.upload-area + input[type="file"]{visibility:hidden}

.download-box input[type="text"]{border-width:1px;padding-left:0;}


.form-akkoord input[type="checkbox"] ~ span {position:relative;display:block;padding-left:40px;font-size:14px;}
.form-akkoord input[type="checkbox"] ~ span:before {width:27px;height:27px;content:"";position:absolute;top:-2px;left:0;border:2px solid #9a9a9a}
.form-akkoord input[type="checkbox"] ~ span:after {
    content: "\f00c";    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    color: #2d353f;
    position: absolute;
    left: 5px;
    top: 3px;
    line-height: 1;
    font-style: normal;
    font-size: 19px;
    opacity: 0;

}
.form-akkoord input[type="checkbox"]:checked ~ span:after {opacity:1}


.form-akkoord input[type="checkbox"].validation-required ~ span {color: #e47f3f;}
.form-akkoord input[type="checkbox"].validation-required ~ span:before {border-color: #e47f3f;}

/*Eind form*/
.controle-form {float:right;}



.garagebox-end-form-row p {    color: #2D353F;    font-size: 18px;}
.garagebox-end-form-row {margin-bottom:15px;}
.garagebox-end-form-row > div:first-child {width:60%}
.garagebox-end-form-row > div:last-child {width:40%}
.garagebox-end-form-row p span {color:#EE7219}
.form-line {border-top:1px solid #E9E9E9;width:100%!important;margin:10px 0}

.garagebox-end-form-row input[type="text"] {
    height: auto;
    border: none;
    padding: 0;
}
.form-group-zakelijk .garage-form-title {margin-top:30px;}
/*------------------------------------*\
   Garaboxform Tab#1
\*------------------------------------*/



.form-grey-box.kosten-box {
    padding: 30px 15px 15px;
    text-align: left;margin-bottom:30px;
}
.form-grey-box.kosten-box:last-child {margin-bottom:0;}
.form-grey-box.kosten-box ul {text-align:left}
.form-grey-box.kosten-box p {margin:0;}

.popup-garagebox-info {    background: #e9e9e9;    margin-bottom: 30px;padding:20px 0 30px}
.totaal-kosten {background-color:#d8d8d8;font-weight:700}
.popup-garagebox-info > div{padding:5px 30px}
.popup-garagebox-info {    font-size: 18px;}

.garagebox-kosten-lijst {padding-bottom:0;}


.popup-garagebox-info-prijs {width:150px;text-align:right;font-weight:700}
.popup-garagebox-info-content {width:calc(100% - 150px);}


/*------------------------------------*\
   Garaboxform Tab#2
\*------------------------------------*/

.form-login-hold {    padding: 30px 15px;    border: 2px solid #E9E9E9;}
.form-login-hold-grey {background:#E9E9E9}
.form-login-hold .garage-form-title {text-align:center}



/*------------------------------------*\
   Garaboxform Tab#3
\*------------------------------------*/

.form-voorkeuren{margin-bottom:30px}
.form-voorkeuren > div {padding:25px 30px 0;     background-color: #e9e9e9;border:none}

.form-voorkeuren > div > div {margin-bottom:20px}
.form-voorkeuren > div > div:first-child, .form-voorkeuren > div > div:last-child {margin-bottom:30px}




/*------------------------------------*\
   Locaties
\*------------------------------------*/
.locatie-search,.locatie-toggle-holder{margin-bottom:30px} 
.locatie-search, .locatie-holder {width:calc(100% - 360px)}
.locatie-toggle-holder,.locatie-side {width:360px}

.locatie-toggle {width:50%;}
.locatie-toggle i {margin-right:5px;}
.locatie-toggle > div {    color: #9a9a9a;    font-size: 18px;    background-color: #e9e9e9;    cursor: pointer;
    text-align: center;    line-height: 1;    padding: 16px 20px 15px;}
.locatie-toggle.active-toggle > div {background-color:#fff;color:#1e1e1e}

.locatie-marker {    width: 50px;    height: 50px;    line-height: 1;    text-align: center;    color: #fff;    background: #2d353e;    padding-top: 15px;font-size:20px;}

.locatie-search input[type="text"] {    height: 50px;    border: none;    background: #fff;float:left;width:calc(100% - 260px);padding-left:15px}
.locatie-search input[type="submit"] {height:50px;width:210px;background-color:#e57f3f;color:#fff;    border: none;
    float: left;}

.locatie-archief {display:none}
.locatie-archief.active-toggle {display:block}


.locatie-box {    padding: 30px;    background: #fff;    position: relative;margin-bottom:30px}

.locatie-image {    width: 45%;    padding-bottom: 40%;    background: #f1f1f1; background-size:cover;background-position:center center;background-repeat:no-repeat;}
.locatie-content {width:55%;padding-left:30px;}
.locatie-label {    background: #e57f3f;    color: #fff;    font-size: 16px;    line-height: 1;    padding: 12px 30px;
    position: absolute;    left: 0;    top: 50px;}

.locatie-box h3, .locatie-box p {    margin-bottom: 15px;}
.locatie-box p {font-size:18px;}
.locatie-content > div:first-child {margin-bottom:15px}
.locatie-box p.beschikbaarheid {    color: #a3a3a3;    font-size: 16px;    line-height: 1.2;    margin-bottom: 20px;}

.locatie-map {    padding: 30px;    background: #fff;margin-bottom:30px}

.locatie-side-box {padding: 30px;    background: #fff;margin-bottom:30px}
.locatie-content .btn {min-width:120px;width:100%}

.locatie-map {position:relative;}
/*------------------------------------*\
    Responsive added
\*------------------------------------*/
.desktop-media {display:block}
	.responsive-media, .wpcf7 .ajax-loader {display:none}

.marker-logo {display:none}
.gm-style .gm-style-iw {max-width:300px!important}

@media screen and (max-width:1200px){
	h1,.pagina-title-holder h2, .home-banner-content h2 {    font-size: 40px;}
	h2,.single-content-row h1, .garage-box-maintitle h1, .searchform-box h1 {    font-size: 32px;}
	
	
.garage-form-title-btn .btn {    position: relative;    right: auto;    top: 0;    margin-top: 10px;}
	.garage-form-title-btn {padding-right:0;}
	
	
}
@media screen and (max-width:991px){
	h1,.pagina-title-holder h2, .home-banner-content h2 {    font-size: 35px;}	
	h2,.pakket-box-inner h2, .side-factbox h2,.single-content-row h1, .garage-box-maintitle h1, .searchform-box h1 {    font-size: 28px;}
	
		.popup-garagebox-info > div {    padding: 5px 15px;}
	.popup-title {padding-right:0;}
	.close-popup-btn {position:relative;margin-top:10px;}
	
	.garage-tab h4 {font-size:20px;}
	.search-box .large-two-third .selectie-holder {width:50%}
	.search-box .large-two-third .selectie-holder:first-child {width:100%;margin-bottom:20px}
	
	
	.small-20.form-login-hold.form-login-hold-grey, .form-voorkeuren > div, .form-login-hold-grey {    padding: 20px 20px;}
	.form-voorkeuren > div > div:first-child, .form-voorkeuren > div > div:last-child {    margin-bottom: 20px;}
	.form-voorkeuren > div {padding-bottom:0;}

	.form-login-hold {		padding: 20px 5px!important;}
	
	
	.final-check-kosten.kosten-box {padding:20px;}
	.popup-end-form-hold {padding: 20px 5px 20px;}
	.kosten-box {padding:45px 20px;}
	
	.kosten-box .prijs {font-size:30px;}
	
	#signup-login-form .large-10:first-child {margin-bottom:30px;}
	#signup-login-form .garage-form-title {margin-bottom:10px;}
	
	.popup-garagebox-btn .btn {min-width:150px}
}
@media screen and (max-width:767px){
	h1,.pagina-title-holder h2, .home-banner-content h2 {    font-size: 30px;}	
	h2,.pakket-box-inner h2, .side-factbox h2,.single-content-row h1, .garage-box-maintitle h1, .searchform-box h1 {    font-size: 24px;}
	.banner-title {    margin-bottom: 25px;}
	.home-banner {min-height:550px}
	.pagina-banner {height:350px}
	.btn {font-size:18px}
	
	.margin-fix, .marginfix {    margin-bottom: 30px;}
	body, .usp-row, .usp-row p,
	.review-content p, .review-content{font-size:18px}
	
	.popup-garagebox-info, 
	.pakket-box-inner, .pakket-box-inner p,
	.side-factbox p, .side-factbox,
	.banner-infobox, .banner-infobox p,
	.eigenschap-content, .eigenschap-content p{font-size:16px}
	
	
	.pagina-title-holder {    padding: 210px 0 95px;}
	.archive-first-hold {padding-top:210px}
	.banner-infobox {    padding: 30px 20px;}
	.pagina-banner h5 {margin-bottom:30px}
	.page-template-page-landing .pagina-title-holder {padding-bottom:30px}
	
	
	.eigenschap-counter {    font-size: 48px;    width: 70px;}
	.eigenschap-content {    width: calc(100% - 70px);}
	
	.facts-box {    padding: 40px 15px 0;}
	
	.locatie-image {width:100%;margin-bottom:25px}
	.locatie-content {width:100%;padding-left:0}
	.locatie-content .btn {width:100%}
	.btn, input.wpcf7-form-control.wpcf7-submit, button._submit {font-size:17px}
	
	
	input.wpcf7-dynamictext, input.wpcf7-text, input[type="text"], input[type="email"], input[type="password"] {margin-bottom:20px}
	.search-box .size-holder {margin-bottom:0}
	.desktop-media {display:none}
	.responsive-media {display:block}
	
	.footer-top {background-color:#f4f4f4}
	.footer-top-usp {     padding: 20px;position:relative;z-index:10;margin-bottom:0;width:350px}
	.footer-top-usp:before {z-index:-1;content:"";position:absolute;left:10px;top:0;height:100%;width:calc(100% - 20px);background:#fff;}

	
	.searchform-box {    margin-top: -60px; padding: 20px 0px 0px;}
	.searchform-box h2, .garage-search-button-holder, .searchform-box h1 {margin-bottom:20px}
	.garage-search-selection > div, .garage-search-selection {    margin-bottom: 0;}
	.garage-search-selection .selection-holder {margin-bottom:10px}
	.garage-search-selection .size-holder {margin-bottom:10px;}
	
	.review-title h3 {    font-size: 16px;}	
	.review-title h5 {font-size:14px}
	
	.side-factbox h2 {padding-left:90px;margin-bottom: 20px;}
	.side-facticon {    top: -18px;    width: 70px;    height: 65px;   }
	.pakket-side > div {    margin-bottom: 20px;}
	.content-btns {margin-bottom:10px}
	.facts-box {    margin-bottom: 20px;	}
	.facts-row {padding-top:30px}
	.tripple-image-margin {    margin-bottom: 0;}
	.contact-form-holder h3 {    margin-bottom: 20px;}
	
	.eigenschap-row {    margin-bottom:0px;}
	.eigenschap-box {margin-bottom:20px}
	
	.garage-box {margin-bottom:20px}
	
	.newsbox {    padding: 10px;    margin-bottom: 20px;}
	.keus-slide-content p {font-size:16px}
	.keus-slide-content {padding:10px 20px}
	.keus-icon {  top: calc(50% - 17px);
    left: 20px;
    width: 30px;
    height: 34px;}
	.keus-titel {    padding-left: 45px;}
	.keus-box {    margin-bottom: 20px;    padding: 20px 20px;}
	.keus-box h3 {    font-size: 17px;}
	
	.popup-garagebox-info {padding:10px 0 10px}
	.garagebox-kosten-lijst {padding-bottom:0}
.garage-tab h4 {font-size:17px;}
	
	.search-result-toggle input[type="checkbox"] ~ span, .search-view-points .btn {font-size:16px;}
	.search-view-points .btn {margin-right:15px;float:none;}
	
	.search-view-points {width:100%;text-align:right}
	.search-result-toggle {width:100%}
	.search-box .large-two-third .selectie-holder:first-child {margin-bottom:15px}
	.search-box > div {padding:20px 5px}
	.archive-search-box.search-box > div {padding-bottom:0}

	.final-check-kosten.kosten-box, .final-check-kosten.kosten-box p, .final-check-kosten.kosten-box li,
	.popup-overlay input[type="text"], .popup-overlay input[type="email"], .popup-overlay input[type="password"], .pass-reset,
	.wpcf7-list-item, .popup-overlay .wpcf7-list-item-label, 
	.end-form-row p, .end-form-row input, .popup-overlay input, .popup-overlay select, 
	.kosten-box ul, .kosten-box li, .garage-search-selection select{font-size:16px;}
	.wpcf7-list-item, .popup-overlay .wpcf7-list-item-label {padding-left:30px;}
	
	input[type="radio"] + .wpcf7-list-item-label:after {    width: 20px;    height: 20px;		top: calc(50% - 10px);}
	input[type="radio"] + .wpcf7-list-item-label:before {    width: 12px;    height: 12px;    top: calc(50% - 6px);    left: 4px;}
	.kosten-box {padding:30px 20px;}
	
	.popup-title h5 {font-size:16px}
	.kosten-box .prijs {font-size:26px;}
	
	.garage-form-title-btn .btn {width:100%}
	
	
	.garage-form-title h4, .garage-form-title h3 {font-size:20px;}
	.garage-form-title h5 {font-size:17px;}
	
	.popup-garagebox-btn .btn {width:100%}
	a.pass-reset, .reset-canvas {font-size:15px;}
	
	.garage-form-group:after {left:0;width:100%}
	.garage-form-stap-3 .garage-form-group:after {left:10px;width:calc(100% - 20px);}
	.garage-form-group{margin-bottom:25px;}
	.garagebox-end-form-row {margin-bottom:5px}
}

@media screen and (max-width: 700px){
	.pagina-banner-holder + .usp-row {display:none}	
	.home .usp-row, .usp-row {display:none}
	.faq-titlebox a {font-size:16px}
	
	input[type="text"].custom-form-control, input[type="email"].custom-form-control, .size-holder, input[type="password"].custom-form-control {font-size:17px;height:35px}
	.garagebox-end-form-row p {font-size:17px;}
	.garagebox-end-form-row input[type="text"] {height:auto!important}
}


@media screen and (max-width: 600px){
.keus-row {    width: 100%;}	
	.faq-titlebox li {width:50%;float:left;margin: 0 0 5px;padding:0 5px;text-align:left}	
	
	header .logo {    width: 120px;}
	.nav-holder {    width: calc(100% - 120px);}
	
	.fact-icon img {    max-width: 90px;}
	.fact-icon {		margin-bottom: 15px;}
	.home-banner-content {display:none}
	.home-banner{    min-height: 250px;}
	
	.popup-form-half {width:100%;}
	
	
	
}

@media screen and (max-width:550px){
	.keus-slide-content p {font-size:14px}
	.keus-box h3 {    font-size: 14px;}
	h1, .pagina-title-holder h2, .single-content-row h1, .garage-box-maintitle h1, .home-banner-content h2 {    font-size: 20px;}
	
	h2,h3, h4, h5, h6, .pakket-box-inner h2, .side-factbox h2, .marker-content h3, .location-infobox h4, .faq-title h4, .garage-box-title h3 {    font-size: 16px;}
	.faq-content-title h3 {font-size:14px;}
	.margin-fix, .marginfix, .facts-box h2 {    margin-bottom: 20px;}
	
	.selectie-standaard, .popup-garagebox-info,
	body, .usp-row, .usp-row p, .review-content p, .review-content,
	.marker-content li, .marker-content li p, .faq-content p, .faq-content, .eigenschap-content p,
	input[type="text"].custom-form-control, input[type="email"].custom-form-control, .size-holder, input[type="password"].custom-form-control, .form-voorkeuren input[type="text"], .form-voorkeuren select, .garage-form-group select{    font-size: 14px;}
	.garagebox-end-form-row p {font-size:14px;}
	p {    margin: 0 0 15px;}
	p:last-child {margin-bottom:0}
	.btn, input.wpcf7-form-control.wpcf7-submit, button._submit {font-size:15px;width:100%}
	.content-btns.text-center .btn {margin-left:0;margin-right:0;}
	.reviews-row .btn {width:auto;}
	
	input.wpcf7-dynamictext, input.wpcf7-text, input[type="text"], input[type="email"], .size-holder, input[type="password"] {margin-bottom:10px}
	
	.calltoaction-row input[type="text"], .calltoaction-row input[type="email"] {    height: 40px;}
	
	.gm-style .gm-style-iw {padding:10px!important}
	
	.content-row, .calltoaction-row, .reviews-row {    padding: 30px 0 10px;}
	.dynamic-map {height:240px}
	.review-box {padding-bottom:20px}
	.facts-box {    padding: 20px 0px 0;}
	
	
	.page-template-page-landing .pagina-title-holder {padding-bottom:10px}
	
	.footer-top h3 {font-size:16px;margin-bottom:15px}
	.footer-top {    padding: 30px 0 45px;}
	.footer-icon-content p, .footer-icon-content {font-size:16px}
	
	.footer-top-usp {     padding: 20px;position:relative;z-index:10;margin-bottom:0;width:260px}
	.footer-top img {    height: 50px;    width: auto;}
	.footer-icon {    margin-bottom: 15px;}
	
	
	input.wpcf7-form-control.wpcf7-submit, button._submit {margin-bottom:20px}
	
	.copyright-box, .copyright-box p, .copyright-box a {    font-size: 14px;}
	
	.banner-title {    margin-bottom: 20px;}
	
	.home-banner-content .content-btns {padding:0}
	.home-banner-content .banner-title {padding:0 10px}
	.home-banner-content {		padding: 20px 0 10px;}
	.home-banner-content .btn {width:auto;min-width:150px;margin-right:20px;}
	.home-banner-content .btn:last-child {margin-right:0}
	.review-side-holder {    padding: 25px 10px 20px;}
	
	
	.side-factbox {		padding: 45px 10px 20px;}
	
	.location-infobox {padding:15px 0}
	
	.faq-title:before {top:1px}
	.faq-title h4:before, .faq-title:after {top:9px}
	.contact-form-holder > div {    padding: 20px 0px 0;}
	
	.eigenschap-counter {    width: 60px;    padding-left: 0;}
	.eigenschap-content {    width: calc(100% - 60px);}
	
	.garage-box {		padding: 10px 10px;}
	
	.pakket-box-inner, .pakket-box-inner p {font-size:14px;}
	.pakket-info > div {
    margin-bottom: 10px;
		padding-bottom: 10px;}
	.pakket-desc {padding-bottom:15px}
	.pakket-box-inner {
    padding: 20px 10px 20px;
}
	.archive-first-hold {    padding-top: 90px}
	
	
	.newsbox-content p, .newsbox-content p {    font-size: 14px;}
	.selectie-standaard {padding-top:14px;}
	.search-result-toggle input[type="checkbox"] ~ span, .search-view-points .btn {font-size:14px;}
	.search-view-points .btn {width:120px}
	
		.search-box .large-two-third .selectie-holder,
	.search-box .large-two-third .selectie-holder:first-child {width:100%}
	
	.final-check-kosten.kosten-box, .final-check-kosten.kosten-box p, .final-check-kosten.kosten-box li,
	.popup-overlay input[type="text"], .popup-overlay input[type="email"], .popup-overlay input[type="password"], .pass-reset,
	.wpcf7-list-item, .popup-overlay .wpcf7-list-item-label, .end-form-row p, .end-form-row input, .popup-overlay input, .popup-overlay select, .kosten-box ul, .kosten-box li, .garage-search-selection select{font-size:14px;}
	
	.end-form-row {margin-bottom:3px}
	.end-form-row > div, .popup-garagebox-info-content,.popup-garagebox-info-prijs {width:100%;text-align:left;}
	.end-form-row:last-child {margin-bottom:0;}
	.final-check-kosten  > div:last-child {margin-top:10px;}
	.popup-title h5 {font-size:14px}
	
	.final-check-kosten .popup-garagebox-info-prijs + .end-form-row {margin-top:15px;}
	
	.kosten-box .prijs {font-size:24px;}
	
	.archive-search-box .selectie-holder, .archive-search-box .status-selectie {width:100%}
	
	.half-form-control {width:100%!important}
	
	form .form-voorkeuren h4 {font-size:17px;}
	.form-voorkeuren input[type="radio"] + label, .garage-form-radio-btns input[type="radio"] + label {font-size:16px;}
	.garage-form-inputmargin, .garage-form-smallmargin {    margin-bottom: 5px;}
	
}


@media screen and (max-width:600px){
	.compact-banner {margin-top:144px}
	.responsive-standaard-banner {margin-top:144px}
	.pagina-banner {    height: 160px;}
	
	.header-topbar {display:none!important}
	.pagina-banner-holder {      margin-top: 74px!important;}
	
	
	header {background-color: #fff;}
	
	.home-banner {    padding: 30px 0 80px;    min-height: 250px;    margin-top: 74px;}
	
}
/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#e57f3f;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#e57f3f;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#e57f3f;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}


/*------------------------------------*\
    RECAPTCHA HIDE
\*------------------------------------*/
.grecaptcha-badge { visibility: hidden; }


/*------------------------------------*\
   FORMULIEREN
\*------------------------------------*/
.wpcf7 p {
  margin: 0;
  padding: 0;
}

.wpcf7 br {
  display: none;
}


.form-label {
	display: block;
	font-weight: 500;
	font-size: 16px;
	color: #333;
}

select {
  width: 100%;
  padding: 10px;
  border: 2px solid #e0e0e0;
  border-radius: 4px;
 	background-color: #fff;
	color: #333;
  font-size: 12px;
}