/* COLORS 
blue 	= 	#6e90a6
orange 	=	#ff5200æ
grey 	= 	#333
l-grey 	= 	#eee
*/

/* GLOBAL */
*{ box-sizing:border-box; }
html{ height:100%; overflow-y:scroll; }
html,body{ position:relative; padding:0; margin:0; font-family:'Roboto', Arial, sans-serif; font-size:14px; font-weight:400; color:#333; line-height:1.5em; }
body{ min-height:100%; }
a{ color:#333; text-decoration:none; }
img{ border:0; }
p{ margin:1.5em 0; }
input[type='text'], select, textarea{ font-family:'Roboto', Arial, sans-serif; font-size:14px; font-weight:400; background:#fff; border:1px solid #eee; padding:0; border-radius:0; -webkit-appearance:none; }
input[type='submit']{ -webkit-appearance:none; -webkit-border-radius:0; border-radius:0;  }
input[type='checkboxes']{ margin-left:0; }
select::-ms-expand { display:none; }
label{ cursor:pointer; }
table, tr, td, th{ padding:0; margin:0; border-collapse:collapse; border-spacing:0; vertical-align:top; text-align:left; }
h1, h2, h3, h4, h5, h6{ margin:0; line-height:normal; font-weight:300; }
h2{ font-size:25px; margin-bottom:1.5em; line-height:1.5em; font-style:italic; }
strong{ font-weight:500; }
ul{ padding:0; margin:0; }
li{ list-style:none; }
.clear{ clear:both; }
.fixed{ position:fixed; z-index:11; }
.table{ display:table; vertical-align:middle; }
.table-cell{ display:table-cell; vertical-align:middle; }

.fullpage-wrapper{ z-index:9; }
.fp-section{ z-index:10; }

/* MAIN ELEMENTS */
.fade#intro{ display:none; }
.fade{ padding-top:80px; height:100%; }
body.home .fade{ position:relative; z-index:1;  }
.c2a{ background-color:#ff5200; color:#fff; font-size:14px; padding:20px 25px; display:inline-block; position:relative; z-index:2; border:0; min-height:62px; cursor:pointer; }
.c2a span, #nav-but a span{ display:block; position:relative; }
.c2a span::after, #nav-but a span::after{ font-family:'FontAwesome'; content:"\f105"; position:absolute; right:0; top:calc(50% - 10px); opacity:0; }
.c2a:hover, #nav-but a:hover{ background-color:#ff2f00; }
.c2a:hover span{ transform:translateX(-7px); }
.c2a:hover span::after{ right:-14px; opacity:1; }

article{ max-width:1300px; padding:0 30px; margin:auto; display:block; }
div.section{ width:100%; height:540px; padding:140px 0 200px 0; display:block; background-size:cover; background-position:right center; color:#fff; z-index:-2; overflow:hidden; }
div.section h1, div.section h2{ font-size:54px; line-height:normal; font-style:italic; max-width:730px; margin-bottom:0; position:relative; z-index:1; }
div.section article{ display:table; width:100%; height:100%; position:relative; }
div.section.home article{ height:calc(100% - 260px); }
div.section section{ position:relative; display:table-cell; vertical-align:middle; }
div.section section p{ width:500px; position:relative; z-index:1; }
article.content{ background:#fff; margin-top:-100px; z-index:1; position:relative; min-height:100px; padding:60px 0; }
article.content article{ padding:0 80px; }
article.content section{ width:50%; float:left; }
article.content section:nth-child(odd){ padding-right:30px; }
article.content section:nth-child(even){ }
.testimonial{ padding:30px; background:#eee; position:relative; }
.testimonial span{ font-style:italic; }
.testimonial p{ position:relative; padding-left: 45px; }
.testimonial p:last-of-type{ margin-bottom:0; }
.testimonial p::before { content: '“'; font-size: 84px; font-family: "Georgia"; position: absolute; top: 0; left: 0; line-height: 75px; color: #d0d0d0; }
article.content a{ color:#6e90a6; }
article.content a.c2a{ color:#fff; }
article.content p{ margin-top:0; }

div.section article::before{ display:block; content:"\25BA"; font-size:560px; position:absolute; height:0px; width:0px; top:50%; left:20px; line-height:0; z-index:0; color:rgba(110,144,166,0.6); text-shadow:0px 0px 46px rgba(0,0,0,0.3); transform:scaleX(1.7) skewY(-5deg) skewX(-4deg) translateX(-90px) translateY(-20px); }
div.section.home article::before{ font-size:650px; left:60px; z-index:-1; transform:scaleX(1.7) skewY(-5deg) skewX(-4deg) translateX(-130px) translateY(-20px); }
div.section.home.one article::before{ font-size:740px; left:40px; }

/* HEROS */
div.section.home.one{ background-image:url('../img/heros/hero-1.jpg'); }
div.section.home.two{ background-image:url('../img/heros/geef-uw-selectiecriteria-aan.jpg'); background-position:top right; }
div.section.home.three{ background-image:url('../img/heros/wij-zoeken-in-onze-database.jpg'); background-position:left top; }
div.section.home.four{ background-image:url('../img/heros/de-leveranciers-beoordelen-uw-selectiecriteria.jpg'); }
div.section.home.five{ background-image:url('../img/heros/u-komt-in-contact-met-de-leveranciers.jpg'); background-position:center center; }

div.section.veelgestelde-vragen{ background-image:url('../img/heros/veelgestelde-vragen.jpg'); background-position:center top; }
div.section.ontvang-leads{ background-image:url('../img/heros/hero-1.jpg'); background-position:center top; }
div.section.contact{ background-image:url('../img/heros/hero-contact.jpg'); background-position:center center; height:65vh; } 

/* NAV */
.logo{ height:40px; position:absolute }
nav{ padding:20px 0 0 0; background:#fff; width:100%; height:80px; position:fixed; z-index:10; top:0; -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1); -moz-box-shadow:0 1px 3px rgba(0,0,0,0.1); box-shadow:0 2px 3px rgba(0,0,0,0.2); }
nav ul{ margin:0; padding:0; float:right; }
nav li{ display:inline-block; }
nav li a{ height:60px; padding:10px 0 0 0; margin:0 22px 0 0; display:block; font-size:12px; list-style-type:none; border-bottom:#fff 0px solid; }
nav li:last-of-type a{ margin-right:0; }
nav li.active a{ border-bottom:#6e90a6 3px solid; }
nav.fixed{ z-index:10; }
nav li#nav-but{ border-bottom:0 !important; padding:0; }
#nav-but a{ padding:10px 17px; background:#ff5200; color:#fff; display:block; height:auto; white-space:normal; }
#nav-but.active a{ border-bottom:#fff 0px solid; }
#nav-but a:hover span{ transform:translateX(-5px); }
#nav-but a:hover span::after{ right:-10px; opacity:1; }

.hb{ float:right; position:relative; cursor:pointer; display:none; margin-top:13px; }
.hb span{ width:25px; height:4px; background:#333; display:block; }
.hb span:first-of-type{ margin-bottom:10px; }
.hb i{ width:25px; height:4px; background:#333; display:block; position:absolute; top:7px; }

/* HOME */
div.section.home{ position:relative; padding:0; height:100vh; height:calc(100vh - 143px); }
div.section.home h1{ font-size:54px; cursor:default; }
div.section.home.one h1 .mask{ display:inline; overflow:auto; }
div.section.home.one h1 .mask span{ display:inline; }	
div.section.home.one p{ margin-top:0; }

.usp{ position:fixed; bottom:60px; width:100%; overflow:hidden; z-index:10; }
.usp article{ background:#fff; color:#333; padding-top:40px; padding-bottom:20px; }
.usp ul{ margin:0; padding:0; }
.usp li{ display:block; float:left; list-style:none; width:25%; padding:0 20px; font-size:12px; line-height:normal; text-align:center; position:relative; }
.usp.light li.active{ opacity:1; }
.usp.light li{ opacity:0.25; }
.usp h2{ font-size:18px; margin-bottom:2px; font-style:normal; white-space:nowrap;  }
.usp li span { color: #555; display: inline-block; margin-bottom: 5px; height: 40px; width: 40px; background-size: cover; }
.usp li:nth-of-type(1) span{ background-image: url(../img/step-1.png); }
.usp li:nth-of-type(2) span{ background-image: url(../img/step-2.png); }
.usp li:nth-of-type(3) span{ background-image: url(../img/step-3.png); }
.usp li:nth-of-type(4) span{ background-image: url(../img/step-4.png); }
.usp li::before { content: "\f105"; font-family: "FontAwesome"; position: absolute; left: -3px; top: 50%; margin-top: -8px; font-size: 23px; color: #ddd; transform: scaleY(2); }
.usp li:first-of-type::before{ content:""; }
.usp .fa.fa-database{ font-size:30px; }
.usp p{ margin:0; line-height:16px; }

/* ONTVANG BESCHIKBARE LEADS */
.ontvang .line{ height:3px; background:#6e90a6; display:block; float:left; width:100%; position:relative; top:-3px; }
.ontvang .line.error{ background:#f94a4a; transform:scaleX(1) !important; }
.ontvang{ width:100%; }
.ontvang table{ width:100%; }
.ontvang table td{ height:50px; position:relative; }
.ontvang th{ padding-bottom:15px; }
.ontvang .row{ width:70%; float:left; padding-right:40px; }
.ontvang .row .col{ width:50%; float:left; }
.ontvang .row .col:first-of-type{ padding-right:20px; }
.ontvang p{ float:right; background:#eee; padding:20px; width:30%; }
.ontvang p input[type='checkbox']{ position:relative; top:2px; margin:0 5px 0 0; }
.ontvang input[type='text'], .ontvang textarea, .ontvang select{ width:100%; padding:0; height:30px; border-width:0 0 3px 0; display:block; text-indent:5px; }
.ontvang input[type='text']:focus, .ontvang textarea:focus, .ontvang select:focus{ outline:0; }
.ontvang textarea{ resize:vertical; width:100%; height:60px; }
.ontvang input[type='text'].streetname, .ontvang .streetname{ width:calc(70% - 20px); margin-right:20px; float:left; }
.ontvang input[type='text'].housenumber, .ontvang .housenumber{ width:30%; float:right; }
.ontvang input[type='text'].city, .ontvang .city{ width:calc(70% - 20px); float:right;}
.ontvang input[type='text'].zipcode, .ontvang .zipcode{ width:30%;  margin-right:20px; float:left; }
.ontvang input[type='text'].lastname, .ontvang .lastname{ width:calc(75% - 20px); float:right;}
.ontvang input[type='text'].initials, .ontvang .initials{ width:25%;  margin-right:20px; float:left; }
.ontvang #male, .ontvang #female{ display:none; }
.ontvang label[for='male'],.ontvang label[for='female']{ color:#bbb; }
.ontvang .error label[for='male'],.ontvang .error label[for='female']{ color:#f94a4a; }
.ontvang label .fa{ margin-right:5px; font-size:25px; }
.ontvang label[for='female']{ margin-left:15px; }
.ontvang label.active{ color:#6e90a6; } 
.ontvang .c2a{ clear:both; margin-top:20px; }
.ontvang .fa-caret-down{ top:4px; right:9px; position:absolute; }
.ontvang .checkboxes.terms{ display:block; margin-top:20px; }
.ontvang .checkboxes.terms input{ margin:0 3px 0 0; position:relative; top:2px; }
.ontvang .checkboxes.error strong{ color:#f94a4a; }
.ontvang .checkboxes.terms.error, .ontvang .checkboxes.terms.error a{ color:#f94a4a; }

.ontvang .checkboxes.campaign { display:block; margin-top:10px; float:right; background:#eee; padding:20px; width:30%; width:calc(33% - 20px); }
.ontvang .checkboxes.campaign span{ display:block; margin-top:10px; }
.ontvang .checkboxes.campaign label{ position:relative; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.ontvang .checkboxes.campaign label+label{ margin-left:10px; }
.ontvang .checkboxes.campaign label.active::after{ content:"\f00c"; font-family:"FontAwesome"; position:absolute; right:-8px; top:-8px; font-size:14px; color:green; text-shadow:-1px -1px 0px #eee, 1px 1px 0px #eee, -1px 1px 0px #eee; }
.ontvang .checkboxes.campaign input{ display:none; }

/* CONTACT */
article.contact section{ width:25%; }

/* CONTACT */
article.contact{ display:grid; grid-template-columns:repeat(3, 1fr); grid-row-gap:40px; }
article.contact h2{ margin:0; }
article.contact section{ width:auto; }
article.contact section:first-of-type{ grid-column:1 / 4; }
article.contact section:nth-child(odd){ padding-right:0; }
article.contact section:nth-child(even){ padding-left:0; }


/* FOOTER */
footer{ width:100%; bottom:0; left:0; position:absolute; background:#eee; text-align:center; }
footer hr{ background:#fff; height:30px; border:0; margin:0; padding:0; }
footer ul{ margin:0; padding:0; white-space:nowrap; }
footer li{ margin:0 30px 0 0; padding:5px 0; display:inline-block; list-style:none; color:#aaa; font-size:12px; }
footer li:last-of-type{ margin-right:0; }
footer a{ color:#aaa; white-space:nowrap; }
footer .fa.fa-user{ margin-right:2px; }
footer li.lang{ position:relative; z-index:12; display:none; }
footer li.lang .fa-caret-down{ color:#555;  cursor:pointer; }
footer li.lang img{ display:inline-block; position:relative; top:2px; margin-right:4px; cursor:pointer; }
footer li.lang:hover ul{ transform:scale(1); }
footer li.lang ul{ margin:0; position:absolute; bottom:24px; right:-2px; background:#eee; padding:12px 12px 12px 12px; transform:scale(0); z-index:11; }
footer li.lang ul li{ margin:0; padding:0; display:block; padding-bottom:12px; }
footer li.lang ul li img{ top:0; margin:0; display:block; }
footer li.lang ul li:last-of-type{ padding-bottom:0; }


/* OVERIGE PAGINAS */
article.content.other article{ margin-top:100px; padding:0 30px; }
article.content.other h1{ font-size:25px; margin:0; }
article.content.other h3{ font-size:14px; margin-top:20px; font-weight:500; }
article.content.other ul{ padding:0 0 0 40px; }
article.content.other li{ list-style-type:disc; }
article.content.other li li{ list-style-type:circle; }
.impressum{ margin-top:13px; }
.impressum td:first-of-type{ padding-right:20px; }

/* PLAN APPOINTMENT */
.plan-appointment{ padding-top:80px; }
.plan-appointment article{ max-width:1024px; }
.plan-appointment h1{ font-size:32px; font-style:italic; margin-bottom:24px; }

.plan-appointment form{ width:calc(100% - 320px); max-width: 560px; float:left; }
	.plan-appointment label{ display:block; font-size:11px; font-weight:bold; text-transform:uppercase; color:#555; }
	.plan-appointment label.error input, .plan-appointment label.error select{ border-color:#ff9f9f; }
	.plan-appointment input, .plan-appointment textarea, .plan-appointment select{ display:block; border:1px solid #ddd; padding:8px 10px; width:100%; /**/ transition:border-color 0.2s; -moz-transition:border-color 0.2s; -ms-transition:border-color 0.2s; -o-transition:border-color 0.2s; -webkit-transition:border-color 0.2s; }
	.plan-appointment textarea{ min-height: 76px; resize:vertical; }
	.plan-appointment .date,
	.plan-appointment .time{ width:calc(50% - 8px); float:left; max-width:164px; }
	.plan-appointment .time{ margin-left:16px; }
	.plan-appointment .time .wrap{ position:relative; }
	.plan-appointment .time .wrap .fa{ position:absolute; top:12px; right:12px; font-size:14px; }
	.plan-appointment .comments{ margin-top:16px; }
	.plan-appointment .c2a{ margin-top:16px; }

.plan-appointment .supplier-details{ width:296px; float:right; background:#eee; padding:24px; }
	.plan-appointment .supplier-details .supplier-logo{ background:#fff; padding:16px; display:inline-block; line-height:0; margin-bottom:16px; }
	.plan-appointment .supplier-details strong{ display:block; font-size:11px; font-weight:bold; text-transform:uppercase; color:#555; }
	.plan-appointment .supplier-details p{ margin:0 0 16px 0; }
	.plan-appointment .supplier-details .item{ position:relative; padding-left:20px; }
	.plan-appointment .supplier-details .item + .item{ margin-top:6px; }
	.plan-appointment .supplier-details .item img{ position:absolute; top:4px; left:0; }
	.plan-appointment .supplier-details .item img.map{ top:2px; }

/* CANCEL PAGE */
div.section.cancel{ background-image:url('../img/heros/cancel-header.jpg'); background-position:right top; height:360px; padding:0; }
article.content.cancel h1{ font-size:32px; line-height:40px; font-style:italic; font-weight:normal; margin-bottom:16px; }
article.content.cancel .brackets{ color:#aaa; }
article.content.cancel .column.left{ width:calc(40% - 40px); float:left; }
article.content.cancel .column.right{ width:calc(60% - 40px); float:right; }
article.content.cancel form label{ display:block; margin-bottom:16px; }
	article.content.cancel form select, article.content.cancel form textarea{ display:block; background:#eee; border:0; width:100%; padding: 12px 10px 10px 10px; margin-top:4px; border-bottom:2px solid #eee; /**/ transition:border 0.2s; -moz-transition:border 0.2s; -ms-transition:border 0.2s; -o-transition:border 0.2s; -webkit-transition:border 0.2s; }
		article.content.cancel form select{ -webkit-appearance: menulist; }
		article.content.cancel form label.error select{ border-bottom-color:red; }
		article.content.cancel form select::-ms-expand { display:block; }
		article.content.cancel form textarea{ resize:vertical; height:136px; min-height: 60px; }
article.content.cancel form .c2a { color: #fff; padding: 12px 16px; min-height: auto; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }


/* Bedankt */
article.content.thanks h1{ font-size:30px; margin-bottom:15px; } 
article.content.thanks h2{ font-size:18px; font-style:normal; } 

/* MODAL */
.modal-wrap{ position:fixed; top:0; left:0; width:100%; width:100vw; height:100%; height:100vh; background:rgba(0,0,0,0.4); z-index:99; }
.modal{ background:#fff; margin:auto; position:relative; }
.modal h1{ font-style:italic; text-align:center; }
.modal-close { width: 24px; height: 24px; font-size: 15px; font-weight: bold; background: #000; border: 2px solid #fff; box-sizing: content-box; line-height: 22px; color: #fff; text-align: center; border-radius: 100%; position: absolute; right: -8px; top: -8px; cursor: pointer; }

.choose-language .modal{ width:348px; padding:22px 32px 32px 32px; border-radius:2px; }
.choose-language ul, .choose-language li{ margin:0; padding:0; }
.choose-language li{ display:block; text-align:center; width:50%; float:left; }
.choose-language figure{ display:inline-block; margin:20px 0 0 0; padding:0; background-image:url('../img/flags/flags.png'); height:88px; width:104px; border-radius:2px; position:relative; }
.choose-language figure::before{ content: ""; width: 100%; height: 100%; display: block; border-radius:2px; background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 50%, rgba(0,0,0,0.1) 100%); background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 50%,rgba(0,0,0,0.1) 100%); background: radial-gradient(ellipse at center, rgba(0,0,0,0) 50%,rgba(0,0,0,0.1) 100%); }
.choose-language figure.de{ background-position:0px 0px; }
.choose-language figure.nl{ background-position:-104px 0px; }
.choose-language figure.en{ background-position:-208px 0px;  }
.choose-language figure.fr{ background-position:-312px 0px;  }

/* GDPR */
.gdpr { overflow:hidden; }
.gdpr article{ max-width: 560px; box-sizing:content-box; }
.gdpr .hero{ background-color:#543d34; background-image:url('../img/gdpr-header.jpg'); background-size:cover; background-position:center; padding:200px 0 40px 0; margin-bottom:40px; }
.gdpr.privacy .hero{ background-image:url('../img/privacy-header.jpg'); }
.gdpr .hero h1{ color:#fff; font-size:36px; font-style:italic; }
.gdpr .text{ padding-bottom:40px; }
.gdpr .text h2{ font-size:24px; line-height:30px; margin:26px 0 6px 0; font-style:normal; font-weight:normal; }
.gdpr .text h3{ font-size:16px; line-height:24px; margin:0 0 0 0; font-style:normal; font-weight:500; }
.gdpr .text p{ margin:0 0 16px 0; }
.gdpr .text .imageWrap{ position:relative; height:326px; margin: 40px 0 32px 0; }
.gdpr .text .imageWrap img{ position: absolute; top:0; left: 50%; transform: translate(-50%); }
.gdpr .text a{ color:#6e90a6; }

.gdpr .text ul { margin:0 0 16px 19px; }
.gdpr .text ul li{ list-style:disc; }
.gdpr .text .sources{ font-size:13px; border-top:1px solid lightgrey; margin-top:48px; }
.gdpr .text .source{ font-size: 11px; vertical-align: super; }

/* COOKIE */
.cookie svg .st0{ fill:#6e90a6; } /* SET COLOR! */
.cookie{ z-index:11; position:fixed; right:16px; bottom:16px; background:#fff; padding:16px 16px 16px 14px; box-shadow:0px 2px 5px rgba(0,0,0,0.2); border-radius:5px; transition:opacity 200ms, bottom 200ms; -webkit-transition:opacity 200ms, bottom 200ms; -ms-transition:opacity 200ms, bottom 200ms; -o-transition:opacity 200ms, bottom 200ms; -moz-transition:opacity 200ms, bottom 200ms; }
.cookie.hide{ opacity:0; bottom:0; }
.cookie .close{ position: absolute; background: #333; color: #fff; width: 21px; height: 21px; line-height: 21px; font-weight: bold; right: -7px; top: -7px; border-radius: 100%; cursor: pointer; text-align: center; font-size: 20px; box-sizing: content-box; }
.cookie .close::after{ content: ""; width: 100%; height: 100%; border-radius: 100%; border: 2px solid #ffffff; position: absolute; top: -2px; left: -2px; z-index: -1; }
.cookie svg{ display:block !important; width:34px; height:34px; float:left; margin:3px 12px 0 0; }
.cookie .text{ font-size:13px; line-height:1.5; width: 254px; }
.cookie .text a{ font-size:11px; color:#333; }
.cookie .text a span{ text-decoration:underline; }

/* GDPR LABEL */
.gdprLabel{ position:relative; background:#eee; height:52px; width:183px; overflow:hidden; z-index:1; /* width:58px; transition:width 0.3s; -webkit-transition:width 0.3s; -moz-transition:width 0.3s; -ms-transition:width 0.3s; -o-transition:width 0.3s; */ }
.gdprLabel img{ width:58px; height:52px; position:absolute; top:0; left:0; display:block !important; margin:0; }
.gdprLabel .gdprText{ position:absolute; right:0; top:0; white-space:nowrap; display:table; height:100%; font-weight:500; line-height: 18px; padding-top: 1px; }
.gdprLabel .gdprText > div{ display:table-cell; vertical-align:middle; padding-right:10px; }
.gdprLabel .gdprTitle{ font-size:14px; color:#34495e; }
.gdprLabel .gdprLink a{ font-size:12px; text-decoration:none; color:#6e90a6; }
.bottomForm{ float:left; }
.bottomForm .terms{ float:left; }
.bottomForm .c2a{ clear:left; float:left; }
.gdprLabel.one{ clear:right; float:right; }
.gdprLabel.two{ margin-top:20px; }



/* BIGGER THAN TABLET */
@media screen and (min-width:1024px) {
	div.section.home.one{ }
	div.section.home.one h1 .mask{ display:inline-block; line-height:60px; overflow:hidden; }
	div.section.home.one h1 .mask span{ display:inline-block; }	
	nav ul{ display:block !important; }
}

/* SMALL DESKTOP */
@media screen and (max-width:1300px) {
	/* Side spacing */
	article{ padding:0 20px; }
	article.content.other article{ margin-top:100px; padding:0 20px; }
	div.section article{ padding:0 40px; }
	div.section.home article{ height: calc(100% - 260px); }

	/* CANCEL PAGE */
	div.section.cancel{ background-position:80% top; height:280px; }			   
}
/* SMALL HEIGHT DESKPTOP */
@media screen and (max-height:780px) and (min-width:1024px) {
	/* Text smaller */
		div.section.home.one h1{ font-size:50px; line-height:50px; }
		div.section.home.one h1 .mask{ line-height:50px; }
		.usp h2{ font-size:14px; }
		.usp .fa{ font-size:35px; }
}

/* TABLET */
@media screen and (max-width:1023px) {
	/* Change navigation */
		nav ul{ overflow-y:scroll; overflow-x:hidden; position:absolute; display:none; top:80px; left:0; background:#eee; width:calc(100% + 50px); height:100vh; padding:40px 70px 60px 40px; }
		nav li { display:block; }
		nav li a{ clear:left; display:block; height:auto; margin:0; padding:0 0 12px 0; margin-bottom:40px; font-size:16px; border-bottom:#eee 3px solid; }
		.hb{ display:block; }
		#nav-but a{ padding:20px 25px; height:auto; }
		
	div.section.home.one h1{ font-size:50px; }
	div.section.home.one p { margin-top:1.5em; }	
	
	.usp h2{ font-size:13px; }
	.usp li span { font-size: 40px; line-height: 35px; margin-right: 10px; }
	.usp article{ padding-top:30px; padding-bottom:0; }
	article.content article{ padding:0 40px; }
	article.content section:nth-child(even){ padding-left:15px; }
	article.content section:nth-child(odd){ padding-right:15px; }
	
	div.section.home h1 :first-of-type.mask span{ -ms-animation:none !important; }
	div.section.home h1 :last-of-type.mask span{ -ms-animation:none !important; }
	
	img.cxo{ position:static; top:auto; right:auto; width:100%; }
	
	section.map{ right:-100px; }
	
	footer li.copyright{ display:none; }
	
	/* CANCEL PAGE */
	article.content.cancel .column.left{ width:calc(50% - 24px); }
	article.content.cancel .column.right{ width:calc(50% - 24px); }
	
	article.content article.contact section:nth-child(odd){ padding-right:0; }
	article.content article.contact section:nth-child(even){ padding-left:0; }
	
}

@media screen and (max-width:900px) {
	article.contact section:first-of-type { grid-column: 1 / 3; }
	article.contact{ grid-template-columns:repeat(2, 1fr); }
}

@media screen and (max-width:760px) {
	/* CANCEL PAGE */
	article.content.cancel h1{ margin-bottom: 8px; }
	article.content.cancel h1 br{ display:none; }
	article.content.cancel .column.left{ width:100%; float:none; margin-bottom: 32px; }
	article.content.cancel .column.right{ width:100%; float:none; }
}

/* PHONE */
@media screen and (max-width:700px) {
	.fixed{ position:static; }
	article.content h2{ font-size:20px; }
	footer.fixed{ position:static; }
	
	.fp-section{ height:auto !important; }
	.fp-tableCell{ height:auto !important; }
	
	div.section { height: 450px; }
	
	div.section.home.one { background-position: 80% top; }
	
	div.section article{ padding:0 20px; }
	div.section section::before{ color:rgba(110,144,166,0.7); }
	div.section.home{ top:0; padding:60px 0; margin-bottom:40px; }
	div.section.home.one{ margin-bottom:0; }
	div.section.home.one h1, div.section h1, div.section h2{ font-size:45px; }
	div.section h1 br{ display:none; }
	div.section section p{ width:auto; }
	
	.home.two, .home.three, .home.four, .home.five{ display:none; }
	
	.usp article{ padding-top:40px; padding-bottom:30px; }
	.usp.light li{ opacity:1; }
	.usp h2{ font-size:16px; }
	.usp li span {  }
	.usp li{ width:100%; padding-bottom: 25px;  }
	.usp li::before{ content: ""; }
	
	article.content section{ width:100%; padding:0; }
	article.content section:nth-child(even){ padding:0; }
	article.content section:nth-child(odd){ padding:0; }
	article.content section.testimonial{ padding:20px; }  
	.testimonial p{ padding-left: 35px; }
	.testimonial p::before{ line-height:64px; font-size: 64px;  }
	
	div.doorverwijzen .col{ width:100%; float:none; }
	div.doorverwijzen .col:nth-child(1){ padding:0; }
	div.doorverwijzen .col:nth-child(2){ padding:0; }
	div.doorverwijzen .col:nth-child(3){ padding:0; }
	
	article.contact section:nth-child(even),article.contact section:nth-child(odd), article.content .over-leadmachine section:nth-child(odd){ margin-bottom:0; }
	
	footer{ position:static; }
	footer hr{ display:none; }
	footer ul{ padding:20px 0; }
	footer li{ display:block; margin:0 0 10px 0; text-align:left; }
	footer li:last-of-type{ margin-bottom:0; }
	
	footer li.lang{ font-size:0; }
	footer li.lang .fa-caret-down{ display:none; }
	footer li.lang img{ top:0; margin-right:10px; }
	footer li.lang ul li img{ margin-right:10px; }
	footer li.lang ul{ position:static; transform:scale(1); padding:0; display:inline-block; }
	footer li.lang ul li{ display:inline-block; padding-bottom:0; }
	footer li.lang ul li:first-of-type{ padding:0; }
	
	section.map{ display:none; }
	
	.ontvang .row{ width:100%; float:none; padding:0 0 0 0; }
	.ontvang .row .col, .ontvang textarea{ display:block; width:100%; }
	.ontvang .row .col:first-of-type{ padding-right:0px; padding-bottom:20px; }
	.ontvang .row .col:last-of-type{ padding-left:0px; }
	article .ontvang p{ float:none; width:100%; margin-top:20px; }
	.ontvang .checkboxes.campaign{ width:100%; margin-bottom:10px; }
		
	.over-leadmachine, .testimonial{ padding:40px; }
	article.vergelijk .c2a{ margin:25px 0 47px 0; }
	
	div.section.home article.triangleIn::before, div.section.home article.triangleOut::before{ animation:none !important; -moz-animation:none !important; -ms-animation:none !important; -o-animation:none !important; -webkit-animation:none !important; }
	
	/* GDPR */
	.gdpr .hero h1{ font-size:32px; }
	
	/* GDPR LABEL */
	article .ontvang p{ margin-bottom:0; }
	.gdprLabel.one{ display:none; }
	.gdprLabel.two{ display:block !important; }
	
	/* PLAN APPOINTMENT */
	.plan-appointment { padding-top: 40px; }
	.plan-appointment form{ width:100%; float:none; }
	.plan-appointment form h1{ font-size: 26px; font-weight: bold; }
	.plan-appointment .supplier-details{ width:100%; float:none; margin:40px 0; }
}

@media screen and (max-width:550px) {
	article.contact{ display:block; }
	article.contact section + section{ margin-top:24px; }
}

@media screen and (max-width:500px) {
	div.section.home.one h1 .mask span span{ display:inline-block; }
}

@media screen and (max-width:400px){
/* COOKIE MOBILE */
.cookie{ width:calc(100% - 32px); padding:8px; }
.cookie svg{ width:35px; height:35px; }
.cookie .text{ width:auto; font-size:11px; }
.cookie .text br{ display:none; }
}