@import "./reset.css";
@import "./variable.css";
@import "./typograhpy.css";

@import "./components/header/header.css";
@import "./components/navigation/navigation.css";
@import "./components/hero/hero.css";
@import "./components/button/button.css";
@import "./components/services/services.css";
@import "./components/wrapper/wrapper.css";
@import "./components/dashboard/dashboard.css";
@import "./components/text/text.css";
@import "./components/socialmedia/socialmedia.css";
@import "./components/cookie/cookie.css";
@import "./components/calltoaction/calltoaction.css";
@import "./components/page/page.css";
@import "./components/form/form.css";
@import "./components/faq/faq.css";
@import "./components/app/app.css";
@import "./components/news/news.css";
@import "./components/iframe/iframe.css";

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

/* Vreugdenhil */

.hidden { display: none; }

a { text-decoration: none; color: #002e8a; }
input { outline: none; }
input[type="submit"] { cursor: pointer; }

figure { line-height: 0; font-size: 0;  }
/*figure img, img { max-width: 100%; max-height: 100%;}*/
figure.vertical-fill { overflow: hidden; text-align: center;  }
figure.vertical-fill img { opacity: .9;}
figure.vertical-fill img:hover { opacity: 1; }

.left { float: left; }
.right { float: right }
.text-center { text-align: center; }
.rounded { border-radius: 50%; }

.col { margin-right: var(--offset); }
.col-3-1 { width: calc((var(--column) * 4) + (var(--offset) * 3)); }
.col-3-2 { width: calc((var(--column) * 8) + (var(--offset) * 7)); }
.col-4-1 { width: calc((var(--column) * 3) + (var(--offset) * 2)); }
.col-4-2 { width: calc((var(--column) * 6) + (var(--offset) * 5)); }
.col-6-1 { width: calc((var(--column) * 2) + (var(--offset) * 1)); }
.col-50 { width: 50%; }
/* 20 px gap*/
.col-8-1 { width: 111px; }

.readmore { color: #002e8a; font-size: 14px; line-height: 30px; display: inline-block; }
.readmore:after { content: "›";  text-align: center; font-size:18px; display: inline-block;}
.readmore:hover:after { animation: bounce .5s infinite; -webkit-animation: bounce .5s infinite;  }
.readmore:hover { color: #333; cursor: pointer; }



body { background: #f1f1f1; font-family: 'open sans', sans-serif; font-size: 18px; line-height: 32px; font-weight: lighter; color: #666; }

main .element { display: table; width: 100%; }
main .element .element-row { display: table-row; }
main .element .element-filler { display: table-cell; font-size: 0; line-height: 0; }
main .element .element-content { display: table-cell; width: var(--base); }
main .element .element-filler.white,
main .element.element-white,
main .block.white { background: #FFF; }
main .element .element-filler.blue,
main .block.blue,
main .element.element-blue { background: #002e8a; }
main .element.element-grey { background: #f1f1f1; }

main aside { font-size: 14px; line-height: 26px;  }
main aside .inner { padding: 70px 0; }
main aside .inner .item + .item { margin-top: 30px; }
main aside .inner header { margin-bottom: 10px; }
main aside .inner header * { font-size: 18px; font-weight: 500; color: #002e8a;}
main aside .inner a.button { margin-top: 10px; }

main aside ul.link-items { margin-top: 10px;  font-weight: normal;  }
main aside ul.link-items li { display: block; }
main aside ul.link-items li a { display: block; padding: 0 10px; color: #666; line-height: 40px; }
main aside ul.link-items li a[data-icon]:before { font-size: 24px; vertical-align: middle; margin-right: 10px; color: #ccc; }
main aside ul.link-items li a:hover { background: #f1f1f1; color: #111; }
main aside ul.link-items li a:hover:before { color: #002e8a; margin-right: 15px;}

main .block.block-main-content .col-4-1 { margin-bottom: 70px; }
main .block.block-main-content div.col-4-1 { color: #FFF; font-size: 14px; line-height: 26px; font-weight: lighter;  }
main .block.block-main-content div.col-4-1.blue { background: #002e8a;  }
main .block.block-main-content div.col-4-1 .inner { padding: 20px;  }
main .block.block-main-content div.col-4-1 .inner header { margin-bottom: 10px; }
main .block.block-main-content div.col-4-1 .inner header * { font-size: 14px; font-weight: 500; }
/*main .block.block-main-content div.col-4-2 .inner a { color: #002e8a; text-decoration: underline; }*/
main .block.block-main-content div.col-4-1 .inner a.button { margin-top: 10px; }
main .block.block-main-content div.col-4-2 ul { list-style: disc; margin: 30px 0 0 30px; }

main .block.block-main-content div.col-4-1 figure .side-image {min-height: 700px; background-repeat: no-repeat; background-size: cover;}

main .block.block-main-content div.col-4-2 .faqfilter { margin-top: 30px; background: #f1f1f1; padding: 5px 20px; color: #333; }
main .block.block-main-content div.col-4-2 .faqfilter select { display: inline-block; margin-left: 10px; background: #f9f9f9;}
main .block.block-main-content div.col-4-2 ul.faq { list-style: none; margin: 30px 0 0 0;}
main .block.block-main-content div.col-4-2 ul.faq li { margin-top: 2px; }
main .block.block-main-content div.col-4-2 ul.faq li a.trigger { font-weight: 500; display: block; padding: 5px 20px; background: #f1f1f1; text-decoration: none; }
main .block.block-main-content div.col-4-2 ul.faq li a.trigger.active { background: #ccc; color: #333 }
main .block.block-main-content div.col-4-2 ul.faq li a.trigger:hover { background: #ff7e0b; text-decoration: none; color: #FFF; }
main .block.block-main-content div.col-4-2 ul.faq li div { display: none; padding: 10px 0 20px 20px; }


main .block.block-title header * { font-size: 36px; line-height: 38px; font-weight: 500; }
main .block.block-title { background-image: url(../image/title_seperator.png);  background-position: 50% 100%; background-repeat: no-repeat; }

main .block.block-container .container{ font-size: 0px; line-height: 0px; }

main .block-document-overview .container .item {  margin: 7px; text-align: center; display: inline-block; vertical-align: top; padding-bottom: 5px; width: 30%; font-size: 14px; line-height:24px;  text-decoration: none; }
main .block-document-overview .container .item figure a { display: none; }
main .block-document-overview .container .item[data-file*=".pdf"] figure a:nth-child(1) { display: inline-block; }
main .block-document-overview .container .item[data-file*=".pdf"] figure a:nth-child(1) + a  { display: none; }
main .block-document-overview .container .item[data-file="/e2/"] figure a:nth-child(1) {display: none; }
main .block-document-overview .container .item[data-file="/e2/"] figure a:nth-child(1) + a {display: inline-block; }

main .block-document-overview .container  h4 { text-align: center; margin-top: 5px; align-items: center; }
main .block-document-overview .container .item  img { border: 1px solid #0B0D41; }

article.inner.col-4-1.right.clearfix a.button.button-large { margin-top: 20px; }

main .block.block-container { padding: 50px 0; }
main .block.block-container + .block.block-container { padding: 10px 0 70px 0; }
main .block.block-container .item.col:nth-last-child(1) { margin: 0; }
main .block.block-container .item { font-size: 12px; line-height: 24px;  }
main .block.block-container .item .inner { padding: 0px 0 0 40px; }
main .block.block-container .item header * { font-size: 16px; font-weight: 500; margin-bottom: 10px; line-height: 24px; }
main .block.block-container .item header:before { font-size: 28px; position: absolute; margin: 0 0 0 -40px; color: #ccc }
main .block.block-container .item p { padding-bottom: 10px; color: #666; }
main .block.block-container .item a { text-transform: uppercase; font-weight: bold; color: #002e8a; margin-left: 40px; }
main .block.block-container .item:hover p, main .block.block-container .item:hover * { color: #000; cursor:pointer;  }
main .block.block-container .item:hover a { color: #ff7e0b;  }
main .block.block-container .item:hover a.readmore:after { animation: bounce .5s infinite; -webkit-animation: bounce .5s infinite; -moz-animation: bounce .5s infinite; }
main .block.block-container .item:hover header:before { color: #ff7e0b; margin-top: -5px; }

main .block.block-title + .block.block-column-container { padding: var(--offset) 0; }
main .block.block-column-container { padding: 70px 0; }
main .block.block-column-container + .block.block-column-container { padding: 20px 0 70px 0; }
main .block.block-column-container .item.col:nth-last-child(1) { margin: 0; }
main .block.block-column-container .item header * { font-size: 16px; font-weight: 500; }
main .block.block-column-container .item p { padding-bottom: 10px;  }
main .block.block-column-container .item a { text-transform: uppercase; font-weight: bold; color: #002e8a; font-size: 14px; }
main .block.block-column-container .item a:hover { color: #ff7e0b;  }

main .block.block-quote blockquote { padding: 70px 0; text-align: center; font-size: 30px; line-height: 30px; display: block; background: #ff7e0b; }

main .googlemaps { display: flex; width: 100%; }
main .googlemaps .info-image{ display: flex; justify-content: flex-end; width: 50%; background: #002e8a; }
main .googlemaps .info-image .inner{ padding:70px 0 0 0; width:344px; color:#fff; }
main .googlemaps .info-image .inner address{ margin-bottom: 25px; }

main .googlemaps .info-image .inner .phone{ margin-top: 25px;  display: flex; flex-direction: column; }
main .googlemaps .info-image .inner .phone:before{ font-family: "vreugdenhil"; content: "i"; color: #fff; width: 24px; position: absolute; }
main .googlemaps .info-image .inner .phone a{ color: #fff; margin-left: 25px; text-decoration: underline;}

main .googlemaps .info-image .inner .mail{ margin-top: 25px; display: flex; flex-direction: column; }
main .googlemaps .info-image .inner .mail:before{ font-family: "vreugdenhil"; content: "g"; color: #fff; width: 24px; position: absolute; }
main .googlemaps .info-image .inner .mail a{ color: #fff; margin-left:25px; text-decoration: underline;}

main .googlemaps .map{ display: block; width: 50%; }
main .googlemaps .map #map_canvas { width: 100%; height: 550px; }

main .block.block-image-container {  padding: 70px 0;  }
main .block.block-title + .block.block-image-container { padding: var(--offset) 0 ; }
main .block.block-image-container + .block.block-image-container {  padding: 0 0 70px 0;  }
main .block.block-image-container .col:nth-last-child(1) { margin: 0; }
main .block.block-image-container a:hover { opacity: .5; }

main .block.block-image-container.gallery .item { margin-top: 50px; max-height: 340px; min-height: 300px; overflow: hidden;}
main .block.block-image-container.gallery .item h5 { color: #002e8a; font-weight: 500; }
main .block.block-image-container.gallery .item p { font-size: 14px;}
main .block.block-image-container.gallery .item .image { height: 240px; text-align: center; overflow: hidden; width: 100%; }
main .block.block-image-container.gallery .item:nth-child(3n+1) { margin-right: 0; }
main .block.block-image-container.gallery .item:nth-child(3n+1):after { clear: both; content: " "; font-size: 0; line-height: 0; }
main .block.block-image-container.gallery .item:nth-child(-n+4) { margin-top: 0; }
main .block.block-image-container.gallery a[rel="gallery"] { background-position: 50% 50%; background-size: 100% auto; -webkit-background-size: 100% auto; background-repeat: no-repeat; display: block; width: 340px; height: 227px;  }
main .block.block-image-container.gallery p { margin: 0; }
main .block.block-image-container.gallery .item:hover {  opacity: 1; }

main .block.block-search .inner { padding: 70px 0; }
main .block.block-search .inner .result { margin-bottom: 30px; font-size: 18px; color: #002e8a; font-weight: 500; line-height: 24px;}
main .block.block-search .inner .result a { font-size: 12px; color: #ccc; }
main .block.block-search .inner .result a span { color: #333; }
main .block.block-search .inner .result a:hover span {color: #ccc; }
main .block.block-search .inner .result p { font-size: 14px; color: #333; font-weight: 300; }
main .block.block-search .search {line-height: 42px; height: 42px; background: #ebebeb; display: block; }
main .block.block-search input[type="text"] { background: none; border: 0; line-height: 42px;  margin: 0 5px; padding: 0; width: 80%;}
main .block.block-search input[type="submit"] { font-family: "vreugdenhil"; border: 0; margin: 0; background: none; padding: 10px 10px; font-size: 18px; color: #002e8a; margin: 0; float: right }
main .block.block-search input[type="submit"]:hover { color: #ff7e0b  }

main .block.block-twitter .inner { padding: 70px 0; }
main .block.block-twitter header * { font-size: 18px; font-weight: 500; text-align: center; }
main .block.block-twitter header:after { background-image: url(../image/title_seperator.png);  background-position: 50% top; background-repeat: no-repeat; content: " "; height: 25px; display: block; margin-bottom: 50px;  }
main .block.block-twitter ul { opacity: 0; }
main .block.block-twitter ul li { display: inline-block; min-height: 165px; width: 100%; overflow: hidden; }
main .block.block-twitter ul li .user { margin-bottom:0px; line-height: 48px; }
main .block.block-twitter ul li .user img { border-radius: 50%; vertical-align: middle; display: inline-block; margin-right: 10px; max-width: 48px;}
main .block.block-twitter ul li .user span[data-scribe="element:name"] { color: #333; font-weight: bold; }
main .block.block-twitter ul li .user span[data-scribe="element:screen_name"] { color: #999; }
main .block.block-twitter ul li .timePosted { color: #999; font-size: .7em; }
main .block.block-twitter ul li a {  color: #002e8a; }
main .block.block-twitter ul li p { padding: 0 0 0 58px; }
main .block.block-twitter ul li p.tweet img { max-width: 0;  }
main .content-image-text { margin-top: 20px; }

main .module-calculator { width: 100%; margin-top: 24px; }
main .module-calculator h2 { font-size: 24px; color: #253e8f; margin-bottom: 20px; }
main .module-calculator h3 { font-size: 18px; color: #253e8f; margin-bottom: 10px; }
main .module-calculator .row + h3 { margin-top: 20px; }
main .module-calculator .blue,
main .module-calculator .boxed.blue { background: #253e8f; border-color: #253e8f; color: #FFF; }
main .module-calculator .blue .inner h2,
main .module-calculator .blue .inner h3 { color: #fff; }
main .module-calculator .calculator-result,
main .module-calculator .calculator-form { display: none; }
main .module-calculator .calculator-form.active,
main .module-calculator .calculator-result.active { display: block; }

main .module-calculator .boxed { border: 1px solid #ddd; /*opacity: 0; animation: fade-in .3s forwards ease-out .3s;*/ }
main .module-calculator .boxed + .boxed { margin-top: 20px; }
main .module-calculator .boxed .inner { padding: 20px; }
main .module-calculator .boxed .inner .row { line-height: 32px; }
main .module-calculator .boxed .inner .row + .row { margin-top: 10px; }
main .module-calculator .boxed .inner .row input[type="text"] { margin: 0; min-width: 400px; }
main .module-calculator .boxed .inner .row .key { min-width: 90px; }
main .module-calculator .boxed .inner p + button { margin-top: 30px; }
main .module-calculator .boxed .inner p strong { font-weight: 700; }

main .module-calculator .calculator-result { /*opacity: 0; */ }
main .module-calculator .calculator-result.active { /*animation: fade-in .3s forwards ease-out .3s;*/ }
main .module-calculator .calculator-result .container { font-size: 0; line-height: 0; }
main .module-calculator .calculator-result .inner { padding: 20px; }
main .module-calculator .calculator-result .container .data { display: inline-block; width: 33.33%; text-align: center; font-size: 14px; line-height: 24px; vertical-align: top; padding: 20px 0; }
main .module-calculator .calculator-result .container .data .price { font-size: 24px; font-weight: 700; }
main .module-calculator .calculator-result .container .data + .data { border-left: 1px solid rgba(255,255,255,.2) }
main .module-calculator .calculator-result .container .data span { font-size: 24px; font-weight: 700; }
main .module-calculator .calculator-result .address { text-align: left; margin-bottom: 20px; }
main .module-calculator .calculator-result .address strong { display: inline-block; min-width: 80px; font-weight: 700;}

main .module-calculator .calculator-result .googlemaps,
main .module-calculator .calculator-result .googlemaps #map { min-height: 300px; }
main .module-calculator .calculator-result .form { margin-top: 24px; }
main .module-calculator .calculator-result .form .row + .row { margin-top: 10px; }
main .module-calculator .calculator-result .form .header h5 { font-size: 18px; font-weight: 500; color: #253e8f; margin-bottom: 20px; }
main .module-calculator .calculator-result .form .key { width: 220px; font-weight: bold; font-size: 16px; }
main .module-calculator .calculator-result .form .key label { line-height: 32px; }
main .module-calculator .calculator-result .form .value { width: 335px; }
main .module-calculator .calculator-result .form .value textarea,
main .module-calculator .calculator-result .form .value input[type="text"] { display: block; width: 100%; margin: 0; }
main .module-calculator .calculator-result .form .value input + .required { position: absolute; margin-top: -30px; margin-left: -10px; color: #253e8f;  }
main .module-calculator .calculator-result .form .value.radio label { line-height: 32px; }
main .module-calculator .calculator-result .form .value.radio label + label { display: inline-block; margin-left: 20px; }
main .module-calculator .calculator-result .form textarea { min-height: 96px; }
main .module-calculator .calculator-result .form .text-right { text-align: right; }
main .module-calculator .calculator-result .form .text-right button { margin-top: 24px; }

main .content-white { color: #FFF;  }
main .content-white header * { color: #FFF; }
main article.inner { padding: var(--offset) 0; }

main a.appstore { margin-top: 20px; line-height: 40px; }
main a.appstore img { display: inline; vertical-align: middle; }
main a.appstore:hover { opacity: .8 }

main .mailchimp { margin-top: 20px; padding: 20px; border: 3px solid #ccc;  }
main .mailchimp form { display: flex; justify-content: space-between; align-items: center; }
main .mailchimp form input[type="text"] { width: calc(70% - 10px);}
main .mailchimp form button{ line-height:34px }

div.reference { }
div.reference figure img  { opacity: .8; margin: 0 20px; vertical-align: middle; /*display: none; */ max-width: 145px; }
div.reference figure img:hover { opacity: 1; }


/* FORMULIER */
div.asideform div.header { position: relative; margin: 0; }
div.asideform div.row { margin-bottom: 10px; display: inline; }
div.asideform span.required { color: #e63c2e; }
div.asideform div.row.spacer { height: 10px; line-height: 10px; }
div.asideform div.row div.value { float: left; }
div.asideform div.row div.value input { display: inline; width: 200px; }
div.asideform div.row textarea { width: 200px; }

.file{ margin: 5px 0px 10px 0px; }

input[type="text"], input[type="tel"], input[type="email"], select { line-height: 32px; height: 32px; border: 1px solid #d4d4d4; font-family: 'open sans', sans-serif; padding: 0 5px; margin: 5px 0; font-size: 14px; }
textarea { line-height: 32px; border: 1px solid #d4d4d4; font-family: 'open sans', sans-serif; font-size: 14px; line-height: 24px; min-height: 126px; }
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus {border: 1px solid #3a97b5; color: #111;  }
label.error { font-size: 12px; color: #e63c2e; display: block; }

input.licenseplate { width: 150px; padding: 0 5px; border: 2px solid #515151; border-radius: 4px; color: #000; font-weight: 700; line-height: 32px; font-size: 18px; margin: 0 0px 20px 30px; padding-left: 25px !important; background: #ffd400 url(/e2/vreugdenhil/website/content/site/image/bg_licenceplate.png) no-repeat 0 50%; background-size: auto 106%; }

.complaint{ margin-top: 25px; }
.complaint .alert { background: #002e8a; color: #ffffff; padding: 5px; width: 98%; font-size: 12px; margin-bottom: 20px; text-align: center;}

#carform h3 { margin: 1em 0; }
#carform .alert { background-color: var(--color-orange); padding: var(--offset-small); color: white; font-weight: 400; margin: 1em 0; font-size: .9em; line-height: 1.5em; }
#carform .alert b { font-weight: bolder; }

main #map_canvas {  width: 100%; height: 400px; }

footer { padding: 30px 0; font-size: 12px; line-height: 20px; }
footer figure.logo { margin: 0 auto; }
footer figure.logo img { width: 300px; }
footer nav { background: none; padding: 20px 0;  }
footer a { color: #333; text-decoration: underline; display: inline-block; margin: 0 5px; }
footer nav a {  margin: 0 10px; font-size: 14px; text-decoration: none; line-height: 28px; }
footer a.certification {  margin: 10px; }
footer a.certification img { opacity: .8; vertical-align: middle; height: 50px; }
footer a.certification img:hover { opacity: 1; }

#extra-pages { display: none; }

footer h5 { font-size: 16px; color: #002e8a; font-weight: 600; font-family: 'Open Sans', sans-serif; }
div.footer-menu ul, div.footer-menu ul li { display: inline-block; }
div.footer-menu a { display: inline; }

div.col.col-4-1.left.blue a{
	color: #fff;
}

#carform .radios > div{
	display: inline-block;
}

/* ANIMATION */

.button, .button:after,
nav *,
main .block.block-image-container a,
main .block.block-container *,
main .block.block-container *:before,
main aside ul.link-items *,
main aside ul.link-items a:before,
main .block.block-image-container.gallery *,
ul.faq a.trigger,
figure.vertical-fill img { transition: all .25s ease; }

@-webkit-keyframes bounce {
	0% { padding: 0; }
	50% { padding: 0 0 0 10px; }
	100% { padding: 0; }
}

@keyframes bounce {
	0% { padding: 0; }
	50% { padding: 0 0 0 10px; }
	100% { padding: 0; }
}
@-moz-keyframes bounce {
	0% { padding: 0; }
	50% { padding: 0 0 0 10px; }
	100% { padding: 0; }
}

@-webkit-keyframes toggle {
	0% { height: 0; }
	50% { height: 50%; }
	100% { height: 100%; }
}

@keyframes toggle {
	0% { height: 0; }
	50% { height: 50%; }
	100% { height: 100%; }
}
@-moz-keyframes toggle {
	0% { height: 0; }
	50% { height: 50%; }
	100% { height: 100%; }
}

@media screen and (max-width: 1119px) and (min-width: 1024px) {
	.col { margin-right: 30px; }
	.col-3-1 { width: 310px; }
	.col-3-2 { width: 650px; }
	.col-4-1 { width: 225px; }
	.col-4-2 { width: 480px; }
	.col-6-1 { width: 140px; }
	.col-50 { width: 50%; }
	/* 20 px gap*/
	.col-8-1 { width: 97px; }

	body { font-size: 14px; line-height: 26px; }

	.wrapper { max-width: 990px; margin: 0 auto; }
	main .element .element-content { width: 990px;}
	.wrapper-white-blue { background: url(../image/blue_background.gif) repeat-y 510px top;  }
	.wrapper-blue-white { background: url(../image/blue_background.gif) repeat-y -480px top;  }

	header.header section.alert h6 { font-size: 16px; padding-left: 100px; }
	header.header section.alert h6 span { font-size: 26px;  }
	header.header section.alert:before {  margin: 10px 0 0 46px; }

	main .block.block-main-content div.col-4-1 { font-size: 12px; line-height: 24px; }

	main .block.block-image-container.gallery .col-6-1 { height: 140px; width: 140px; margin-bottom: 30px; }

	main .block.block-googlemaps .left .col-4-2.right { width: auto;}
	main .block.block-googlemaps #map_canvas { height: 516px; }

	main .module-calculator .boxed .inner .row input[type="text"] { margin: 0; width: 100%; min-width: auto; }
	main .module-calculator .boxed .inner { padding: 10px; }
	main .module-calculator .wrapper { margin: 0 10px; }
	main .module-calculator .calculator-result .container .data { display: inline-block; width: 100%; text-align: center; font-size: 14px; line-height: 24px; vertical-align: top; padding: 10px 0; }
	main .module-calculator .calculator-result .container .data + .data { border-left: 0px solid rgba(255,255,255,.2) }

	div.reference figure img { max-width: 130px; }
}

@media screen and (max-width: 1199px) and (min-width: 311px) {

	.left, .right { float: none; }

	nav .social,
	figure.vertical-fill,
	main .block.block-googlemaps #map_canvas,
	header.header .search,
	main .block.block-quote .left.col,
	footer nav { display: none; }

	main .module-calculator .boxed .inner .row input[type="text"] { margin: 0; width: 100%; min-width: auto; }
	main .module-calculator .boxed .inner { padding: 10px; }
	main .module-calculator .wrapper { margin: 0 10px; }
	main .module-calculator .calculator-result .container .data { display: inline-block; width: 100%; text-align: center; font-size: 14px; line-height: 24px; vertical-align: top; padding: 10px 0; }
	main .module-calculator .calculator-result .container .data + .data { border-left: 0px solid rgba(255,255,255,.2) }

	.col { margin-right: 0px; }
	.col-3-1,
	.col-3-2,
	.col-4-1,
	.col-4-2,
	.col-6-1 { width: auto; }
	.col-50 { width: 100%; }

	.wrapper-white-blue { background: none; }

	h1, h2, h3 { margin-bottom: 20px; }
	body { font-size: 14px; line-height: 26px; }

	main {
		padding-top: 130px;
	}

	main .element { display: block;  }
	main .element .element-content { width: auto; }
	main .element .element-filler { display: none; }

	main .content-white { background: #002e8a;  }
	main .content-white article.inner { padding: 20px;  }

	main article.inner { padding: 30px 0; }
	main aside .inner { padding: 0px 20px 30px 20px; margin: 0;}

	main .block.block-streamer .item .content { font-size: 14px; line-height: 22px;}
	main .block.block-streamer .item .content .inner {  padding: 20px; }
	main .block.block-streamer .item .content .inner h2 { font-size: 30px;  }
	main .block.block-streamer .item .content .inner a.button { margin-top: 20px;  }

	main .block.block-main-content .col-4-1	{ margin-bottom: 30px; }
	main .block.block-main-content aside.col-4-1	{ margin-bottom: 0px; }
	main .block.block-main-content div.col-4-2 .faqfilter select { margin-left: 0; }

	main .block.block-container { padding: 0; }
	main .block.block-container + .block.block-container { padding: 0px 0 0px 0; }
	main .block.block-container .item.col:nth-last-child(1) { margin: 0 0 30px 0; }
	main .block.block-container .item { font-size: 12px; line-height: 24px; margin: 30px 0; }
	main .block.block-container .item p { display: none; }
	main .block.block-container .item a { color: #333; }

	main .block.block-title + .block.block-column-container { padding: 30px 0 30px 0; }
	main .block.block-column-container { padding: 30px 0; }
	main .block.block-column-container .item.col { margin: 0px 0 30px 0; }

	main .block.block-column-container .item a { font-size: 12px;  }

	main .googlemaps { display: flex; width: 100%; flex-wrap: wrap-reverse; }
	main .googlemaps .info-image{ display: flex; justify-content: center; width: 100%; background: #002e8a;  }
	main .googlemaps .info-image .inner{ padding:30px 0; width:100%; color:#fff; margin:0 20px; }
	main .googlemaps .info-image .inner address{ margin-bottom: 25px; }

	main .googlemaps .info-image .inner .phone{ margin-top: 25px;  display: flex; flex-direction: column; }
	main .googlemaps .info-image .inner .phone:before{ font-family: "vreugdenhil"; content: "i"; color: #fff; width: 24px; position: absolute; }
	main .googlemaps .info-image .inner .phone a{ color: #fff; margin-left: 25px; text-decoration: underline;}

	main .googlemaps .info-image .inner .mail{ margin-top: 25px; display: flex; flex-direction: column; }
	main .googlemaps .info-image .inner .mail:before{ font-family: "vreugdenhil"; content: "g"; color: #fff; width: 24px; position: absolute; }
	main .googlemaps .info-image .inner .mail a{ color: #fff; margin-left:25px; text-decoration: underline;}
	main .googlemaps .info-image figure{ display: none; }

	main .googlemaps .map{ display: block; width: 100%; }
	main .googlemaps .map #map_canvas { width: 100%; height: 550px; }

	main .block.block-title + .block.block-image-container, main .block.block-twitter .inner { padding: 30px 0; }

	div.reference figure { text-align: center;  }
	div.reference figure img {  display: block; margin: 0 auto 30px auto; max-width: 140px; }
	div.reference figure img:nth-child(6) { margin: 0 auto; }

	footer { line-height: 24px; }
	footer figure.logo { margin-bottom: 10px; }
}

@media screen and (max-width: 310px) and (min-width: 1px) {
	body { background: #FFF; padding-left: 0; }
	main, footer, nav,header.header .search { display: none; }

	header.header { margin-top: 100px; }
	header.header figure.logo { text-align: center; width: 100%; float: none; margin: 0px 0 0px 0px;}
	header.header figure.logo a { width: auto; }
	header.header figure.logo img { width: 100%; }
	header.header section.alert { background: #ff7e0b; min-height: 60px; text-align: center; clear: both; }
	header.header section.alert h6 { padding: 10px 0 0 0; color: #9f2d00; }
	header.header section.alert h6 span { color: #FFF; }
	header.header section.alert:before { display: none;}

	main .googlemaps { display: flex; width: 100%; flex-wrap: wrap-reverse; }
	main .googlemaps .info-image{ display: flex; justify-content: center; width: 100%; background: #002e8a; }
	main .googlemaps .info-image .inner{ padding:30px 0; width:100%; color:#fff; margin:0 20px; }
	main .googlemaps .info-image .inner address{ margin-bottom: 25px; }
	main .googlemaps .info-image figure{ display: none; }

	main .googlemaps .info-image .inner .phone{ margin-top: 25px;  display: flex; flex-direction: column; }
	main .googlemaps .info-image .inner .phone:before{ font-family: "vreugdenhil"; content: "i"; color: #fff; width: 24px; position: absolute; }
	main .googlemaps .info-image .inner .phone a{ color: #fff; margin-left: 25px; text-decoration: underline;}

	main .googlemaps .info-image .inner .mail{ margin-top: 25px; display: flex; flex-direction: column; }
	main .googlemaps .info-image .inner .mail:before{ font-family: "vreugdenhil"; content: "g"; color: #fff; width: 24px; position: absolute; }
	main .googlemaps .info-image .inner .mail a{ color: #fff; margin-left:25px; text-decoration: underline;}

	main .googlemaps .map{ display: block; width: 100%; }
	main .googlemaps .map #map_canvas { width: 100%; height: 550px; }

}