@charset "UTF-8";
/*
--------------------------------------------------------------
|	HTML TAGS
--------------------------------------------------------------
*/
html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  margin: 0px;
  padding: 0px;
  background-color: #ffffff;
  position: relative;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: 100%;
  min-width: 1240px;
}

img {
  display: block;
  outline: none;
  border: 0px;
}

* {
  outline: none;
  margin: 0px;
  padding: 0px;
  border: 0px;
  line-height: 11px;
}

table {
  border-width: 0px;
  border-spacing: 0px;
  border-style: none;
  border-collapse: collapse;
}

td, th {
  border-width: 0px;
  padding: 0px;
  border-style: none;
  vertical-align: top;
}

hr {
  box-sizing: content-box;
  height: 0;
}

textarea {
  resize: none;
  -webkit-appearance: none;
}

input,
textarea,
select {
  box-shadow: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px;
}

input[type=text], input[type=email], input[type=search], input[type=password], input[type=number], select {
  -webkit-appearance: none;
}

input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::selection {
  background: #000000;
  color: #ffffff;
}

::-moz-selection {
  background: #000000;
  color: #ffffff;
}

:-moz-ui-invalid:not(output) {
  box-shadow: none;
}

article, aside, figcaption, figure, footer, header, hgroup, nav, section, time, video {
  display: block;
}

b, strong {
  font-weight: normal;
}

@font-face {
  font-family: "ProximaNova-Light";
  src: url("../../fonts/2FF375_1_0.eot");
  src: url("../../fonts/2FF375_1_0.eot?#iefix") format("embedded-opentype"), url("../../fonts/2FF375_1_0.woff2") format("woff2"), url("../../fonts/2FF375_1_0.woff") format("woff"), url("../../fonts/2FF375_1_0.ttf") format("truetype"), url("../../fonts/2FF375_1_0.svg#wf") format("svg");
}
@font-face {
  font-family: "ProximaNova-Semibold";
  src: url("../../fonts/2FF375_2_0.eot");
  src: url("../../fonts/2FF375_2_0.eot?#iefix") format("embedded-opentype"), url("../../fonts/2FF375_2_0.woff2") format("woff2"), url("../../fonts/2FF375_2_0.woff") format("woff"), url("../../fonts/2FF375_2_0.ttf") format("truetype"), url("../../fonts/2FF375_2_0.svg#wf") format("svg");
}
@font-face {
  font-family: "ProximaNovaT-Thin";
  src: url("../../fonts/2FF375_3_0.eot");
  src: url("../../fonts/2FF375_3_0.eot?#iefix") format("embedded-opentype"), url("../../fonts/2FF375_3_0.woff2") format("woff2"), url("../../fonts/2FF375_3_0.woff") format("woff"), url("../../fonts/2FF375_3_0.ttf") format("truetype"), url("../../fonts/2FF375_3_0.svg#wf") format("svg");
}
@font-face {
  font-family: "ProximaNova-Bold";
  src: url("../../fonts/2FF375_4_0.eot");
  src: url("../../fonts/2FF375_4_0.eot?#iefix") format("embedded-opentype"), url("../../fonts/2FF375_4_0.woff2") format("woff2"), url("../../fonts/2FF375_4_0.woff") format("woff"), url("../../fonts/2FF375_4_0.ttf") format("truetype"), url("../../fonts/2FF375_4_0.svg#wf") format("svg");
}
@font-face {
  font-family: "ProximaNova-Regular";
  src: url("../../fonts/2FF375_5_0.eot");
  src: url("../../fonts/2FF375_5_0.eot?#iefix") format("embedded-opentype"), url("../../fonts/2FF375_5_0.woff2") format("woff2"), url("../../fonts/2FF375_5_0.woff") format("woff"), url("../../fonts/2FF375_5_0.ttf") format("truetype"), url("../../fonts/2FF375_5_0.svg#wf") format("svg");
}
/*
--------------------------------------------------------------
|	FRAMEWORK
--------------------------------------------------------------
*/
.placeholder {
  position: relative;
  margin: 0 auto;
  max-width: 1200px;
  padding-left: 20px;
  padding-right: 20px;
  overflow: hidden;
}

.padding {
  padding-top: 90px;
  padding-bottom: 90px;
}

.padding_alt {
  padding-top: 45px;
  padding-bottom: 90px;
}

.padding_bottom {
  padding-bottom: 90px;
}

.seventy {
  display: inline-block;
  width: 70%;
}

.up {
  padding-top: 64px;
}

/*
--------------------------------------------------------------
|	HEADER
--------------------------------------------------------------
*/
header {
  position: fixed;
  width: 100%;
  z-index: 9999;
  background-color: rgba(255, 255, 255, 0.8);
  transition: background-color 0.3s ease;
}

header:after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 1px;
  background-color: #e7dee0;
  z-index: 9997;
}

header.scrolling,
.mobile header {
  background-color: #ffffff;
}

header > span {
  display: none;
  position: absolute;
  left: 0px;
  right: 0px;
  height: 44px;
  z-index: 9997;
}

header > span#bg_top {
  top: 0px;
  background-color: rgba(229, 229, 229, 0.95);
}

header > span#bg_bottom {
  top: 44px;
  background-color: rgba(255, 255, 255, 0.95);
}

header > div {
  position: relative;
  padding-left: 20px;
  z-index: 9998;
}

header > div > a#logo {
  float: left;
  display: inline-block;
  height: 24px;
  padding: 20px 0px;
  text-decoration: none;
}

header > div > a#logo > svg {
  display: inline-block;
  width: 100px;
  height: 24px;
  fill: #414042;
}

header > div > a#logo:hover > svg {
  fill: #ff7e00;
}

header > div > div {
  overflow: hidden;
  display: block;
}

header > div > div > #nav {
  display: inline-block;
}

header > div > div > #subnav,
header > div > div > #contact,
header > div > div > #taalkeuze {
  float: right;
}

header > div > div > #taalkeuze {
  cursor: pointer;
  font-family: "ProximaNova-Light", Arial;
  font-weight: normal;
  font-size: 16px;
  line-height: 64px;
  color: #8b8586;
  text-transform: lowercase;
  padding-left: 20px;
  padding-right: 20px;
  width: 25px;
  text-align: center;
  border-left: 1px solid #c5c2c2;
}

header > div > div > #contact {
  text-align: center;
}

header > div > div > #nav > a {
  display: inline-block;
  font-family: "ProximaNova-Light", Arial;
  font-weight: normal;
  font-size: 15px;
  line-height: 64px;
  color: #414042;
  text-decoration: none;
  text-transform: uppercase;
  margin-left: 45px;
}

header > div > div > #subnav > a,
header > div > div > #contact > a {
  display: inline-block;
  font-family: "ProximaNova-Light", Arial;
  font-weight: normal;
  font-size: 16px;
  line-height: 64px;
  color: #8b8586;
  text-decoration: none;
  padding-left: 20px;
  padding-right: 20px;
  text-transform: lowercase;
}

header > div > div > #contact > a {
  font-family: "ProximaNova-SemiBold", Arial;
}

header > div > div > #nav > a.active,
header > div > div > #subnav > a.active,
header > div > div > #nav > a:hover,
header > div > div > #subnav > a:hover,
header > div > div > #taalkeuze:hover,
header > div > div > #contact > a.active,
header > div > div > #contact > a:hover {
  color: #ff7e00;
}

.mobile header > div > div {
  display: block;
  position: fixed;
  top: 48px;
  left: 0px;
  right: 0px;
  background-color: #000000;
  padding: 20px 0px;
}

.mobile header > div > div > #taalkeuze {
  border-left: 0px;
  margin-left: 0px;
}

.mobile header > div > div > #nav {
  display: block;
  text-align: center;
  flex-basis: auto;
}

.mobile header > div > div > #taalkeuze {
  display: none;
}

.mobile header > div > div > #contact {
  flex-basis: auto;
  min-width: 0px;
  max-width: none;
  margin-left: 0px;
  padding-left: 0px;
  display: block;
}

.mobile header > div > div > #contact > a,
.mobile header > div > div > #subnav > a:first-child {
  background-color: transparent;
  width: 100%;
}

.mobile header > div > div > #subnav {
  flex-basis: auto;
  text-align: center;
}

.mobile header > div > div > #nav > a,
.mobile header > div > div > #contact > a,
.mobile header > div > div > #subnav > a,
.mobile header > div > div > #subnav > a:first-child {
  display: block;
  padding: 8px 0px;
  margin-left: 0px;
  font-family: "ProximaNova-Regular", Arial;
  font-weight: normal;
  font-size: 16px;
  line-height: 16px;
  color: #afa7a8;
  text-transform: uppercase;
}

.mobile header > div > div > #nav > a.active,
.mobile header > div > div > #contact > a.active,
.mobile header > div > div > #subnav > a.active,
.mobile header > div > div > #nav > a:hover,
.mobile header > div > div > #contact > a:hover,
.mobile header > div > div > #subnav > a:hover {
  color: #ffffff;
}

/*
--------------------------------------------------------------
|	TAALKEUZE
--------------------------------------------------------------
*/
#language_toggler {
  display: none;
  background-color: #ff7e00;
  padding: 20px 0px;
  text-align: right;
}

#language_toggler > div {
  padding-left: 20px;
  padding-right: 20px;
}

#language_toggler > div > div:first-child {
  padding-bottom: 15px;
}

#language_toggler > div > div > label,
#language_toggler > div > div > a,
#language_toggler > div > div > span {
  display: inline-block;
  font-family: "ProximaNova-Light", Arial;
  font-weight: 300;
  font-size: 18px;
  line-height: 22px;
  color: #ffffff;
  text-decoration: none;
}

#language_toggler > div > div > a {
  margin-left: 20px;
}

#language_toggler > div > div > a:hover,
#language_toggler > div > div > a.active {
  color: #000000;
}

#language_toggler > div > div > span {
  font-family: Arial;
  font-weight: normal;
  cursor: pointer;
  padding: 10px;
  border: 1px solid #ffffff;
  line-height: 14px;
  width: 14px;
  height: 14px;
  text-transform: uppercase;
  text-align: center;
  border-radius: 100%;
}

#language_toggler > div > div > span:hover {
  color: #000000;
  border: 1px solid #000000;
}

.mobile #language_toggler {
  display: block;
  background-color: #000000;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 1px;
}

.mobile #language_toggler > div > div:first-child,
.mobile #language_toggler > div > div > label {
  display: none;
}

.mobile #language_toggler > div > div > a {
  color: #afa7a8;
  text-transform: uppercase;
  margin-left: 0px;
  padding: 10px;
}

.mobile #language_toggler > div > div > a:not(.active):hover {
  color: #ffffff;
}

.mobile #language_toggler > div > div > a.active {
  color: #ffffff;
  border: 1px solid #ffffff;
}

.mobile #language_toggler > div > div > a:last-child {
  margin-left: 10px;
}

/*
--------------------------------------------------------------
|	HEADER - HAMBURGER ICON
--------------------------------------------------------------
*/
#hamburger,
#tel {
  display: none;
  float: left;
  margin-top: 13px;
}

#hamburger {
  width: 30px;
  height: 21px;
}

#tel {
  float: right;
}

#tel > svg {
  width: 21px;
  height: 21px;
  fill: #7e7c7d;
}

#hamburger span,
#hamburger span:before,
#hamburger span:after {
  display: block;
  width: 30px;
  height: 3px;
  background-color: #39b54a;
}

#hamburger span {
  position: relative;
  top: 9px;
}

#hamburger span:before,
#hamburger span:after {
  position: absolute;
  content: "";
}

#hamburger span::before {
  top: -9px;
}

#hamburger span::after {
  top: 9px;
}

.mobile #hamburger span {
  background: transparent;
}

.mobile #hamburger span:before,
.mobile #hamburger span:after {
  top: 0px;
  -webkit-transition-delay: 0s, 0.3s;
  transition-delay: 0s, 0.3s;
}

.mobile #hamburger span:before {
  transform: rotate(45deg);
}

.mobile #hamburger span:after {
  transform: rotate(-45deg);
}

/*
--------------------------------------------------------------
|	BREADCRUMB
--------------------------------------------------------------
*/
#breadcrumb {
  position: relative;
  z-index: 998;
  text-align: left;
  padding: 15px 20px;
}

#breadcrumb,
#breadcrumb > span,
#breadcrumb > span > a,
#breadcrumb > span > a > span {
  font-family: "ProximaNova-Light", Arial;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
}

#breadcrumb > span:last-child,
#breadcrumb > span:last-child > a,
#breadcrumb > span:last-child > a > span {
  font-family: "ProximaNova-Regular", Arial;
}

#breadcrumb > span:not(:last-child),
#breadcrumb > span:not(:last-child) > a,
#breadcrumb > span:not(:last-child) > a > span {
  text-transform: lowercase;
}

#breadcrumb.white,
#breadcrumb.white > span,
#breadcrumb.white > span > a,
#breadcrumb.white > span > a > span {
  color: #b8b1b5;
}

#breadcrumb.transparent {
  background-color: rgba(0, 0, 0, 0.5);
}

#breadcrumb.transparent,
#breadcrumb.transparent > span,
#breadcrumb.transparent > span > a,
#breadcrumb.transparent > span > a > span {
  color: #ffffff;
}

/*
--------------------------------------------------------------
|	FOOTER
--------------------------------------------------------------
*/
footer {
  background-color: #2c282a;
}

footer > div > strong {
  display: block;
  padding-top: 30px;
  padding-bottom: 15px;
  margin-bottom: 30px;
  border-bottom: 1px solid rgba(94, 92, 93, 0.4);
}

footer > div > strong > svg {
  display: inline-block;
  width: 100px;
  height: 25px;
  fill: #c3c1c7;
}

footer > div > div {
  overflow: hidden;
}

footer > div > div > div {
  float: left;
  max-width: 50%;
}

footer > div > div > div > div {
  overflow: hidden;
}

footer > div > div > div > div > span > a,
footer > div > div > div > div > span > span,
footer > div > div > div > div > span > span > a {
  display: block;
  font-family: "ProximaNova-Light", Arial;
  font-weight: normal;
  font-size: 17px;
  line-height: 24px;
  color: #ffffff;
  text-decoration: none;
}

footer > div > div > div > div > span > span:last-child > a {
  text-decoration: underline;
}

footer > div > div > div > div > span > span:last-child > a:hover {
  color: #ff7e00;
}

footer > div > div > nav {
  float: right;
  max-width: 50%;
  overflow: hidden;
}

footer > div > div > nav > span,
footer > div > div > div > div > span {
  display: block;
  float: left;
  width: 190px;
}

footer > div > div > nav > span:first-child,
footer > div > div > div > div > span:first-child {
  margin-right: 15px;
}

footer > div > div > nav > span > a {
  display: block;
  font-family: "ProximaNova-Regular", Arial;
  font-weight: normal;
  font-size: 17px;
  line-height: 20px;
  color: #888888;
  text-align: right;
  text-transform: lowercase;
  text-decoration: none;
  padding-top: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid rgba(94, 92, 93, 0.4);
}

footer > div > div > nav > span > a:first-child {
  padding-top: 0px;
}

footer > div > div > nav > span > a.active,
footer > div > div > nav > span > a:hover {
  color: #ffffff;
}

footer > div > div > div > div.soc_media {
  padding-top: 30px;
}

footer > div > div > div > div.soc_media > a {
  background-color: #a6a6a6;
  display: inline-block;
  width: 20px;
  height: 20px;
  padding: 6px;
  border-radius: 100%;
  margin-left: 5px;
}

footer > div > div > div > div.soc_media > a:hover {
  background-color: #ffffff;
}

footer > div > div > div > div.soc_media > a:first-child {
  margin-left: 0px;
}

footer > div > div > div > div.soc_media > a > svg {
  display: inline-block;
  vertical-align: top;
  fill: #2c282a;
  width: 20px;
  height: 20px;
}

/*
--------------------------------------------------------------
|	COPYRIGHT
--------------------------------------------------------------
*/
section#copyright {
  background-color: #2c282a;
  padding-top: 30px;
  padding-bottom: 30px;
}

section#copyright > div > span {
  float: right;
}

section#copyright > div > span,
section#copyright > div > span > a {
  display: inline-block;
  font-family: "ProximaNova-Regular", Arial;
  font-weight: normal;
  font-size: 13px;
  line-height: 20px;
  color: #888888;
  text-decoration: none;
}

section#copyright > div > span > a {
  border-bottom: 1px solid rgba(94, 92, 93, 0.4);
}

section#copyright > div > span > a:hover {
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
}

section#copyright > div > span:first-child {
  float: left;
}

/*
--------------------------------------------------------------
|	SHARED - GHOST BUTTONS
--------------------------------------------------------------
*/
.ghost_buttons {
  display: block;
  overflow: hidden;
  text-align: center;
  padding-top: 30px;
}

.ghost_buttons--align-left {
  text-align: left;
}

.ghost_buttons > .ghost_button {
  margin-left: 15px;
}

.ghost_buttons > .ghost_button:first-child {
  margin-left: 0px;
}

.ghost_button > svg {
  float: right;
  width: 14px;
  height: 23px;
  margin-left: 15px;
  margin-top: 1px;
}

.ghost_button {
  display: inline-block;
  padding: 15px 45px 15px 45px;
  font-family: "ProximaNova-Light", Arial;
  font-weight: normal;
  font-size: 17px;
  line-height: 24px;
  text-transform: uppercase;
  text-decoration: none;
}

.ghost_button.white {
  border: 1px solid #ffffff;
  color: #ffffff;
}

.ghost_button.white > svg {
  stroke: rgba(255, 255, 255, 0.55);
}

.ghost_button.green {
  background-color: #39b54a;
  border: 1px solid #39b54a;
  color: #ffffff;
}

.ghost_button.green > svg {
  stroke: rgba(255, 255, 255, 0.55);
}

.ghost_button.orange {
  border: 1px solid #ff7e00;
  background-color: #ff7e00;
  color: #ffffff;
}

.ghost_button.orange > svg {
  stroke: rgba(255, 255, 255, 0.55);
}

.ghost_button.gray {
  border: 1px solid #686669;
  color: #686669;
}

.ghost_button.gray > svg {
  stroke: rgba(104, 102, 105, 0.55);
}

.ghost_button.hover_white_green:hover {
  background-color: #ffffff;
  color: #39B54B;
}

.ghost_button.hover_white_green:hover > svg {
  stroke: #39B54B;
}

.ghost_button.hover_white_orange:hover {
  background-color: #ffffff;
  color: #ff7e00;
}

.ghost_button.hover_white_orange:hover > svg {
  stroke: #ff7e00;
}

.ghost_button.hover_green_white:hover {
  border: 1px solid #39B54B;
  background-color: #39B54B;
  color: #ffffff;
}

.ghost_button.hover_green_white:hover > svg {
  stroke: #ffffff;
}

aside#filter .ghost_buttons {
  padding-top: 20px;
}

aside#filter .ghost_buttons > a {
  display: block;
  padding-left: 15px;
  padding-right: 15px;
}

section#nodig_buffervat > div > p.shared > span.ghost_buttons {
  text-align: left;
}

.ghost_buttons.text > .ghost_button {
  border: 0px;
  padding: 0px;
}

.ghost_buttons.text > .ghost_button:hover {
  color: #ff7e00;
}

.ghost_buttons.text > .ghost_button:hover > svg {
  stroke: #ff7e00;
}

/*
--------------------------------------------------------------
|	SHARED - CHECKBOXES
--------------------------------------------------------------
*/
.checkboxes {
  display: block;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  margin-top: 30px;
  margin-bottom: 30px;
  padding-top: 15px;
  text-align: left;
}

.checkboxes.filter {
  border-top: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
}

.checkboxes > span > span > input {
  display: none;
}

.checkboxes > span,
.checkboxes > span > span,
.checkboxes > span > label {
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
}

.checkboxes > span {
  width: 50%;
  margin-top: 15px;
}

.checkboxes.filter > span {
  display: block;
  width: 100%;
}

.checkboxes > span > span {
  position: relative;
  background-color: #ffbd7d;
  width: 18px;
  height: 18px;
}

.checkboxes.filter > span > span {
  background-color: #ffffff;
  width: 16px;
  height: 16px;
  border: 1px solid #d1d1d1;
}

.checkboxes > span.active > span:after {
  position: absolute;
  content: "✓";
  top: 1px;
  left: 1px;
  width: 17px;
  text-align: center;
  font-family: "ProximaNova-Bold", "Zapf Dingbats", Arial;
  font-weight: normal;
  font-size: 20px;
  line-height: 18px;
  color: #414042;
}

.checkboxes > span > label {
  margin-left: 10px;
  font-family: "ProximaNova-Light", Arial;
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
  color: #ffffff;
}

.checkboxes.filter > span > label {
  color: #686669;
}

select.filter {
  display: block;
  width: 100%;
  background-color: #fefefe;
  border: 1px solid #eaeaea;
  font-family: "ProximaNova-Light", Arial;
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
  color: #686669;
  margin-top: 15px;
  padding: 5px 10px;
}

/*
--------------------------------------------------------------
|	SHARED - CURL
--------------------------------------------------------------
*/
.curl {
  pointer-events: none;
  position: absolute;
  bottom: -1px;
  left: 0px;
  right: 0px;
  height: 0px;
  padding-bottom: 12%;
  width: 100%;
  background-image: url("../../images/curl.svg");
  background-repeat: no-repeat;
  background-position: bottom center;
}

.curl.green {
  display: none;
  background-image: url("../../images/curl_green.svg");
}

/*
--------------------------------------------------------------
|	SHARED - TOAST
--------------------------------------------------------------
*/
a.toast {
  display: flex;
  align-items: stretch;
  margin-top: 10px;
  text-decoration: none;
  text-align: left;
}

a.toast > span.svg {
  flex-shrink: 0;
  float: left;
  background-color: #ffffff;
  padding: 29px;
}

a.toast > span.svg > svg {
  fill: #39b54a;
  width: 30px;
  height: 30px;
}

a.toast > span.lbl {
  flex-grow: 2;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 20px;
}

a.toast > span.lbl,
a.toast > span.lbl > strong {
  font-family: "ProximaNova-SemiBold", Arial;
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  color: #414042;
}

a.toast > span.lbl > strong {
  line-height: 24px;
  display: block;
  text-transform: uppercase;
  font-family: "ProximaNova-Light", Arial;
}

/*
	a.toast:not(.resize) > span.lbl > strong{
 		height:					18px;
		overflow: 				hidden;
		white-space: 			nowrap;
		text-overflow: 			ellipsis;
		-o-text-overflow: 		ellipsis;
		-ms-text-overflow: 		ellipsis;
	}
*/
a.toast.oneliner > span.lbl {
  display: flex;
  align-items: center;
}

a.toast:hover > span.lbl,
section#contact_bottom > div > div.frm > form > a.toast:hover > span.lbl {
  background-color: #39b54a;
}

a.toast:hover > span.lbl,
a.toast:hover > span.lbl > strong {
  color: #ffffff;
}

a.toast:hover > span.svg {
  background-color: #33a242;
}

a.toast:hover > span.svg > svg {
  fill: #ffffff;
}

a.toast.reverse > span.svg {
  float: right;
}

a.toast.gray > span.lbl {
  background-color: #686669;
}

a.toast.gray > span.svg {
  background-color: #575658;
}

a.toast.gray > span.svg > svg {
  stroke: rgba(255, 255, 255, 0.55);
}

a.toast.gray:hover > span.svg > svg {
  stroke: #ffffff;
}

a.toast.orange > span.lbl {
  background-color: #ff7e00;
}

a.toast.orange > span.svg {
  background-color: #ff6600;
}

a.toast.orange > span.svg > svg {
  fill: rgba(255, 255, 255, 0.55);
}

a.toast.green > span.lbl {
  background-color: #39b54a;
}

a.toast.green > span.svg {
  background-color: #00a651;
}

a.toast.green > span.svg > svg {
  fill: rgba(255, 255, 255, 0.55);
}

a.toast.green:hover > span.svg > svg,
a.toast.orange:hover > span.svg > svg {
  fill: #ffffff;
}

a.toast.gray > span.lbl,
a.toast.gray > span.lbl > strong,
a.toast.orange > span.lbl,
a.toast.orange > span.lbl > strong,
a.toast.green > span.lbl,
a.toast.green > span.lbl > strong {
  color: #ffffff;
}

span.toaster {
  display: block;
  text-align: center;
}

span.toaster > span {
  display: inline-block;
  width: calc(33.33% - 15px);
  margin-top: 50px;
}

/*
--------------------------------------------------------------
|	SHARED - ORANGE CTA
--------------------------------------------------------------
*/
section.cta > div > div,
.event_info {
  position: relative;
  background-color: #ff6b00;
  background: linear-gradient(to left, #ff7e00, #ff6600);
  margin-bottom: 8px;
  box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.15);
}

section.cta > div > div:before,
section.cta > div > div:after,
.event_info > div:after {
  content: "";
  position: absolute;
  top: 20px;
  bottom: 20px;
  left: 33.33%;
  width: 1px;
  height: calc(100% - 40px);
  background-color: rgba(255, 255, 255, 0.5);
}

.event_info > div:after {
  left: 50%;
}

section.cta > div > div:after {
  left: 66.66%;
}

section.cta > div > div > div,
.event_info > div {
  display: inline-block;
  vertical-align: top;
  width: 33.33%;
  padding: 20px;
  box-sizing: border-box;
}

.event_info > div {
  width: 50%;
}

.event_info > div:only-child {
  width: 100%;
}

.event_info > div:only-child:after {
  display: none;
}

section.cta > div > div > div > strong,
.event_info > div > h3 {
  position: relative;
  display: block;
  font-family: "ProximaNova-Bold", Arial;
  font-weight: normal;
  font-size: 24px;
  line-height: 28px;
  color: #ffffff;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

section.cta > div > div > div > strong:after,
.event_info > div > h3:after {
  position: absolute;
  bottom: 0px;
  left: 0px;
  content: "";
  width: 20px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
}

section.cta > div > div > div > p,
section.cta > div > div > div > p > a {
  font-family: "ProximaNova-Light", Arial;
  font-weight: normal;
  font-size: 17px;
  line-height: 24px;
  color: #ffffff;
}

section.cta > div > div > div:nth-child(2) > p > a:first-child {
  text-decoration: none;
}

/*
--------------------------------------------------------------
|	SHARED - TEXT ELEMENTS
--------------------------------------------------------------
*/
.shared_h1.center,
p.shared.center,
div.shared.center {
  text-align: center;
}

.shared_h1 {
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 30px;
}

.shared_h1:after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 80px;
  height: 2px;
  background-color: #d9d9d9;
}

.shared_h1.no_line:after {
  display: none;
}

.shared_h1.no_line {
  padding-bottom: 0px;
}

section#home_trees > div > div > .shared_h1:after,
section#milieu_hero > div > .shared_h1:after {
  background-color: #ffffff;
}

section#contact_bottom > div > .shared_h1:after,
section#pricelist > div > .shared_h1:after {
  background-color: rgba(255, 255, 255, 0.35);
}

section#contact_bottom.event > div > .shared_h1:after {
  background-color: #d9d9d9;
}

section#about_engagement > div > div > .shared_h1:after {
  background-color: rgba(160, 160, 160, 0.35);
}

.shared_h1.center:after {
  left: 50%;
  margin-left: -40px;
}

.shared_h1 > svg {
  display: inline-block;
  width: 60px;
  height: 60px;
  margin-bottom: 30px;
  fill: #ff7e00;
}

section#home_trees > div > div > .shared_h1 > svg,
section#milieu_hero > div > .shared_h1 > svg,
section#pricelist > div > .shared_h1 > svg {
  fill: #ffffff;
}

.shared_h1 > span {
  display: block;
  font-family: "ProximaNova-Light", Arial;
  font-weight: normal;
  font-size: 16px;
  line-height: 16px;
  color: #ff7e00;
  text-transform: uppercase;
}

.shared_h1 > strong {
  display: block;
  font-family: "ProximaNovaT-Thin", Arial;
  font-weight: normal;
  font-size: 68px;
  line-height: 84px;
  color: #414042;
  letter-spacing: -3px;
}

section#contact_bottom > div > .shared_h1 > strong,
section#pricelist > div > .shared_h1 > strong,
section#home_trees > div > div > .shared_h1 > strong,
section#home_trees > div > div > .shared_h1 > span,
section#milieu_hero > div > .shared_h1 > strong,
section#milieu_hero > div > .shared_h1 > span,
#about_hero > div > .shared_h1 > strong,
section#kachels_advantages > div > div > .shared_h1 > span,
section#nodig_buffervat > div > .shared_h1 > strong {
  color: #ffffff;
}

section#contact_bottom.event > div > .shared_h1 > strong {
  color: #a0a0a0;
}

.shared_h1.smaller > strong {
  font-size: 48px;
  line-height: 60px;
}

p.shared:not(.seventy),
div.shared:not(.seventy) {
  display: block;
}

div.shared ul {
  list-style-type: none;
}

p.shared,
p.shared span,
p.shared strong,
p.shared b,
p.shared a,
div.shared,
div.shared strong,
div.shared b,
div.shared a,
div.shared ul li,
div.shared ul li:before {
  font-family: "ProximaNova-Light", Arial;
  font-weight: normal;
  font-size: 17px;
  line-height: 24px;
  color: #686669;
}

div.shared ul li {
  position: relative;
  padding-left: 15px;
}

div.shared ul li:before {
  position: absolute;
  top: 0px;
  left: 0px;
  content: "•";
  color: #ff7e00;
}

p.shared.columns > span {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding-left: 30px;
  text-align: justify;
  box-sizing: border-box;
}

p.shared.columns > span:first-child {
  padding-left: 0px;
  padding-right: 30px;
}

section#elektriciteit_economics > div > div > div.shared > strong,
section#milieu_economics > div > div > div.shared > strong,
section#milieu_economics > div > div > div.shared > a,
section#koken_economics > div > div > div.shared > strong,
section#koken_economics > div > div > div.shared > a,
section#koken_economics--no-pos-shift > div > div > div.shared > strong,
section#koken_economics--no-pos-shift > div > div > div.shared > a,
section#nodig_buffervat > div > p.shared > strong,
section#about_installation > div > div > p.shared > strong,
#about_hero > div > p.shared,
#about_hero > div > p.shared > strong,
section#home_trees > div > div > div > div > p.shared,
section#home_trees > div > div > div > div > p.shared > strong,
.event_info > div > p.shared,
.event_info > div > p.shared > strong,
.event_info > div > p.shared > span,
.event_info > div > p.shared > span > span,
section#nodig_buffervat > div > p.shared {
  color: #ffffff;
}

p.shared a:hover,
div.shared a:hover {
  color: #ff7e00;
}

div.shared h2,
section.downloads > div > strong {
  font-family: "ProximaNova-Bold", Arial;
  font-weight: normal;
  font-size: 24px;
  line-height: 28px;
  color: #ff7e00;
}

p.shared strong,
p.shared b,
div.shared strong,
div.shared b,
section.downloads > div > strong {
  font-family: "ProximaNova-SemiBold", Arial;
}

div.shared h2 {
  padding-bottom: 5px;
}

section#nieuws_detail > div > div > span.datetime {
  padding-bottom: 30px;
}

section#nieuws_detail > div > div > span.datetime,
section#nieuws_detail > div > div > span.datetime > time {
  font-family: "ProximaNova-SemiBold", Arial;
  font-weight: normal;
  font-size: 17px;
  line-height: 24px;
  color: #ff7e00;
}

section#milieu_economics > div > div > div.shared h2,
section#koken_economics > div > div > div.shared h2,
section#koken_economics--no-pos-shift > div > div > div.shared h2,
section#elektriciteit_economics > div > div > div.shared h2 {
  color: #ffffff;
}

section#nodig_buffervat > div > .shared_h1 {
  width: 30%;
}

section#nodig_buffervat > div > p.shared {
  width: 70%;
}

section#nodig_buffervat > div > .shared_h1,
section#nodig_buffervat > div > p.shared {
  display: inline-block;
  vertical-align: top;
}

.shared span {
  display: inline-block;
}

.shared span > img {
  display: inline-block;
  width: 100%;
}

.shared span.left {
  float: left;
  padding-right: 20px;
}

.shared span.right {
  float: right;
  padding-left: 20px;
}

.shared span.left > img,
.shared span.right > img {
  max-width: 250px;
}

@media screen and (max-width: 600px) {
  .shared span {
    display: block;
  }

  .shared span.left,
.shared span.right {
    float: none;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 24px;
  }

  .shared span.left > img,
.shared span.right > img {
    max-width: none;
  }
}
/*
--------------------------------------------------------------
|	SHARED BLOCKS
--------------------------------------------------------------
*/
section#home_wood {
  text-align: center;
}

.shared_block {
  position: relative;
}

.shared_block > div > div {
  float: right;
  width: 50%;
}

.shared_block.no_float > div > div {
  float: none;
}

section#verwarming_hoe > div > div,
section#verwarming_bestellen > div > div {
  width: 50%;
}

section#nodig_bediening > div > div {
  width: 30%;
}

section#nodig_bediening > div > div > span {
  position: absolute;
  top: 165px;
  left: 30%;
  width: 300px;
  height: 220px;
  margin-left: 25px;
  background-size: contain;
}

@media screen and (max-width: 340px) {
  section#nodig_bediening > div > div > span {
    width: 100%;
    height: 0px;
    padding-bottom: 73.34%;
  }
}
section#nodig_solar > div {
  min-height: 300px;
}

section#nodig_opslag > div {
  min-height: 370px;
}

section#nodig_ketel > div {
  min-height: 420px;
}

.shared_block > span {
  display: block;
  position: absolute;
  top: 50px;
  left: 0px;
  width: calc(50% - 70px);
  height: 100%;
  background-repeat: no-repeat;
  background-position: top right;
}

section#elektriciteit_economics + section.cta.regular > div {
  padding-top: 0px;
}

section#elektriciteit_economics + section.cta.regular > div > div {
  display: inline-block;
  vertical-align: middle;
  width: 66.66%;
}

section#elektriciteit_economics + section.cta.regular > div > div > div {
  width: 50%;
}

section#elektriciteit_economics + section.cta.regular > div > div:after {
  display: none;
}

section#elektriciteit_economics + section.cta.regular > div > div:before {
  left: 50%;
}

section#elektriciteit_economics + section.cta.regular > div > div > div:first-child > p > a:first-child {
  text-decoration: none;
}

section#elektriciteit_economics + section.cta.regular > div > span {
  display: inline-block;
  vertical-align: middle;
  width: 33.33%;
  text-align: center;
  margin-bottom: 8px;
}

section#elektriciteit_economics + section.cta.regular > div > span > img {
  display: inline-block;
  width: 60%;
}

@media screen and (max-width: 1023px) {
  section#elektriciteit_economics + section.cta.regular > div > div,
section#elektriciteit_economics + section.cta.regular > div > span,
section#elektriciteit_economics + section.cta.regular > div > div > div {
    display: block;
    width: 100%;
  }

  section#elektriciteit_economics + section.cta.regular > div > span {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  section#elektriciteit_economics + section.cta.regular > div > span > img {
    width: 175px;
  }

  section#elektriciteit_economics + section.cta.regular > div > div:before {
    display: none;
  }
}
section#hybrid > div > div > span {
  display: inline-block;
}

section#hybrid > div > div > span > img {
  width: 100%;
  max-width: 600px;
  margin-top: 24px;
}

section#maalmolens {
  min-height: 700px;
}

@media screen and (max-width: 1023px) {
  section#bakovens_dyk,
section#maalmolens,
section#tripob,
section#qube {
    min-height: 0;
  }
}
section#koken_pertinger > span,
section#verf > span,
section#terras > span,
section#bakovens > span,
section#bakovens_dyk > span,
section#qube > span,
section#haussler > span,
section#pastamachines > span,
section#deegkneedmachines > span,
section#maalmolens > span,
section#pastamachines_luna > span,
section#hybrid > span,
section#koken_pelletgrill > span,
section#koken_firepit > span,
section#milieu_middle > span,
section#nodig_ketel > span,
section#verwarming_hoe > span,
section#elektriciteit_gloeilamp > span,
section#elektriciteit_smarte > span {
  left: auto;
  right: 0px;
  background-position: top left;
}

section#faro > span,
section#tripob > span,
section#classic > span {
  top: 0;
  left: 0;
  right: auto;
  background-position: top right;
}

section#tripob {
  min-height: 650px;
}

section#qube {
  min-height: 700px;
}

section#koken_pertinger > span,
section#verf > span,
section#terras > span,
section#bakovens > span,
section#hybrid > span,
section#koken_pelletgrill > span,
section#koken_firepit > span,
section#pastamachines > span,
section#deegkneedmachines > span,
section#maalmolens > span {
  top: 100px;
}

section#milieu_middle > span {
  top: 0px;
}

section#elektriciteit_gloeilamp > span {
  top: 185px;
}

section#koken_pertinger > div > div > p.shared + a,
section#verf > div > div > p.shared + a,
section#terras > div > div > .shared + a,
section#bakovens > div > div > .shared + a,
section#pastamachines > div > div > .shared + a,
section#deegkneedmachines > div > div > .shared + a,
section#maalmolens > div > div > .shared + a,
section#hybrid > div > div > p.shared + a,
section#koken_pelletgrill > div > div > p.shared + a,
section#koken_firepit > div > div > p.shared + a,
section#koken_firepit2 > div > div > p.shared + a {
  display: inline-block;
  width: 230px;
  height: 49px;
  line-height: 24px;
  text-decoration: none;
  margin-top: 24px;
}

section#koken_pelletgrill > div > div > p.shared + a,
section#koken_firepit > div > div > p.shared + a,
section#koken_firepit2 > div > div > p.shared + a,
section#bakovens > div > div > div.shared + a,
section#pastamachines > div > div > div.shared + a,
section#deegkneedmachines > div > div > div.shared + a,
section#maalmolens > div > div > div.shared + a {
  width: 180px;
}

section#terras > div > div > .shared + a {
  width: 93px;
}

section#koken_pertinger > div > div > a > span,
section#verf > div > div > a > span,
section#bakovens > div > div > a > span,
section#pastamachines > div > div > a > span,
section#deegkneedmachines > div > div > a > span,
section#maalmolens > div > div > a > span,
section#terras > div > div > a > span,
section#hybrid > div > div > a > span,
section#koken_firepit > div > div > a > span,
section#koken_firepit2 > div > div > a > span,
section#koken_pelletgrill > div > div > a > span {
  display: block;
}

section#koken_pertinger > div > div > a > span > img,
section#verf > div > div > a > span > img,
section#terras > div > div > a > span > img,
section#bakovens > div > div > a > span > img,
section#pastamachines > div > div > a > span > img,
section#deegkneedmachines > div > div > a > span > img,
section#maalmolens > div > div > a > span > img,
section#hybrid > div > div > a > span > img,
section#koken_pelletgrill > div > div > a > span > img,
section#koken_firepit > div > div > a > span > img,
section#koken_firepit2 > div > div > a > span > img {
  width: 100%;
}

@media (min-width: 1023px) and (min-resolution: 1.5dppx), (min-width: 1023px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 1023px) and (min--moz-device-pixel-ratio: 1.5), (min-width: 1023px) and (min-resolution: 144dpi) {
  section#home_intro > span {
    background-size: 700px 370px;
  }

  section#kachels_why > span {
    background-size: 340px 450px;
  }

  section#verf > span {
    background-size: 600px 650px;
  }

  section#pastamachines_luna > span {
    background-size: 380px 460px;
  }

  section#bakovens > span,
section#bakovens_temperatuur > span,
section#bakovens_dyk > span,
section#pastamachines > span,
section#deegkneedmachines > span,
section#maalmolens > span,
section#pastamachines_gebruik > span,
section#maalmolens_gebruik > span {
    background-size: 800px 600px;
  }

  section#deegkneedmachines_gebruik > span,
section#deegkneedmachines_nova > span,
section#pobtripob > span {
    background-size: 700px 650px;
  }

  section#terras > span {
    background-size: 650px 600px;
  }

  section#faro > span,
section#tripob > span {
    background-size: 700px 650px;
  }

  section#qube > span,
section#haussler > span,
section#koken_firepit > span,
section#koken_firepit2 > span {
    background-size: 800px 600px;
  }

  section#classic > span {
    background-size: 700px 480px;
  }

  section#koken_pertinger > span {
    background-size: 840px 450px;
  }

  section#koken_pelletgrill > span {
    background-size: 1000px 600px;
  }

  section#milieu_bottom > span {
    background-size: 560px 330px;
  }

  section#milieu_middle > span {
    background-size: 730px 570px;
  }

  section#nodig_opslag > span {
    background-size: 550px 550px;
  }

  section#nodig_solar > span {
    background-size: 450px 430px;
  }

  section#nodig_ketel > span {
    background-size: 600px 550px;
  }

  section#verwarming_hoe > span {
    background-size: 680px 390px;
  }

  section#elektriciteit_gloeilamp > span {
    background-size: 725px 350px;
  }

  section#elektriciteit_smarte > span {
    background-size: 480px 600px;
  }

  section#hybrid > span {
    background-size: 700px 380px;
  }
}
@media screen and (max-width: 1023px) {
  section#koken_pertinger > span {
    top: 0px;
    display: inline-block;
    width: 840px;
    height: 450px;
  }

  section#verf > span {
    top: 0px;
    display: inline-block;
    width: 400px;
    height: 300px;
  }

  section#bakovens > span,
section#bakovens_temperatuur > span,
section#bakovens_dyk > span,
section#pastamachines > span,
section#deegkneedmachines > span,
section#maalmolens > span,
section#pastamachines_gebruik > span,
section#pastamachines_luna > span,
section#deegkneedmachines_gebruik > span,
section#deegkneedmachines_nova > span,
section#koken_firepit2 > span,
section#maalmolens_gebruik > span {
    top: 0px;
    display: inline-block;
    width: 800px;
    height: 400px;
  }

  section#hybrid > span {
    top: 0px;
    display: inline-block;
    width: 800px;
    height: 380px;
  }

  section#terras > span,
section#faro > span,
section#qube > span,
section#haussler > span,
section#tripob > span,
section#koken_firepit > span,
section#koken_firepit2 > span {
    top: 0px;
    display: inline-block;
    width: 800px;
    height: 500px;
  }

  section#classic > span {
    top: 0px;
    display: inline-block;
    width: 800px;
    height: 400px;
  }

  section#koken_pelletgrill > span {
    top: 0px;
    display: inline-block;
    width: 100%;
    height: 0;
    padding-bottom: 50%;
  }

  section#milieu_middle > span {
    display: inline-block;
    width: 512px;
    height: 400px;
  }

  section#milieu_bottom > span {
    display: inline-block;
    width: 560px;
    height: 330px;
  }

  section#home_intro > span {
    display: inline-block;
    width: 700px;
    height: 370px;
  }

  section#kachels_why > span {
    display: inline-block;
    width: 340px;
    height: 450px;
    margin-right: 100px;
  }

  section#nodig_ketel > span {
    display: inline-block;
    width: 600px;
    height: 550px;
  }

  section#nodig_opslag > span {
    display: inline-block;
    width: 550px;
    height: 550px;
  }

  section#nodig_solar > span {
    display: inline-block;
    width: 450px;
    height: 430px;
  }

  section#verwarming_hoe > span {
    display: inline-block;
    width: 510px;
    height: 293px;
    margin-bottom: 50px;
    margin-left: 20px;
    margin-right: 20px;
  }

  section#elektriciteit_gloeilamp > span {
    display: inline-block;
    width: 725px;
    height: 350px;
  }

  section#elektriciteit_smarte > span {
    display: inline-block;
    width: 480px;
    height: 600px;
  }
}
@media screen and (max-width: 800px) {
  section#koken_pertinger > span {
    width: 100%;
    height: 0px;
    padding-bottom: 53.57%;
  }

  section#terras > span,
section#faro > span,
section#qube > span,
section#haussler > span,
section#tripob > span,
section#koken_firepit > span,
section#koken_firepit2 > span {
    width: 100%;
    height: 0px;
    padding-bottom: 62.5%;
  }

  section#classic > span {
    width: 100%;
    height: 0px;
    padding-bottom: 50%;
  }

  section#bakovens > span,
section#bakovens_temperatuur > span,
section#bakovens_dyk > span,
section#pastamachines > span,
section#deegkneedmachines > span,
section#maalmolens > span,
section#pastamachines_gebruik > span,
section#deegkneedmachines_gebruik > span,
section#deegkneedmachines_nova > span,
section#maalmolens_gebruik > span,
section#pastamachines_luna > span {
    width: 100%;
    height: 0px;
    padding-bottom: 50%;
  }

  section#hybrid > span {
    width: 100%;
    height: 0px;
    padding-bottom: 47.5%;
  }
}
@media screen and (max-width: 767px) {
  section#koken_pelletgrill > span {
    width: 100%;
    height: 0px;
    padding-bottom: 50%;
  }
}
@media screen and (max-width: 725px) {
  section#elektriciteit_gloeilamp > span {
    width: 100%;
    height: 0px;
    padding-bottom: 48.27%;
  }
}
@media screen and (max-width: 700px) {
  section#home_intro > span {
    width: 100%;
    height: 0px;
    padding-bottom: 52.857%;
  }
}
@media screen and (max-width: 650px) {
  section#terras > span {
    padding-bottom: 93.75%;
  }

  section#faro > span,
section#qube > span,
section#haussler > span,
section#tripob > span {
    padding-bottom: 100%;
  }
}
@media screen and (max-width: 550px) {
  section#verwarming_hoe > span {
    width: calc(100% - 40px);
    height: 0px;
    padding-bottom: 57.35%;
  }
}
@media screen and (max-width: 512px) {
  section#milieu_middle > span {
    width: 100%;
    height: 0px;
    padding-bottom: 78.08%;
  }
}
@media screen and (max-width: 600px) {
  section#nodig_ketel > span {
    width: 100%;
    height: 0px;
    padding-bottom: 91.67%;
  }

  section#koken_pelletgrill > span {
    width: 100%;
    height: 0px;
    padding-bottom: 100%;
  }
}
@media screen and (max-width: 560px) {
  section#milieu_bottom > span {
    width: 100%;
    height: 0px;
    padding-bottom: 58.93%;
  }
}
@media screen and (max-width: 550px) {
  section#nodig_opslag > span {
    width: 100%;
    height: 0px;
    padding-bottom: 100%;
  }
}
@media screen and (max-width: 480px) {
  section#elektriciteit_smarte > span {
    width: 100%;
    height: 0px;
    padding-bottom: 125%;
  }

  section#verf > span,
section#koken_firepit > span,
section#koken_firepit2 > span {
    width: 100%;
    height: 0;
    padding-bottom: 75%;
  }
}
@media screen and (max-width: 450px) {
  section#nodig_solar > span {
    width: 100%;
    height: 0px;
    padding-bottom: 95.56%;
  }

  section#hybrid > span {
    width: 100%;
    height: 0px;
    padding-bottom: 70%;
  }

  section#classic > span {
    width: 100%;
    height: 0px;
    padding-bottom: 62.5%;
  }

  section#bakovens > span,
section#bakovens_temperatuur > span,
section#bakovens_dyk > span,
section#pobtripob > span,
section#pastamachines > span,
section#deegkneedmachines > span,
section#maalmolens > span,
section#pastamachines_gebruik > span,
section#deegkneedmachines_gebruik > span,
section#deegkneedmachines_nova > span,
section#koken_firepit2 > span,
section#maalmolens_gebruik > span,
section#pastamachines_luna > span {
    width: 100%;
    height: 0px;
    padding-bottom: 100%;
  }
}
@media screen and (max-width: 767px) {
  section#kachels_why > span {
    width: 250px;
    height: 330px;
  }
}
@media screen and (max-width: 390px) {
  section#kachels_why > span {
    margin-right: 0px;
  }
}
section#verwarming_logos {
  padding-top: 50px;
}

section#verwarming_hoe {
  position: relative;
  background-color: #f9f9f9;
}

section#verwarming_logos,
section#verwarming_logos + section.cta {
  position: relative;
  z-index: 9996;
}

section#elektriciteit_stirling > div > div:last-child,
section#elektriciteit_emax > div > div,
section#verf_advantages > div > div,
section#toepassing > div > div {
  width: auto;
  float: none;
  overflow: hidden;
}

.shared_block > div > div.sterling_svg,
section#elektriciteit_emax > div > span,
section#verf_advantages > div > span,
section#toepassing > div > span {
  float: left;
  width: 250px;
  margin-right: 70px;
}

section#toepassing.reversed > div > span {
  float: right;
  margin-left: 70px;
  margin-right: 0;
}

section#elektriciteit_emax > div > span,
section#verf_advantages > div > span {
  width: 300px;
}

section#toepassing > div > span {
  width: 400px;
}

section#elektriciteit_emax > div > span > img,
section#verf_advantages > div > span > img,
section#toepassing > div > span > img {
  width: 100%;
}

/*
--------------------------------------------------------------
|	SHARED - NEWS/CALENDAR CUBES
--------------------------------------------------------------
*/
.cubes {
  overflow: hidden;
  margin-left: -15px;
  text-align: center;
}

.cubes > a {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 25%;
  text-decoration: none;
  padding-left: 15px;
  text-align: left;
  box-sizing: border-box;
}

.cubes > a:not(.register-win) > span {
  position: relative;
  display: block;
  background-color: #ffffff;
  padding: 20px 15px;
  margin-top: 5px;
  margin-bottom: 6px;
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.17);
}

.cubes > a:not(.register-win) > span:before {
  position: absolute;
  top: -5px;
  left: 0px;
  right: 0px;
  height: 5px;
  display: block;
  content: "";
  background-image: url("../../images/border.svg");
  background-size: 10px 10px;
}

.cubes > a > span > label {
  display: block;
  font-family: "ProximaNova-Regular", Arial;
  font-weight: normal;
  font-size: 14px;
  line-height: 14px;
  color: #39b54a;
  text-transform: uppercase;
  padding-bottom: 15px;
}

.cubes > a > span > strong,
.cubes > a.register-win > span > span > span > strong {
  display: block;
  font-family: "ProximaNova-Regular", Arial;
  font-weight: normal;
  font-size: 22px;
  line-height: 26px;
  color: #414042;
}

.cubes > a > span > span.date,
.cubes > a.register-win > span > span > span {
  display: block;
  font-family: "ProximaNova-SemiBold", Arial;
  font-weight: normal;
  font-size: 17px;
  line-height: 20px;
  color: #ff7e00;
}

.cubes > a > span > p {
  display: block;
  font-family: "ProximaNova-Light", Arial;
  font-weight: normal;
  font-size: 17px;
  line-height: 24px;
  color: #686669;
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px solid #d8d7d8;
}

.cubes > a > span > span.img {
  display: block;
  width: 100%;
  height: 0px;
  margin-bottom: 15px;
}

.cubes > a > span > span.img > img {
  width: 100%;
}

.cubes > a > div {
  overflow: hidden;
  display: block;
  pointer-events: none;
  position: absolute;
  top: 0px;
  bottom: 6px;
  right: 0px;
  left: 0px;
}

.cubes > a > div > label {
  position: absolute;
  bottom: 15px;
  right: -51px;
  display: block;
  width: 180px;
  background-color: #ff7e00;
  padding: 5px 0px;
  border-top: 3px solid #ffdfbf;
  border-bottom: 3px solid #ffdfbf;
  font-family: "ProximaNova-Bold", Arial;
  font-weight: normal;
  font-size: 16px;
  line-height: 16px;
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;
  transform: rotate(-45deg);
}

.limited .cubes {
  border-bottom: 1px solid #d8d7d8;
  padding-bottom: 20px;
  margin-left: 0px;
}

.limited .cubes > a {
  border-right: 1px solid #d8d7d8;
  padding-left: 20px;
  padding-right: 20px;
}

.limited .cubes > a > span {
  box-shadow: none;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

.limited .cubes > a > span > p,
.limited .cubes > a > span:before,
.limited .cubes > a > span > span.img,
.limited .ghost_buttons {
  display: none;
}

section#home_cubes,
section#pricelist {
  box-shadow: inset 0 15px 20px -15px rgba(0, 0, 0, 0.5);
}

section#home_cubes {
  background-color: #39b54b;
}

.cubes > a.register-win {
  background-color: #f9f9f9;
  border-top: 1px solid #d8d7d8;
  border-bottom: 1px solid #d8d7d8;
}

.cubes.solo > a.register-win {
  border-left: 1px solid #d8d7d8;
  padding-top: 20px;
  padding-bottom: 20px;
}

.cubes > a.register-win > span {
  height: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cubes > a.register-win > span > span {
  text-align: center;
}

.cubes > a.register-win > span > span > svg {
  display: inline-block;
  width: 26px;
  height: 26px;
  fill: #868586;
  margin-bottom: 10px;
}

@media screen and (max-width: 1023px) {
  .limited .placeholder {
    padding-top: 90px;
  }

  .limited .cubes {
    padding-bottom: 0px;
    border-left: 1px solid #d8d7d8;
  }

  .limited .cubes.solo {
    border-left: 0px;
    border-bottom: 0px;
  }

  .cubes:not(.solo) > a.register-win {
    border-bottom: 0px;
  }

  .limited .cubes > a {
    width: 50%;
    border-top: 1px solid #d8d7d8;
  }

  .limited .cubes > a:nth-child(3):nth-last-child(1) {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .limited .placeholder {
    padding-top: 45px;
  }

  .limited .cubes > a {
    margin-bottom: 0px;
    width: 100%;
  }
}
/*
--------------------------------------------------------------
|	ABOUT US - PARALLAX
--------------------------------------------------------------
*/
section#about_name,
section#about_history,
section#people,
section#about_engagement {
  background-color: #ffffff;
}

#about_parallax {
  height: 400px;
}

#parallax {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}

/*
--------------------------------------------------------------
|	HEROES + HOME HERO
--------------------------------------------------------------
*/
section.verwarming_faq {
  background-color: #f9f9f9;
  text-align: center;
  position: relative;
}

section.verwarming_faq > div > div > div.faq {
  text-align: left;
}

section.verwarming_faq > span + div.placeholder {
  padding-bottom: 25px;
}

#verwarming_sneeuw + div.placeholder {
  padding-top: 25px;
}

section#home_hero,
section#home_trees,
section#milieu_hero,
section#elektriciteit_hero,
#kachels_hero,
section#koken_hero,
section#about_hero,
section.verwarming_faq,
#bg_tree,
section#about_name,
section#about_engagement,
section#nodig_bediening,
section#verwarming_hero,
section#verwarming_bestellen {
  position: relative;
}

section#koken_hero,
section#milieu_hero,
section#elektriciteit_hero {
  height: 452px;
}

section#home_trees > span,
#kachels_hero > span,
section#milieu_hero > span,
section#elektriciteit_hero > span,
section#koken_hero > span,
section#about_hero > span,
section.verwarming_faq > span,
#verwarming_sneeuw > span,
#verwarming_zetel > span,
section#about_name > span > span,
section#about_engagement > span > span,
section#nodig_bediening > span > span,
section#verwarming_hero > span,
section#verwarming_bestellen > span > span {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

#kachels_hero {
  background-color: #f7f7f7;
}

#kachels_hero > span {
  top: 40%;
  height: 60%;
  background-position: top center;
}

section.verwarming_faq > span,
section#about_name > span {
  background-position: top center;
  background-size: contain;
}

section#verwarming_hero > span {
  background-position: top right;
  background-size: auto;
}

@media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  section#verwarming_hero > span {
    background-size: 900px 480px;
  }
}
@media screen and (max-width: 1023px) {
  section#verwarming_hero > span {
    background-size: 800px 480px;
  }
}
@media screen and (max-width: 767px) {
  section#verwarming_hero > span {
    background-size: 400px 480px;
  }
}
section#home_trees > span,
#verwarming_sneeuw > span,
#verwarming_zetel > span {
  background-position: top center;
}

section#about_name > span > span {
  background-color: #f1f1f1;
  background-position: top left;
  background-size: contain;
}

section#nodig_bediening > span > span {
  background-size: cover;
  background-position: center right;
  width: 500px;
  right: 0px;
  left: auto;
}

@media screen and (max-width: 1130px) {
  section#nodig_bediening > span > span {
    background-size: contain;
  }
}
@media screen and (max-width: 1023px) {
  section#nodig_bediening,
section#about_engagement {
    display: flex;
    flex-direction: column;
  }

  section#nodig_bediening > div,
section#about_engagement > div {
    order: 1;
  }

  section#nodig_bediening > span,
section#about_engagement > span {
    display: block;
    order: 2;
  }

  section#nodig_bediening > span > span,
section#about_engagement > span > span {
    background-size: cover;
    position: static;
    width: 100%;
    height: 0px;
    padding-bottom: 50%;
  }

  section#about_engagement > span > span {
    padding-bottom: 62.5%;
  }
}
section#verwarming_bestellen > span > span {
  background-size: 1000px 500px;
  background-position: bottom right;
}

@media screen and (max-width: 942px) {
  section#about_name > span > span {
    background-size: cover;
    background-position: -100px 0px;
  }
}
#bg_tree > div {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: -1;
}

#bg_tree > div > span {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
}

@media screen and (max-width: 400px) {
  #bg_tree > div > span {
    width: 100%;
  }
}
@media (max-width: 400px) and (min-resolution: 1.5dppx), (max-width: 400px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 400px) and (min--moz-device-pixel-ratio: 1.5), (max-width: 400px) and (min-resolution: 144dpi) {
  #bg_tree > div > span {
    background-size: 400px 800px;
  }
}
section#verwarming_hero {
  background: url("../../images/verwarming/pellets_header_gradient-900.jpg") #f1ecf3 repeat-x top center;
}

@media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  section#verwarming_hero {
    background: url("../../images/verwarming/pellets_header_gradient-900@2x.jpg") #f1ecf3 repeat-x top center;
    background-size: 1px 480px;
  }
}
#verwarming_zetel + section.cta > div.placeholder {
  padding-top: 0px;
  padding-bottom: 50px;
}

section#verwarming_bestellen section.cta > div.placeholder,
section#verwarming_kostprijs section.cta > div.placeholder {
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  text-align: left;
}

#verwarming_zetel + section.cta {
  margin-top: -196px;
}

@media screen and (max-width: 1021px) {
  #verwarming_zetel + section.cta {
    margin-top: -218px;
  }
}
@media screen and (max-width: 767px) {
  #verwarming_zetel + section.cta {
    margin-top: 0px;
  }

  #verwarming_zetel + section.cta > div.placeholder,
section#verwarming_logos + section.cta > div.placeholder,
section#verwarming_bestellen + section.cta > div.placeholder,
section#verwarming_kostprijs > div.placeholder,
section#verwarming_kostprijs + section.cta > div.placeholder,
section#nodig_solar + section.cta > div.placeholder {
    padding-bottom: 0px;
  }

  #verwarming_zetel + section.cta > div.placeholder > div,
section#verwarming_logos + section.cta > div.placeholder > div,
section#verwarming_bestellen + section.cta > div.placeholder > div,
section#verwarming_kostprijs section.cta > div.placeholder > div,
section#nodig_solar + section.cta > div.placeholder > div {
    margin-bottom: 0px;
  }

  section#verwarming_bestellen > div.placeholder,
section#verwarming_kostprijs > div.placeholder {
    padding-left: 0px;
    padding-right: 0px;
  }

  section#verwarming_bestellen > div.placeholder > div,
section#verwarming_kostprijs > div.placeholder > div {
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
  }
}
/*
--------------------------------------------------------------
|	VERWARMING - TECHNIEKER
--------------------------------------------------------------
*/
section#verwarming_bestellen {
  background-color: #f9f9f9;
}

section#verwarming_bestellen > div.placeholder {
  min-height: 320px;
}

@media screen and (max-width: 1052px) {
  section#verwarming_bestellen > div.placeholder {
    min-height: 344px;
  }
}
@media screen and (max-width: 1021px) {
  section#verwarming_bestellen > div.placeholder {
    min-height: 368px;
  }
}
@media screen and (max-width: 950px) {
  section#verwarming_bestellen > span > span {
    background-position: left bottom;
  }
}
@media screen and (max-width: 902px) {
  section#verwarming_bestellen > div.placeholder {
    min-height: 392px;
  }
}
@media screen and (max-width: 890px) {
  section#verwarming_bestellen {
    display: flex;
    flex-direction: column;
  }

  section#verwarming_bestellen > span {
    display: block;
    order: 2;
  }

  section#verwarming_bestellen > span > span {
    position: static;
    top: auto;
    left: auto;
    width: 100%;
    height: 0px;
    padding-bottom: 50%;
    background-size: contain;
  }

  section#verwarming_bestellen > div.placeholder {
    min-height: 0px;
    text-align: center;
    padding-bottom: 25px;
    order: 1;
  }

  section#verwarming_bestellen > div.placeholder > div {
    display: inline-block;
    width: 70%;
  }

  section#verwarming_bestellen + section.cta {
    margin-top: 0px;
  }
}
@media screen and (max-width: 767px) {
  section#verwarming_bestellen > div.placeholder > div {
    width: 100%;
  }
}
@media screen and (max-width: 400px) {
  section#verwarming_bestellen > span > span {
    padding-bottom: 83.38%;
  }
}
/*
--------------------------------------------------------------
|	HOME - TREES
--------------------------------------------------------------
*/
section#home_trees {
  padding-top: 550px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  section#home_trees {
    padding-top: 350px;
  }
}
/*
--------------------------------------------------------------
|	HOME - CATEGORIES
--------------------------------------------------------------
*/
section#categories {
  background-color: #f9f9f9;
}

section#categories > div > div {
  margin-left: -15px;
}

section#categories > div > div > a {
  display: inline-block;
  vertical-align: top;
  width: 25%;
  padding-left: 15px;
  text-decoration: none;
  box-sizing: border-box;
}

section#categories > div > div > a > span {
  position: relative;
  display: block;
  background-color: #ffffff;
  border: 1px solid #eaeaea;
  margin-bottom: 30px;
}

section#categories > div > div > a > span > span.info {
  padding: 20px;
  display: block;
  font-family: "ProximaNova-Light", Arial;
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  color: #a0a0a0;
  min-height: 150px;
}

section#categories > div > div > a > span > span.info > strong {
  display: block;
  font-family: "ProximaNova-Bold", Arial;
  font-weight: normal;
  font-size: 28px;
  line-height: 30px;
  color: #39b54a;
}

section#categories > div > div > a > span > span.img {
  position: absolute;
  right: 0px;
  top: 85px;
  display: block;
  width: 150px;
  height: 139px;
}

section#nieuws_detail > div > aside > span.img {
  display: block;
}

section#categories > div > div > a > span > span.img > img,
section#nieuws_detail > div > aside > span.img > img {
  width: 100%;
}

section#categories > div > div > a:hover > span {
  background-color: #39b54a;
}

section#categories.kachels > div > div > a:hover > span {
  background-color: #ff7e00;
}

section#categories > div > div > a:hover > span > span.info > strong,
section#categories > div > div > a:hover > span > span.info > span {
  color: #ffffff;
}

section#categories.kachels {
  background-color: #ffffff;
  padding-bottom: 90px;
}

section#categories.kachels > div > div > a {
  width: 33.33%;
}

section#categories.kachels > div > div > a > span {
  background-color: #ffffff;
  border: 0px;
}

section#categories.kachels > div > div > a > span > span.img {
  top: 50px;
}

section#categories.kachels > div > div > a > span > span.info {
  min-height: 115px;
}

section#categories.kachels > div > div > a > span > span.info > strong {
  color: #ff7e00;
}

section#categories.kachels > div > div > a:hover > span > span.info > strong {
  color: #ffffff;
}

@media screen and (max-width: 990px) {
  section#categories > div > div > a,
section#categories.kachels > div > div > a {
    width: 100%;
  }

  section#categories > div > div > a > span {
    margin-bottom: 15px;
  }

  section#categories > div > div > a:last-child > span {
    margin-bottom: 0px;
  }

  section#categories > div > div > a > span > span.info,
section#categories.kachels > div > div > a > span > span.info {
    min-height: 0px;
    padding-bottom: 40px;
  }

  section#categories > div > div > a > span > span.img,
section#categories.kachels > div > div > a > span > span.img {
    top: 10px;
    right: 0px;
    width: auto;
    height: 94px;
  }

  section#categories > div > div > a > span > span.img > img {
    width: auto;
    height: 100%;
  }
}
@media screen and (max-width: 767px) {
  section#categories > div > div > a > span > span.img,
section#categories.kachels > div > div > a > span > span.img {
    height: 84px;
  }

  section#categories > div > div > a > span > span.info {
    font-size: 16px;
    line-height: 22px;
  }

  section#categories > div > div > a > span > span.info > strong {
    font-size: 18px;
    line-height: 22px;
  }

  section#categories.kachels {
    padding-bottom: 45px;
  }
}
/*
--------------------------------------------------------------
|	KACHEL - CATEGORIES
--------------------------------------------------------------
*/
section#kachel_categories {
  padding-bottom: 100px;
}

/*
--------------------------------------------------------------
|	CONTACT - TOP
--------------------------------------------------------------
*/
section#contact_top {
  text-align: center;
}

/*
--------------------------------------------------------------
|	CONTACT - SMALL CTA
--------------------------------------------------------------
*/
div.cta_small {
  padding: 30px 0px;
}

div.cta_small > a {
  display: inline-block;
  margin-left: 20px;
  text-decoration: none;
}

div.cta_small > a:first-child {
  margin-left: 0px;
}

div.cta_small > a > span {
  display: inline-block;
  vertical-align: middle;
  background-color: #ff6600;
  padding: 20px;
  height: 30px;
}

div.cta_small > a > span > svg {
  fill: rgba(255, 255, 255, 0.75);
  width: 30px;
  height: 30px;
}

div.cta_small > a > label {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  background-color: #ff7e00;
  padding: 0px 20px;
  font-family: "ProximaNova-Light", Arial;
  font-weight: normal;
  font-size: 18px;
  line-height: 70px;
  color: #ffffff;
}

div.cta_small > a:hover > label {
  background-color: #39b54a;
}

div.cta_small > a:hover > span {
  background-color: #33a242;
}

div.cta_small > a:hover > span > svg {
  fill: #ffffff;
}

/*
--------------------------------------------------------------
|	CONTACT - VISIT
--------------------------------------------------------------
*/
section#contact_visit {
  padding-bottom: 50px;
}

section#contact_visit > div > div {
  box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.15);
  margin-bottom: 65px;
  margin-top: 20px;
  overflow: hidden;
}

section#contact_visit > div > div > span {
  float: left;
  width: 380px;
  height: 250px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left center;
}

section#contact_visit > div > div > div {
  background-color: #35aa45;
  padding: 30px;
  overflow: hidden;
  height: 190px;
}

section#contact_visit > div > div > div > strong {
  display: block;
  position: relative;
  font-family: "ProximaNova-Bold", Arial;
  font-weight: normal;
  font-size: 22px;
  line-height: 26px;
  color: #ffffff;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

section#contact_visit > div > div > div > strong:after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 25px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
}

section#contact_visit > div > div > div > p,
section#contact_visit > div > div > div > p > strong {
  font-family: "ProximaNova-Light", Arial;
  font-weight: normal;
  font-size: 17px;
  line-height: 24px;
  color: #ffffff;
}

section#contact_visit > div > div > div > p > strong {
  display: block;
  font-family: "ProximaNova-SemiBold", Arial;
}

.sticky_note {
  display: block;
  position: absolute;
  padding: 65px 20px;
  bottom: 22px;
  right: 60px;
  width: 250px;
  background: #fff498;
  background: linear-gradient(45deg, #fff498 0%, #fff498 50%, #ffeb6f 100%);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.42);
  transform: rotate(-6deg);
}

section#downloads > div > .shared_h1,
.sticky_note.shared_h1 {
  margin-bottom: 0px;
}

.sticky_note.shared_h1 > span,
section#contact_bottom > div > .shared_h1 > span,
section#pricelist > div > .shared_h1 > span {
  color: #414042;
}

section#contact_bottom.event > div > .shared_h1 > span {
  color: #ff7e00;
}

.sticky_note > p {
  padding-top: 25px;
  font-family: "ProximaNova-Regular", Arial;
  font-weight: normal;
  font-size: 17px;
  line-height: 24px;
  color: #414042;
}

.sticky_note.shared_h1:after,
section#kachels_advantages > div > div > .shared_h1:after {
  display: none;
}

section#kachels_advantages > div > div > .shared_h1 {
  padding-bottom: 0px;
}

/*
--------------------------------------------------------------
|	CONTACT - BOTTOM
--------------------------------------------------------------
*/
section#contact_bottom,
section#pricelist {
  background-color: #ff7e00;
  text-align: center;
}

section#contact_bottom > div > div.toggler > div {
  text-align: center;
}

section#contact_bottom > div > div.toggler > div > div {
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  width: 300px;
  text-align: center;
  text-transform: uppercase;
  border: 1px solid #ffffff;
  font-family: "ProximaNova-Light", Arial;
  font-weight: normal;
  font-size: 18px;
  line-height: 43px;
  padding-bottom: 1px;
  color: #ffffff;
  border-radius: 0px 6px 6px 0px;
}

section#contact_bottom > div > div.toggler > div > div.active {
  color: #ff7e00;
  background-color: #ffffff;
}

section#contact_bottom > div > div.toggler > div > div:first-child {
  border-radius: 6px 0px 0px 6px;
}

section#contact_bottom > div > div.frm {
  display: none;
  margin-top: 30px;
  text-align: center;
}

section#contact_bottom > div > div.frm.active {
  display: block;
}

section#contact_bottom > div > div.frm > p.shared {
  color: #414042;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

section#pricelist > div > p.shared {
  color: #414042;
}

section#contact_bottom > div > div.frm > p.shared > strong,
section#pricelist > div > p.shared > strong {
  display: block;
  color: #ffffff;
}

section#contact_bottom.event > div > div.frm > p.shared > strong {
  color: #686669;
}

section#contact_bottom > div > div.frm > form {
  display: inline-block;
}

section#contact_bottom > div > div.frm > form > small {
  display: block;
  text-align: center;
  font-family: "ProximaNova-Light", Arial;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #414042;
  padding-top: 15px;
}

section#pricelist > div > p.shared > small {
  display: block;
  text-align: center;
}

section#pricelist > div > p.shared > small,
section#pricelist > div > p.shared > small > a {
  font-family: "ProximaNova-Light", Arial;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #414042;
}

section#pricelist > div > p.shared > small > a:hover {
  color: #ffffff;
}

section#contact_bottom > div > div.frm > form > div {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  text-align: left;
  padding-left: 5px;
  box-sizing: border-box;
}

section#contact_bottom.event > div > div.frm > form > div.fw {
  width: 100%;
}

section#contact_bottom.event > div > div.frm > form > div.pl {
  padding-left: 3px;
}

section#contact_bottom.event > div > div.frm > form > div.pr {
  padding-right: 3px;
}

section#contact_bottom > div > div.frm > form > div:first-child {
  padding-right: 5px;
  padding-left: 0px;
}

section#contact_bottom.event > div > div.frm > form > div {
  display: inline-block;
  width: 50%;
  padding-left: 0px;
  padding-right: 0px;
}

section#contact_bottom > div > div.frm > form > div > label {
  display: block;
  font-family: "ProximaNova-Light", Arial;
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  color: #ffffff;
  padding-top: 15px;
  padding-bottom: 5px;
}

section#contact_bottom.event > div > div.frm > form > div > label {
  color: #686669;
}

section#contact_bottom > div > div.frm > form > div > label:first-child {
  padding-top: 0px;
}

section#contact_bottom.event > div > div.frm > form > div > label {
  padding-top: 15px;
}

section#contact_bottom.event > div > div.frm > form > div:nth-child(1) > label,
section#contact_bottom.event > div > div.frm > form > div:nth-child(2) > label {
  padding-top: 0px;
}

section#contact_bottom > div > div.frm > form > div > input,
section#contact_bottom > div > div.frm > form > div > textarea {
  background-color: #ffffff;
  display: block;
  padding: 0px 10px;
  width: 100%;
  font-family: "ProximaNova-Light", Arial;
  font-weight: normal;
  font-size: 17px;
  color: #414042;
  line-height: 44px;
  height: 44px;
  box-sizing: border-box;
}

section#contact_bottom.event > div > div.frm > form > div > input {
  border: 1px solid #eaeaea;
}

section#contact_bottom > div > div.frm > form > div > textarea {
  padding: 10px;
  line-height: 22px;
  height: 302px;
}

section#contact_bottom > div > p.shared,
section#contact_bottom > div > p.shared a {
  color: #ffffff;
}

section#contact_bottom.event > div > p.shared,
section#contact_bottom.event > div > p.shared a {
  color: #686669;
}

section#contact_bottom > div > div.frm > form > a.toast > span.lbl {
  background-color: rgba(255, 255, 255, 0.45);
}

section#contact_bottom.event > div > div.frm > form > p,
section#contact_bottom.event > div > div.frm > form > span.ghost_buttons,
section#contact_bottom.event > div > div.frm > form > a {
  clear: both;
}

section#contact_bottom.event > div > div.frm > form > p,
section#contact_bottom.event > div > div.frm > form > a {
  display: block;
  text-align: left;
  padding-top: 15px;
}

section#contact_bottom.event > div > div.frm > form > p {
  margin-top: 20px;
  border-top: 1px solid #eaeaea;
}

section#contact_bottom.event > div > div.frm > form > a {
  display: block;
  font-family: "ProximaNova-Light", Arial;
  font-weight: normal;
  font-size: 17px;
  color: #ff8c2a;
  line-height: 20px;
}

section#contact_bottom.event > div > div.frm > form > a:hover {
  color: #39b54a;
}

section#contact_bottom > div > div.frm > form > div#master_copy,
section#contact_bottom > div > div.frm > form > div.copy > label {
  display: none;
}

section#contact_bottom > div > div.frm > form > div.copy {
  padding-top: 5px;
}

section#contact_bottom.event > div > div.frm > form > div > label.error {
  color: #ff7e00;
}

section#contact_bottom.event > div > div.frm > form > div > input.error {
  border-color: #ff7e00;
}

/*
--------------------------------------------------------------
|	MILIEU
--------------------------------------------------------------
*/
section#milieu_hero > div > .shared_h1 {
  margin-bottom: 0px;
}

section#elektriciteit_economics > div {
  padding-top: 0px;
}

section#milieu_economics {
  background-color: #f9f9f9;
  position: relative;
  margin-bottom: -120px;
}

section#milieu_economics > div > div > div.shared {
  position: relative;
  z-index: 100;
}

span#milieu_logs,
span#aanbod_footer {
  display: block;
  width: 100%;
  height: 0px;
  padding-bottom: 100%;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 99;
}

span#aanbod_footer {
  padding-bottom: 75%;
}

#verwarming_sneeuw,
#verwarming_zetel {
  position: relative;
  height: 0px;
  padding-bottom: 100%;
}

#verwarming_zetel {
  padding-bottom: 112.5%;
}

@media screen and (min-width: 400px) {
  span#aanbod_footer {
    padding-bottom: 62.5%;
  }

  span#milieu_logs,
#verwarming_sneeuw {
    padding-bottom: 56.25%;
  }

  #verwarming_zetel {
    padding-bottom: 112.5%;
  }
}
@media screen and (min-width: 800px) {
  span#aanbod_footer {
    padding-bottom: 37.5%;
  }

  span#milieu_logs,
#verwarming_sneeuw {
    padding-bottom: 43.75%;
  }

  #verwarming_zetel {
    padding-bottom: 56.25%;
  }
}
@media screen and (max-width: 767px) {
  section#milieu_economics {
    margin-bottom: 0px;
  }
}
section#milieu_economics > div > div,
section#about_installation > div > div,
section#elektriciteit_economics > div > div,
section#koken_economics > div > div,
section#koken_economics--no-pos-shift > div > div,
section#kachels_advantages > div {
  text-align: center;
}

section#milieu_economics > div > div > div.shared,
section#elektriciteit_economics > div > div > div.shared,
section#koken_economics > div > div > div.shared,
section#koken_economics--no-pos-shift > div > div > div.shared,
section#about_installation > div > div > p.shared,
section#kachels_advantages > div > div.shared {
  color: #ffffff;
  padding: 40px 60px;
  background: #39b54a;
  background: linear-gradient(to left, #39b54a, #319f40);
  box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.15);
  margin: 0px 15px 15px 15px;
}

section#kachels_advantages > div > div.shared > ul {
  position: relative;
  margin-left: -15px;
}

section#kachels_advantages > div > div.shared > ul > li {
  font-family: "ProximaNova-Bold", Arial;
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  color: #ffffff;
  padding: 10px 0px;
  box-sizing: border-box;
}

section#kachels_advantages > div > div.shared > ul > li:before {
  display: none;
}

section#kachels_advantages > div > div.shared > ul > li:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 50px;
  right: 50px;
  height: 1px;
  background-color: rgba(44, 40, 42, 0.25);
}

section#kachels_advantages > div > div.shared > ul > li:nth-child(3):after,
section#kachels_advantages > div > div.shared > ul > li:nth-child(4):after {
  display: none;
}

/*
--------------------------------------------------------------
|	VERWARMING LOGOS
--------------------------------------------------------------
*/
section#verwarming_logos > div > a,
section#verwarming_logos > div > a > span,
section#verwarming_logos > div > a > svg {
  display: inline-block;
  vertical-align: middle;
}

section#verwarming_logos > div > a > span > img {
  height: 100px;
  width: auto;
}

section#verwarming_logos > div > a:last-child > span > img {
  height: 100px;
  width: auto;
}

section#verwarming_logos > div > a > svg {
  width: 292px;
  height: 60px;
  margin-left: 50px;
  margin-right: 50px;
}

@media screen and (max-width: 767px) {
  section#verwarming_logos > div > a > span > img {
    width: 130px;
    height: auto;
  }

  section#verwarming_logos > div > a > svg {
    width: 130px;
    height: 30px;
    margin-left: 20px;
    margin-right: 20px;
  }

  section#verwarming_logos > div > a:last-child > span > img {
    height: 90px;
    width: auto;
  }
}
@media screen and (max-width: 339px) {
  section#verwarming_logos > div > a > svg {
    margin: 20px;
  }
}
/*
--------------------------------------------------------------
|	KACHELS
--------------------------------------------------------------
*/
section#kachels_top > div > div > span.ghost_buttons,
section#verwarming_hoe > div > span.ghost_buttons,
.event_info > div > span.ghost_buttons,
section#home_intro > div > div > span.ghost_buttons,
section#verwarming_kostprijs > div > div > span.ghost_buttons {
  text-align: left;
}

section#search,
section#milieu_bottom,
section#home_wood,
section.downloads:not(.alt) + section.downloads.alt,
section.downloads.alt + section.downloads:not(.alt),
section#about_office,
section#contact_bottom.event,
section#nodig_ketel,
section#nodig_bediening,
section#elektriciteit_stirling,
section.flexy-wrap,
section#verf_advantages,
section#faro,
section#tripob,
section#classic,
section#pastamachines_luna {
  border-top: 1px solid #eaeaea;
  background-color: #f9f9f9;
}

section#nodig_opslag {
  border-top: 1px solid #eaeaea;
}

section#search > div > aside {
  float: left;
  width: 25%;
  min-width: 25%;
}

section#search > div > div {
  overflow: hidden;
}

section#search > div > aside > strong,
section#search > div > div > strong {
  display: block;
  font-family: "ProximaNova-Bold", Arial;
  font-weight: normal;
  font-size: 26px;
  line-height: 30px;
  color: #ff7e00;
}

section#search > div > div > strong {
  color: #686669;
  padding-left: 15px;
  padding-bottom: 5px;
}

section#search > div > aside > strong > svg {
  display: none;
  float: right;
  stroke: #ff7e00;
  width: 30px;
  height: 30px;
  transform: rotate(90deg);
}

section#search > div > aside.show_filters > strong > svg {
  transform: rotate(-90deg);
}

section#search > div > div > div > p.shared {
  padding-left: 15px;
}

section#search > div > aside > div {
  margin-top: 20px;
  border-top: 1px solid #eaeaea;
}

section#search > div > aside > div > label {
  display: block;
  padding-top: 15px;
  font-family: "ProximaNova-Regular", Arial;
  font-weight: normal;
  font-size: 17px;
  line-height: 20px;
  color: #ff7e00;
}

div#filter_results.center {
  text-align: center;
}

div#filter_results.center + span.ghost_buttons {
  padding-top: 50px;
}

div#filter_results > a {
  display: inline-block;
  vertical-align: top;
  width: 33.33333%;
  padding-left: 15px;
  padding-top: 15px;
  text-decoration: none;
  text-align: left;
  box-sizing: border-box;
}

section#search > div > div.four_columns > div#filter_results > a {
  width: 25%;
}

div#filter_results > a > span {
  display: block;
  background-color: #ffffff;
  border: 1px solid #eaeaea;
}

div#filter_results > a > span > span.img {
  background-color: #D8D7D8;
  display: block;
  width: 100%;
  height: 0px;
  padding-bottom: 100%;
}

div#filter_results > a > span > span.img > img {
  width: 100%;
}

div#filter_results > a > span > span.info {
  display: block;
  padding: 30px 20px;
}

div#filter_results > a > span > span.info > span {
  display: block;
}

div#filter_results > a > span > span.info > span > span,
section#kachels_detail > div > div:last-child > span > span,
section#koken_pertinger > div > div:last-child > span > span,
section#verf > div > div:last-child > span > span,
section#terras > div > div:last-child > span > span,
section#bakovens > div > div:last-child > span > span,
section#pastamachines > div > div:last-child > span > span,
section#deegkneedmachines > div > div:last-child > span > span,
section#deegkneedmachines_nova > div > div > span > span,
section#maalmolens > div > div:last-child > span > span,
section#hybrid > div > div:last-child > span > span,
section#toepassing > div > div:last-child > span > span,
section#koken_pelletgrill > div > div:last-child > span > span,
section#koken_firepit > div > div:last-child > span > span,
section#koken_firepit2 > div > div:last-child > span > span,
section#nieuws_detail > div > div > span > span {
  display: inline-block;
  font-family: "ProximaNova-Regular", Arial;
  font-weight: normal;
  font-size: 14px;
  line-height: 14px;
  color: #ff8310;
  text-transform: uppercase;
}

div#filter_results > a > span > span.info > span > span:first-child,
section#kachels_detail > div > div:last-child > span > span:first-child,
section#koken_pertinger > div > div:last-child > span > span:first-child,
section#verf > div > div:last-child > span > span:first-child,
section#terras > div > div:last-child > span > span:first-child,
section#bakovens > div > div:last-child > span > span:first-child,
section#pastamachines > div > div:last-child > span > span:first-child,
section#deegkneedmachines > div > div:last-child > span > span:first-child,
section#deegkneedmachines_nova > div > div > span > span,
section#maalmolens > div > div:last-child > span > span:first-child,
section#hybrid > div > div:last-child > span > span:first-child,
section#koken_pelletgrill > div > div:last-child > span > span:first-child,
section#koken_firepit > div > div:last-child > span > span:first-child,
section#koken_firepit2 > div > div:last-child > span > span:first-child,
section#nieuws_detail.news > div > div > span > span:last-child {
  color: #a0a0a0;
  padding-right: 5px;
}

section#nieuws_detail > div > div > span > span:last-child {
  padding-right: 0px;
  padding-left: 5px;
}

section#kachels_detail > div > div:last-child > span > span:first-child,
section#koken_pertinger > div > div:last-child > span > span:first-child,
section#verf > div > div:last-child > span > span:first-child,
section#terras > div > div:last-child > span > span:first-child,
section#bakovens > div > div:last-child > span > span:first-child,
section#pastamachines > div > div:last-child > span > span:first-child,
section#deegkneedmachines > div > div:last-child > span > span:first-child,
section#deegkneedmachines_nova > div > div > span > span,
section#maalmolens > div > div:last-child > span > span:first-child,
section#hybrid > div > div:last-child > span > span:first-child,
section#koken_pelletgrill > div > div:last-child > span > span:first-child,
section#koken_firepit > div > div:last-child > span > span:first-child,
section#koken_firepit2 > div > div:last-child > span > span:first-child {
  color: #5e5c5d;
}

section#kachels_detail > div > div:last-child > span > span,
section#kachels_detail > div > div:last-child > span > span:first-child,
section#koken_pertinger > div > div:last-child > span > span,
section#koken_pertinger > div > div:last-child > span > span:first-child,
section#verf > div > div:last-child > span > span,
section#terras > div > div:last-child > span > span:first-child,
section#bakovens > div > div:last-child > span > span:first-child,
section#pastamachines > div > div:last-child > span > span:first-child,
section#deegkneedmachines > div > div:last-child > span > span:first-child,
section#deegkneedmachines_nova > div > div > span > span,
section#maalmolens > div > div:last-child > span > span:first-child,
section#hybrid > div > div:last-child > span > span:first-child,
section#koken_pelletgrill > div > div:last-child > span > span,
section#koken_pelletgrill > div > div:last-child > span > span:first-child,
section#koken_firepit > div > div:last-child > span > span,
section#koken_firepit > div > div:last-child > span > span:first-child,
section#koken_firepit2 > div > div:last-child > span > span,
section#koken_firepit2 > div > div:last-child > span > span:first-child {
  text-transform: none;
  font-size: 17px;
  line-height: 22px;
}

section#toepassing > div > div:last-child > span > span:first-child {
  font-size: 17px;
  line-height: 22px;
}

div#filter_results > a > span > span.info > strong {
  display: block;
  font-family: "ProximaNova-Regular", Arial;
  font-weight: normal;
  font-size: 24px;
  line-height: 28px;
  color: #414042;
  padding-bottom: 5px;
}

div#filter_results > a:hover > span > span.info {
  background-color: #ff7e00;
}

div#filter_results > a:hover > span > span.info > span > span,
div#filter_results > a:hover > span > span.info > strong {
  color: #ffffff;
}

section#nieuws_detail > div > div > span.datetime {
  display: block;
}

section#nieuws_detail > div > div > span.datetime > time {
  display: inline-block;
}

/*
--------------------------------------------------------------
|	KACHELS - PAGING
--------------------------------------------------------------
*/
div#filter_results > div {
  overflow: hidden;
  clear: both;
  padding-left: 15px;
  padding-top: 30px;
}

div#filter_results > div > div {
  float: right;
}

div#filter_results > div > div,
div#filter_results > div > div > strong,
div#filter_results > div > div > a {
  font-family: "ProximaNova-Light", Arial;
  font-weight: normal;
  font-size: 17px;
  line-height: 20px;
  color: #686669;
}

div#filter_results > div > div.smallprint {
  font-size: 14px;
  line-height: 16px;
}

div#filter_results > div > div > a {
  display: inline-block;
  text-decoration: none;
  color: #ff8d2d;
  padding: 0px 10px;
  border-left: 1px solid #c5c0ca;
}

div#filter_results > div > div > a.active {
  font-family: "ProximaNova-SemiBold", Arial;
  color: #686669;
}

div#filter_results > div > div > a:first-child {
  border-left: 0px;
  padding-left: 0px;
}

div#filter_results > div > div > a:last-child {
  padding-right: 0px;
}

div#filter_results > div > div > strong {
  font-family: "ProximaNova-SemiBold", Arial;
}

div#filter_results > div > div:first-child {
  float: left;
}

/*
--------------------------------------------------------------
|	KACHELS - HOW TO ORDER
--------------------------------------------------------------
*/
.how_to {
  padding: 20px;
  border: 1px solid #dddddd;
  margin-top: 10px;
}

.how_to > strong {
  display: block;
  font-family: "ProximaNova-Bold", Arial;
  font-weight: normal;
  font-size: 22px;
  line-height: 26px;
  color: #686669;
  padding-bottom: 10px;
}

/*
--------------------------------------------------------------
|	KACHELS - DETAIL
--------------------------------------------------------------
*/
section#kachels_detail_hero.has_slideshow {
  height: 586px;
  position: relative;
}

section#kachels_detail_hero > div.slideshow {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 650px;
  overflow: hidden;
}

@media screen and (max-width: 1800px) {
  section#kachels_detail_hero.has_slideshow {
    height: 486px;
  }

  section#kachels_detail_hero > div.slideshow {
    height: 550px;
  }
}
@media screen and (max-width: 767px) {
  section#kachels_detail_hero.has_slideshow {
    height: 260px;
  }

  section#kachels_detail_hero > div.slideshow {
    height: 308px;
  }
}
section#kachels_detail_hero > div.slideshow > div {
  overflow: hidden;
  width: 16400px;
  height: inherit;
}

section#kachels_detail_hero > div.slideshow > div > div {
  position: relative;
  z-index: 997;
  float: left;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: inherit;
}

section#kachels_detail_hero > div.slideshow > div > div > div.overlay {
  position: absolute;
  top: 0px;
  height: 100%;
  width: 50%;
  cursor: pointer;
  z-index: 997;
}

section#kachels_detail_hero > div.slideshow > div > div > div.overlay.left {
  left: 0px;
}

section#kachels_detail_hero > div.slideshow > div > div > div.overlay.right {
  right: 0px;
}

section#kachels_detail + section.cta > div {
  padding-top: 0px;
}

section#kachels_detail > div > div:first-child,
section#kachels_top > div > aside,
section#nieuws_detail > div > aside {
  float: right;
  width: 385px;
  margin-left: 70px;
}

section#kachels_detail > div > div:last-child,
section#kachels_top > div > div,
section#nieuws_detail > div > div {
  overflow: hidden;
}

section#kachels_detail > div > div > p.quote {
  padding-top: 50px;
  font-family: "ProximaNovaT-Thin", Arial;
  font-weight: normal;
  font-size: 22px;
  line-height: 26px;
  color: #a4a2a7;
  text-align: center;
  letter-spacing: -1px;
}

section#kachels_detail > div > div > strong {
  display: block;
  padding-top: 50px;
  padding-bottom: 25px;
  font-family: "ProximaNova-Bold", Arial;
  font-weight: normal;
  font-size: 24px;
  line-height: 28px;
  color: #686669;
}

section#kachels_detail > div > div > ul {
  list-style-type: none;
}

section#kachels_detail > div > div > ul > li {
  padding: 8px 0px;
  border-top: 1px solid #eaeaea;
}

section#kachels_detail > div > div > ul > li:first-child {
  border-top: 0px;
  padding-top: 0px;
}

section#kachels_detail > div > div > ul > li,
section#kachels_detail > div > div > ul > li > label,
section#kachels_detail > div > div > ul > li > strong {
  font-family: "ProximaNova-Light", Arial;
  font-weight: normal;
  font-size: 17px;
  line-height: 24px;
  color: #686669;
}

section#kachels_detail > div > div > ul > li > label,
section#kachels_detail > div > div > ul > li > strong {
  display: inline-block;
  vertical-align: top;
  width: 65%;
}

section#kachels_detail > div > div > ul > li > strong {
  font-family: "ProximaNova-Regular", Arial;
  width: 35%;
}

section#kachels_detail > div > div:first-child > small {
  margin-top: 25px;
  display: block;
  text-align: center;
}

section#kachels_detail > div > div:first-child > small,
section#kachels_detail > div > div:first-child > small > a {
  font-family: "ProximaNova-Light", Arial;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #686669;
  text-decoration: none;
}

section#kachels_detail > div > div:first-child > small > a {
  display: inline-block;
  font-family: "ProximaNova-Regular", Arial;
  border-bottom: 1px solid #dfdfe0;
}

section#kachels_detail > div > div:first-child > small > a:hover {
  color: #ff7e00;
  border-bottom: 1px solid #ff7e00;
}

section#kachels_detail > div > div:first-child > span#logo_brand {
  display: block;
  width: 100%;
  text-align: center;
}

section#kachels_detail > div > div:first-child > span#logo_brand > svg {
  width: 250px;
  height: 150px;
}

section#kachels_detail > div > div:first-child > span#packshot {
  display: block;
}

section#kachels_detail > div > div:first-child > span#packshot > img {
  width: 100%;
  margin-bottom: 10px;
}

/*
--------------------------------------------------------------
|	DOWNLOADS
--------------------------------------------------------------
*/
section.downloads.alt {
  background-color: #f9f9f9;
}

section.downloads > div > div {
  margin-left: -50px;
  margin-top: 15px;
}

section.downloads > div > div > a {
  text-decoration: none;
  display: inline-block;
  vertical-align: top;
  width: 33.33%;
  padding-left: 50px;
  margin-top: 20px;
  box-sizing: border-box;
}

section.downloads > div > div > a > span {
  display: block;
  background-color: #f5f5f5;
}

section.downloads.alt > div > div > a > span {
  background-color: #ffffff;
}

section.downloads > div > div > a > span > span.img {
  float: right;
  display: block;
  height: 82px;
}

section.downloads > div > div > a > span > span.img > img {
  height: 100%;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
}

section.downloads > div > div > a > span > span.info {
  display: block;
  overflow: hidden;
  padding: 20px;
}

section.downloads > div > div > a > span > span.info > strong,
section.downloads > div > div > a > span > span.info > span {
  display: block;
}

section.downloads > div > div > a > span > span.info > strong {
  font-family: "ProximaNova-Regular", Arial;
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  height: 22px;
  overflow: hidden;
  color: #686669;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
}

section.downloads > div > div > a > span > span.info > span {
  font-family: "ProximaNova-Light", Arial;
  font-weight: normal;
  font-size: 17px;
  line-height: 20px;
  color: #39b54a;
}

section.downloads > div > div > a:hover > span > span.info {
  background-color: #39b54a;
}

section.downloads > div > div > a:hover > span > span.info > strong,
section.downloads > div > div > a:hover > span > span.info > span {
  color: #ffffff;
}

/*
--------------------------------------------------------------
|	ABOUT US - PEOPLE
--------------------------------------------------------------
*/
section#people > div > h1 {
  margin-bottom: 0px;
}

section#people > div > div {
  margin-left: -30px;
  text-align: center;
}

section#people > div > div > a {
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  width: 20%;
  padding-left: 30px;
  margin-top: 50px;
  box-sizing: border-box;
}

section#people > div > div > a > span {
  display: block;
  margin-bottom: 25px;
}

section#people > div > div > a > span > img {
  display: inline-block;
  width: 85%;
  border-radius: 100%;
}

section#people > div > div > a > p,
section#people > div > div > a > p > strong,
section#people > div > div > a > p > span {
  display: block;
  text-align: center;
  font-family: "ProximaNova-Light", Arial;
  font-weight: normal;
  font-size: 17px;
  line-height: 24px;
  color: #686669;
}

section#people > div > div > a > p > span {
  line-height: 20px;
}

section#people > div > div > a > p > strong {
  font-family: "ProximaNova-Regular", Arial;
  color: #39b54a;
}

section#people > div > div > a:hover > p > strong {
  color: #ff7e00;
}

/*
--------------------------------------------------------------
|	ABOUT US - OFFICE
--------------------------------------------------------------
*/
#about_office {
  text-align: center;
  padding-bottom: 78px;
}

#about_office > div > span {
  display: block;
  background-repeat: no-repeat;
  background-position: top center;
  width: 100%;
  height: 380px;
  margin-bottom: 35px;
  background-size: 750px 380px;
}

@media screen and (max-width: 789px) {
  #about_office > div > span {
    height: 0px;
    padding-bottom: 50.67%;
    background-size: contain;
  }
}
/*
--------------------------------------------------------------
|	ABOUT US - INSTALLATION
--------------------------------------------------------------
*/
#about_installation {
  position: relative;
  margin-bottom: -167px;
  top: -84px;
}

@media screen and (max-width: 1039px) {
  #about_installation {
    margin-bottom: -191px;
    top: -96px;
  }
}
@media screen and (max-width: 804px) {
  #about_installation {
    margin-bottom: -215px;
    top: -108px;
  }
}
/*
--------------------------------------------------------------
|	ABOUT US - HISTORY
--------------------------------------------------------------
*/
section#about_history > div > div {
  overflow: hidden;
}

section#about_history > div > div > p {
  overflow: hidden;
  display: block;
}

section#about_history > div > div > ul {
  float: right;
  width: 390px;
  margin-left: 95px;
  list-style-type: none;
}

section#about_history > div > div > ul > li {
  padding: 7px 0px;
  border-bottom: 1px solid #eaeaea;
}

section#about_history > div > div > ul > li:first-child {
  border-top: 1px solid #eaeaea;
}

section#about_history > div > div > ul > li,
section#about_history > div > div > ul > li > strong {
  font-family: "ProximaNova-Light", Arial;
  font-weight: normal;
  font-size: 17px;
  line-height: 24px;
  color: #686669;
}

section#about_history > div > div > ul > li > strong {
  display: block;
  font-family: "ProximaNova-SemiBold", Arial;
  color: #ff7e00;
}

/*
--------------------------------------------------------------
|	ABOUT US - NAME
--------------------------------------------------------------
*/
section#about_name > div > div {
  width: 50%;
  padding-left: 400px;
}

section#about_name > div > div > h2.shared_h1,
section#about_name > div > div > h2.shared_h1 > strong {
  color: #39b54a;
  font-family: "ProximaNova-Bold", Arial;
  font-size: 26px;
  line-height: 34px;
  letter-spacing: 0px;
}

/*
--------------------------------------------------------------
|	ABOUT US - ENGAGEMENT
--------------------------------------------------------------
*/
section#about_engagement > div > div {
  float: right;
  width: 50%;
  padding-bottom: 50px;
}

/*
--------------------------------------------------------------
|	ABOUT US - HERO
--------------------------------------------------------------
*/
#about_hero > div > nav,
#verwarming_hero > div > nav {
  display: block;
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}

#verwarming_hero > div > nav {
  border-top: 1px solid rgba(104, 102, 105, 0.4);
}

#about_hero > div > nav > a,
#verwarming_hero > div > nav > a {
  display: inline-block;
  vertical-align: top;
  font-family: "ProximaNova-Regular", Arial;
  font-weight: normal;
  font-size: 17px;
  line-height: 17px;
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0px 25px;
  border-left: 1px solid #b39783;
}

#verwarming_hero > div > nav > a {
  color: #414042;
  border-color: #d4cfd6;
}

#about_hero > div > nav > a:first-child,
#verwarming_hero > div > nav > a:first-child {
  padding-left: 0px;
  border-left: 0px;
}

#about_hero > div > nav > a:last-child,
#verwarming_hero > div > nav > a:last-child {
  padding-right: 0px;
}

#about_hero > div > nav > a:hover,
#verwarming_hero > div > nav > a:hover,
#verwarming_hero > div > nav > a.active {
  color: #ff7e00;
}

/*
--------------------------------------------------------------
|	NEWS
--------------------------------------------------------------
*/
section#news_top > div.placeholder {
  padding-bottom: 0px;
}

section#news_cubes > div {
  padding-top: 0px;
}

/*
--------------------------------------------------------------
|	CALENDAR
--------------------------------------------------------------
*/
.event_info {
  margin-top: 50px;
  overflow: hidden;
}

.event_info > div > span.ghost_buttons {
  padding-top: 10px;
}

.event_info > div > span.ghost_buttons > a {
  display: block;
  padding: 14px 25px;
}

/*
--------------------------------------------------------------
|	KOKEN
--------------------------------------------------------------
*/
#koken_bg {
  position: relative;
}

#koken_bg > section > div.placeholder {
  padding-bottom: 120px;
}

section#koken_economics {
  position: relative;
  top: -60px;
  margin-bottom: -60px;
}

#koken_bg > span {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-color: #f8f8f8;
  background-size: contain;
  background-position: left top;
  z-index: -1;
}

@media screen and (max-width: 1160px) {
  #koken_bg > span {
    background-size: cover;
    background-position: -150px 0px;
  }
}
@media screen and (max-width: 1023px) {
  section#koken_economics {
    top: 0px;
    margin-bottom: 0px;
  }

  #koken_bg > section > div.placeholder {
    padding-bottom: 90px;
  }
}
@media screen and (max-width: 767px) {
  #koken_bg > section > div.placeholder {
    padding-bottom: 45px;
  }

  section#koken_economics + section.cta > div {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  section#koken_economics + section.cta > div > div {
    margin-bottom: 0px;
  }
}
/*
--------------------------------------------------------------
|	TIPS
--------------------------------------------------------------
*/
.tips > div {
  position: relative;
  display: block;
  padding: 30px 0px 30px 30px;
  box-sizing: border-box;
}

.tips > div > strong,
.tips > div:before,
section#about_engagement > div > div > div > div.shared ul li:before,
.checkmarks li:before {
  font-family: "ProximaNova-Bold", Arial;
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  color: #ff7e00;
}

.tips > div:before,
section#about_engagement > div > div > div > div.shared ul li:before,
.checkmarks li:before {
  content: "✔" !important;
  position: absolute;
  top: 30px;
  left: 0px;
  font-family: "ProximaNova-Bold", "Zapf Dingbats", Arial;
}

section#about_engagement > div > div > div > div.shared ul li:before,
.checkmarks li:before {
  top: 10px !important;
}

section#about_engagement > div > div > div > div.shared ul li,
.checkmarks li {
  padding: 10px 0px 0px 30px !important;
}

.tips > div:after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 180px;
  height: 1px;
  background-color: #ededed;
}

.tips > div:last-child {
  padding-bottom: 0px;
}

.tips > div:last-child:after {
  display: none;
}

/*
--------------------------------------------------------------
|	FAQ
--------------------------------------------------------------
*/
.faq > div {
  padding-top: 50px;
  overflow: hidden;
}

.faq > div.pb {
  padding-bottom: 50px;
}

.faq > div > div > span {
  display: inline-block;
  width: 70px;
  height: 70px;
  background-color: #ff7e00;
  font-family: "ProximaNova-Bold", Arial;
  font-weight: normal;
  font-size: 36px;
  line-height: 70px;
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 15px;
  border-radius: 100%;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15) inset;
}

.faq > div > div > strong {
  display: block;
  font-family: "ProximaNova-Bold", Arial;
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  color: #ff7e00;
}

span#buffervat,
span#pellets_vullen {
  float: right;
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: 85px;
  margin-left: 30px;
}

span#pellets_vullen > span {
  background-size: contain;
  display: block;
  width: 100%;
  height: inherit;
}

.chart > span > span {
  display: inline-block;
  width: 415px;
  height: 300px;
}

.chart > span > span > svg {
  display: block;
  width: 100%;
  height: 100%;
}

.chart > span {
  float: right;
  margin-top: 85px;
  margin-left: 30px;
}

span#buffervat {
  width: 230px;
  height: 380px;
}

span#pellets_vullen > span {
  width: 390px;
  height: 340px;
}

span#pellets {
  position: absolute;
  top: 85px;
  left: 0px;
  width: 30%;
  height: 280px;
}

span#pellets > span {
  display: block;
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 680px 280px;
  height: 280px;
}

span#pellets + div {
  text-align: right;
  min-height: 340px;
}

span#pellets + div > div.seventy > .faq {
  width: 80%;
}

@media screen and (max-width: 1023px) {
  span#buffervat,
span#pellets_vullen,
span#chart {
    display: inline-block;
    float: none;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-left: 0px;
  }

  .faq > div.buffervat,
.faq > div.pellets_vullen,
.faq > div.chart {
    text-align: center;
  }

  .buffervat > div,
.pellets_vullen > div,
.faq > div.chart > div {
    text-align: left;
  }

  span#pellets {
    display: inline-block;
    position: relative;
    top: auto;
    left: 50%;
    width: 680px;
    height: 280px;
    background-size: 680px 280px;
    transform: translateX(-50%);
  }

  span#pellets + div {
    text-align: center;
  }

  span#pellets + div > div.seventy > .faq {
    width: 100%;
  }

  .flex {
    display: flex;
    flex-direction: column;
  }

  .flex.flex_center {
    align-items: center;
  }

  .flex > div {
    order: 1;
  }

  .flex > span#buffervat,
.flex > span#pellets,
.flex > span#pellets_vullen,
.flex > span#chart,
.flex > div.sterling_svg,
section#elektriciteit_emax > div > span,
section#verf_advantages > div > span,
section#toepassing > div > span,
section#faro > div > span,
section#tripob > div > span,
section#classic > div > span {
    order: 2;
  }

  .shared_block > div > div.sterling_svg,
section#elektriciteit_emax > div > span,
section#verf_advantages > div > span,
section#toepassing > div > span {
    float: none;
    width: auto;
    margin-right: 0px;
    text-align: center;
    padding-top: 45px;
  }

  section#toepassing.reversed > div > span {
    margin-left: 0;
  }

  .shared_block > div > div.sterling_svg > img,
section#elektriciteit_emax > div > span > img {
    display: inline-block;
    width: 250px;
  }

  section#verf_advantages > div > span > img {
    display: inline-block;
    width: 100%;
    max-width: 400px;
  }

  section#toepassing > div > span > img {
    display: inline-block;
    width: 100%;
    max-width: 800px;
  }
}
@media screen and (max-width: 455px) {
  span#chart,
span#chart > span {
    position: relative;
    display: block;
    width: 100%;
  }

  span#chart > span {
    height: 0px;
    padding-bottom: 72.29%;
  }

  span#chart > span > svg {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
  }
}
@media screen and (max-width: 430px) {
  span#pellets_vullen {
    display: block;
    width: 100%;
  }

  span#pellets_vullen > span {
    width: 100%;
    height: 0px;
    padding-bottom: 87.18%;
    background-size: contain;
  }
}
@media screen and (max-width: 680px) {
  span#pellets {
    width: 100%;
    height: auto;
  }

  span#pellets > span {
    width: 100%;
    height: 0px;
    padding-bottom: 41.18%;
    background-size: contain;
  }
}
/*
--------------------------------------------------------------
|	YOUTUBE
--------------------------------------------------------------
*/
div.youtube {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0px;
  margin-top: 50px;
}

div.youtube > iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

/*
--------------------------------------------------------------
|	SLIDESHOW
--------------------------------------------------------------
*/
.slideshow_holder {
  position: relative;
  margin-bottom: 25px;
}

.slideshow_holder > div.placeholder {
  padding-left: 0px;
  padding-right: 0px;
}

.slideshow_holder > div.markers {
  display: block;
  text-align: center;
  margin-top: 25px;
  line-height: 7px;
}

.slideshow_holder > div.markers > span {
  display: inline-block;
  width: 7px;
  height: 7px;
  background-color: #d1d1d1;
  margin-left: 5px;
  cursor: pointer;
  border-radius: 100%;
}

.slideshow_holder > div.markers > span:first-child {
  margin-left: 0px;
  background-color: #39b54a;
}

.slideshow_holder > div.markers > span.active {
  background-color: #39b54a;
}

.slideshow_holder > div.markers.hide {
  display: none;
}

.slideshow {
  overflow: hidden;
  width: 100%;
  position: relative;
  height: 675px;
}

@media screen and (max-width: 1200px) {
  .slideshow {
    height: 0px;
    padding-bottom: 56.25%;
  }
}
.slideshow > div {
  overflow: hidden;
  width: 16400px;
}

.slideshow > div > div {
  float: left;
  position: relative;
}

.slideshow.bgcolor > div > div > span {
  background-color: #dddddd;
}

.slideshow > div > div > span {
  display: block;
  width: 100%;
  height: 0px;
  padding-bottom: 56.25%;
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.slideshow > div > div > span > img {
  width: 100%;
}

#kachels_detail_hero .slideshow > div > div > span {
  display: none;
}

.slideshow > div > div > div.overlay {
  position: absolute;
  top: 0px;
  height: 100%;
  width: 50%;
  cursor: pointer;
  z-index: 9998;
}

.slideshow > div > div > div.overlay.left {
  left: 0px;
}

.slideshow > div > div > div.overlay.right {
  right: 0px;
}

#ribbons {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin: 0 auto;
  max-width: 1250px;
}

.ribbon {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  width: 50px;
  height: 50px;
  cursor: pointer;
  z-index: 10000;
  background-color: rgba(255, 255, 255, 0.6);
}

.ribbon:hover {
  background-color: #ffffff;
}

.ribbon > svg {
  display: inline-block;
  width: 14px;
  height: 24px;
  stroke: #000000;
  padding: 13px 18px;
}

.ribbon:hover > svg {
  stroke: #39b54a;
}

.ribbon.left {
  left: 0px;
  transform: rotateY(180deg);
}

.ribbon.right {
  right: 0px;
}

.ribbon.hide {
  display: none;
}

/*
--------------------------------------------------------------
|	BUFFERVAT
--------------------------------------------------------------
*/
section#nodig_buffervat {
  background-color: #319f40;
  background: linear-gradient(to left, #39b54a, #319f40);
}

/*
--------------------------------------------------------------
|	VERDELERS
--------------------------------------------------------------
*/
section#verdelers_top {
  text-align: center;
}

div#gmap {
  width: calc(100% - 15px);
  height: 450px;
  margin-left: 15px;
  margin-top: 15px;
  border: 1px solid #d9d9d9;
  box-sizing: border-box;
}

div#gmap + strong {
  padding-top: 40px;
}

.gm-style-iw {
  padding: 5px 0px;
}

.gm-style-iw > div,
.gm-style-iw > div > div {
  overflow: hidden !important;
}

#dealers {
  overflow: hidden;
}

#dealers > div {
  display: inline-block;
  vertical-align: top;
  width: 33.33%;
  padding-left: 15px;
  padding-top: 15px;
  box-sizing: border-box;
}

#dealers > div > div {
  border: 1px solid #d9d9d9;
  background-color: #ffffff;
  padding: 20px;
  text-align: left;
}

#dealers > div > div > strong,
.gm-style-iw > div > div > div > div > strong {
  display: block;
  padding-bottom: 20px;
  font-family: "ProximaNova-Bold", Arial;
  font-weight: normal;
  font-size: 16px;
  line-height: 16px;
  color: #414042;
  text-transform: uppercase;
}

#dealers > div > div > p,
#dealers > div > div > div > span > a,
.gm-style-iw > div > div > div > div > p,
.gm-style-iw > div > div > div > div > div > span > a {
  font-family: "ProximaNova-Light", Arial;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #414042;
}

#dealers > div > div > div > span > a,
.gm-style-iw > div > div > div > div > div > span > a {
  line-height: 20px;
}

#dealers > div > div > p,
.gm-style-iw > div > div > div > div > p {
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

#dealers > div > div > div > span + span.labels,
.gm-style-iw > div > div > div > div > div > span + span.labels {
  border-top: 1px solid #d9d9d9;
  padding-top: 10px;
  margin-top: 10px;
}

#dealers > div > div > p > strong,
.gm-style-iw > div > div > div > div > p > strong {
  display: block;
  font-family: "ProximaNova-Light", Arial;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #ff7e00;
}

#dealers > div > div > div > span,
.gm-style-iw > div > div > div > div > div > span,
#dealers > div > div > div > span.labels,
.gm-style-iw > div > div > div > div > div > span.labels {
  display: block;
}

#dealers > div > div > div > span + span,
.gm-style-iw > div > div > div > div > div > span + span {
  padding-top: 5px;
}

#dealers > div > div > div > span + span:empty,
.gm-style-iw > div > div > div > div > div > span + span:empty {
  padding-top: 0px;
}

#dealers > div > div > div > span > a,
.gm-style-iw > div > div > div > div > div > span > a {
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
}

#dealers > div > div > div > span:first-child > a,
.gm-style-iw > div > div > div > div > div > span:first-child > a {
  display: block;
}

#dealers > div > div > div > span:nth-child(2),
.gm-style-iw > div > div > div > div > div > span:nth-child(2) {
  height: 20px;
}

#dealers > div > div > div > span > a.disabled,
.gm-style-iw > div > div > div > div > div > span > a.disabled {
  pointer-events: none;
}

#dealers > div > div > div > span:nth-child(2) > a + a,
.gm-style-iw > div > div > div > div > div > span:nth-child(2) > a + a {
  padding-left: 10px;
}

#dealers > div > div > div > span > a > svg,
.gm-style-iw > div > div > div > div > div > span > a > svg {
  width: 20px;
  height: 20px;
  fill: #d9d9d9;
}

#dealers > div > div > div > span > a:hover,
.gm-style-iw > div > div > div > div > div > span > a:hover {
  color: #ff7e00;
}

#dealers > div > div > div > span > a:hover > svg,
.gm-style-iw > div > div > div > div > div > span > a:hover > svg {
  fill: #ff7e00;
}

#dealers > div > div > div > span.labels > label,
.gm-style-iw > div > div > div > div > div > span.labels > label {
  display: inline-block;
  vertical-align: middle;
  background-color: #ff7e00;
  margin-left: 1px;
  font-family: "ProximaNova-Bold", Arial;
  font-weight: normal;
  font-size: 14px;
  line-height: 14px;
  color: #ffffff;
  text-transform: uppercase;
  padding: 5px;
}

#dealers.geo + span.ghost_buttons {
  padding-left: 15px;
  display: block;
}

span.ghost_buttons.hide,
#dealers.geo + span.ghost_buttons.hide,
#dealers.geo > div {
  display: none;
}

#dealers.geo > div:first-child,
#dealers.geo > div:nth-child(2),
#dealers.geo > div:nth-child(3),
#dealers.geo > div:nth-child(4),
#dealers.geo > div:nth-child(5),
#dealers.geo > div:nth-child(6) {
  display: inline-block;
}

/*
--------------------------------------------------------------
|	PRICES
--------------------------------------------------------------
*/
.prices {
  position: relative;
  border: 1px solid #eaeaea;
}

.prices--multiple:after {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 50%;
  content: "";
  width: 1px;
  background-color: #eaeaea;
}

.prices-wrap {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding: 15px 30px;
  box-sizing: border-box;
}

.price__from,
.price__euro,
.price__tax {
  display: block;
  color: #686669;
  line-height: 22px;
}

.price__from,
.price__tax {
  font-family: "ProximaNova-Light", Arial;
  font-weight: 300;
}

.price__from {
  font-size: 14px;
  color: rgba(104, 102, 105, 0.5);
}

.price__euro {
  font-family: "ProximaNova-Regular", Arial;
  font-weight: 400;
  font-size: 22px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.price__tax {
  font-size: 16px;
}

@media screen and (max-width: 413px) {
  .prices-wrap {
    display: block;
    width: 100%;
  }

  .prices--multiple:after {
    left: 0px;
    top: 50%;
    width: 100%;
    height: 1px;
  }

  .prices-wrap {
    padding: 15px;
  }
}
/*
--------------------------------------------------------------
|	HOMEPAGE - BADGE
--------------------------------------------------------------
*/
a.badge {
  display: inline-block;
  width: 120px;
  height: 120px;
  padding: 20px;
  border-radius: 100%;
  background-color: #ff7e00;
  box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.1);
  text-align: center;
  margin-top: -20px;
  z-index: 9997;
  position: relative;
  text-decoration: none;
}

a.badge > svg {
  display: inline-block;
  width: 30px;
  height: 30px;
  fill: rgba(255, 255, 255, 0.75);
}

a.badge > span {
  padding-top: 10px;
}

a.badge > span,
a.badge > span > strong {
  display: inline-block;
  font-family: "ProximaNova-Regular", Arial;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
}

a.badge > span > strong {
  font-family: "ProximaNova-Bold", Arial;
  text-transform: uppercase;
}

a.badge:hover {
  background-color: #ffffff;
}

a.badge:hover > svg {
  fill: rgba(255, 126, 0, 0.75);
}

a.badge:hover > span,
a.badge:hover > span > strong {
  color: #ff7e00;
}

@media screen and (max-width: 767px) {
  a.badge {
    float: none;
    display: block;
    width: auto;
    height: auto;
    margin-top: 0px;
    margin-right: 0px;
    border-radius: 0px;
    border-top: 1px solid #ff7e00;
    border-bottom: 1px solid #ff7e00;
  }

  a.badge > svg {
    width: 100%;
  }

  a.badge > span > strong {
    display: block;
  }
}
section#elektriciteit_stirling {
  background: url("../../images/elektriciteit/stirling-1600.jpg") no-repeat center center;
  background-size: cover;
}

@media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  section#elektriciteit_stirling {
    background: url("../../images/elektriciteit/stirling-1600@2x.jpg") no-repeat center center;
    background-size: cover;
  }
}
@media screen and (max-width: 800px) {
  section#elektriciteit_stirling {
    background: url("../../images/elektriciteit/stirling-800.jpg") no-repeat center center;
    background-size: cover;
  }
}
@media (max-width: 800px) and (min-resolution: 1.5dppx), (max-width: 800px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 800px) and (min--moz-device-pixel-ratio: 1.5), (max-width: 800px) and (min-resolution: 144dpi) {
  section#elektriciteit_stirling {
    background: url("../../images/elektriciteit/stirling-800@2x.jpg") no-repeat center center;
    background-size: cover;
  }
}
@media screen and (max-width: 400px) {
  section#elektriciteit_stirling {
    background: url("../../images/elektriciteit/stirling-400.jpg") no-repeat center center;
    background-size: cover;
  }
}
@media (max-width: 400px) and (min-resolution: 1.5dppx), (max-width: 400px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 400px) and (min--moz-device-pixel-ratio: 1.5), (max-width: 400px) and (min-resolution: 144dpi) {
  section#elektriciteit_stirling {
    background: url("../../images/elektriciteit/stirling-400@2x.jpg") no-repeat center center;
    background-size: cover;
  }
}
/*
--------------------------------------------------------------
|	RESPONSIVE
--------------------------------------------------------------
*/
@media screen and (min-width: 1800px) {
  section#milieu_hero,
section#elektriciteit_hero {
    height: 623px;
  }

  section#home_trees {
    padding-top: 650px;
  }

  section#about_name > div.placeholder {
    padding: 150px 0px;
  }
}
@media screen and (max-width: 1500px) {
  header > div > a#logo {
    padding: 15px 0px;
  }

  header > div > div > #nav > a,
header > div > div > #contact > a,
header > div > div > #taalkeuze,
header > div > div > #subnav > a {
    font-size: 14px;
    line-height: 54px;
  }

  .up {
    padding-top: 54px;
  }

  header > div > div > #nav > a {
    margin-left: 30px;
  }

  header > div > div > #contact > a,
header > div > div > #subnav > a,
header > div > div > #taalkeuze {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 1257px) {
  body {
    min-width: 0px;
  }
}
@media screen and (max-width: 1280px) {
  header > div > div > #nav > a {
    margin-left: 15px;
  }
}
@media screen and (max-width: 1200px) {
  .up {
    padding-top: 88px;
  }

  header {
    background-color: transparent;
  }

  header > span {
    display: block;
  }

  header > div > div {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    flex-wrap: wrap;
  }

  header > div > div > #subnav,
header > div > div > #contact,
header > div > div > #taalkeuze {
    float: none;
  }

  header > div > div > #subnav {
    order: 1;
    flex-basis: calc(100% - 150px);
    text-align: right;
  }

  header > div > div > #taalkeuze {
    order: 2;
    flex-basis: 25px;
    max-width: 25px;
    min-width: 25px;
  }

  header > div > div > #nav {
    order: 3;
    flex-basis: auto;
    text-align: right;
  }

  header > div > div > #contact {
    order: 4;
    flex-basis: 100px;
    max-width: 100px;
    min-width: 100px;
  }

  header > div > div > #contact > a {
    text-transform: uppercase;
  }

  header > div > div > #nav > a,
header > div > div > #contact > a,
header > div > div > #taalkeuze,
header > div > div > #subnav > a {
    font-size: 15px;
    line-height: 44px;
  }

  header > div > a#logo {
    padding: 10px 0px;
  }

  header > div > div > #nav > a {
    margin-left: 20px;
  }
}
@media screen and (max-width: 1120px) {
  section#contact_visit > div > div > span {
    width: 250px;
  }
}
@media screen and (max-width: 1023px) {
  section#people > div > div > a {
    width: 25%;
  }

  .cubes > a,
section#search > div > div.four_columns > div#filter_results > a {
    width: 33.33%;
  }

  section.downloads > div > div > a {
    width: 50%;
  }

  section#search > div > aside > strong > svg {
    display: inline-block;
  }

  section#search > div > aside,
section#kachels_detail > div > div:first-child,
section#kachels_top > div > aside,
section#kachels_detail > div > div:first-child > span#packshot > img,
section#kachels_detail > div > div:first-child > span#logo_brand > img,
section#koken_hout > span,
div.shared ul li:before,
section#about_history > div > div > ul,
p.shared.columns > span,
p.shared.columns > span:first-child,
section#nieuws_detail > div > aside,
.shared_block > span,
section#contact_bottom > div > div.frm > form,
.tips > div.seventy,
span.toaster > span {
    width: 100%;
  }

  #home_cubes > div > div.cubes > a:nth-child(4),
div.shared ul li:first-child:before,
section#search > div > aside:not(.show_filters) > div {
    display: none;
  }

  section#verwarming_hoe > div,
section#koken_hout > div,
section#kachels_detail > div > div:first-child > span#packshot,
section#kachels_detail > div > div:first-child > span#logo_brand,
section#verwarming_logos,
.shared_block,
section#nodig_bediening > div,
section#elektriciteit_stirling > div,
section#elektriciteit_emax > div,
section#verf_advantages > div,
section#toepassing > div,
section#faro > div,
section#tripob > div,
section#qube > div,
section#haussler > div,
section#classic > div,
section#bakovens_temperatuur > div,
section#pastamachines_gebruik > div,
section#deegkneedmachines_gebruik > div,
section#deegkneedmachines_nova > div,
section#koken_firepit2 > div,
section#maalmolens_gebruik > div {
    text-align: center;
  }

  section#elektriciteit_stirling > div,
section#elektriciteit_emax > div,
section#verf_advantages > div,
section#toepassing > div,
section#faro > div,
section#tripob > div,
section#qube > div,
section#haussler > div,
section#classic > div,
section#bakovens_temperatuur > div,
section#pastamachines_gebruik > div,
section#deegkneedmachines_gebruik > div,
section#deegkneedmachines_nova > div,
section#koken_firepit2 > div,
section#maalmolens_gebruik > div {
    align-items: center;
  }

  section#search > div > aside,
section#kachels_detail > div > div:first-child,
section#kachels_top > div > aside,
section#nieuws_detail > div > aside,
section#about_history > div > div > ul,
.shared_block > div > div {
    float: none;
  }

  section#kachels_detail > div > div:first-child,
section#kachels_top > div > aside,
section#nieuws_detail > div > aside,
section#about_history > div > div > ul,
div#gmap {
    margin-left: 0px;
  }

  section#verwarming_hoe > div > div,
.shared_block > div > div,
section#nodig_bediening > div > div,
section#elektriciteit_stirling > div > div:last-child,
section#elektriciteit_emax > div > div,
section#verf_advantages > div > div,
section#faro > div > div,
section#tripob > div > div,
section#qube > div > div,
section#haussler > div > div,
section#classic > div > div,
section#koken_firepit2 > div > div,
section#bakovens_temperatuur > div > div {
    display: inline-block;
    width: 70%;
  }

  section#kachels_detail > div > div:first-child > span#packshot > img,
section#kachels_detail > div > div:first-child > span#logo_brand > img {
    display: inline-block;
    max-width: 500px;
  }

  section#verwarming_hoe > div > .shared_h1:after,
section#koken_hout > div > div > .shared_h1:after,
.shared_block > div > div > .shared_h1:after,
section#nodig_bediening > div > div > .shared_h1:after {
    left: 50%;
    margin-left: -40px;
  }

  section#koken_hout > span,
.shared_block > span {
    display: block;
    position: static;
    top: auto;
    left: auto;
    background-position: top center;
  }

  section#nodig_solar > div,
section#nodig_opslag > div,
section#nodig_ketel > div {
    min-height: 0px;
  }

  .shared_block > span {
    height: 0px;
    background-size: contain;
  }

  section#home_intro > span {
    margin-top: 24px;
  }

  #koken_bg > span {
    display: none;
  }

  section#milieu_middle > span {
    margin-bottom: 50px;
  }

  div.shared ul li {
    padding: 15px 0px;
  }

  div.shared ul li:before {
    content: "";
    height: 1px;
    width: 50%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #d9d9d9;
  }

  div.shared ul li:last-child,
section.cta:not(.regular) > div {
    padding-bottom: 0px;
  }

  section.cta:not(.regular) > div {
    padding-top: 0px;
    margin-bottom: -188px;
    top: -96px;
  }

  section.cta + section#home_wood > div {
    padding-top: 174px;
  }

  a.toast > span.svg {
    padding: 27px;
  }

  a.toast > span.lbl,
a.toast > span.lbl > strong {
    font-size: 16px;
    line-height: 20px;
  }

  a.toast > span.lbl > strong {
    padding-top: 6px;
    line-height: 18px;
  }

  section#search > div > aside + div:not(.four_columns) {
    padding-top: 100px;
  }

  section#search > div {
    padding-left: 0px;
    padding-right: 0px;
  }

  section#search > div > aside > strong {
    cursor: pointer;
  }

  section#search > div > aside {
    background-color: #f1f1f1;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    padding: 20px;
    box-sizing: border-box;
  }

  section#search > div > div {
    padding-left: 20px;
    padding-right: 20px;
  }

  section#search > div > div > strong,
#dealers.geo + span.ghost_buttons {
    padding-left: 0px;
  }

  div#filter_results,
#dealers {
    margin-left: -15px;
  }

  section#kachels_detail > div,
section#kachels_top > div.placeholder,
section#about_history > div.placeholder > div,
section#nieuws_detail > div.placeholder {
    display: flex;
    flex-direction: column;
  }

  section#kachels_detail > div > div:first-child,
section#kachels_top > div > aside,
section#about_history > div > div > ul,
section#nieuws_detail > div > aside {
    order: 2;
  }

  section#kachels_detail > div > div:last-child,
section#kachels_top > div > div,
section#about_history > div > div > p,
section#nieuws_detail > div > div {
    order: 1;
    padding-bottom: 50px;
  }

  section#kachels_top > div > aside > a:first-child {
    margin-top: 0px;
  }

  section#verwarming_hoe > div > span.ghost_buttons,
section#home_intro > div > div > span.ghost_buttons,
section#nieuws_detail > div > aside > span.img {
    text-align: center;
  }

  p.shared.columns > span,
p.shared.columns > span:first-child {
    padding-left: 0px;
    padding-right: 0px;
  }

  p.shared.columns > span:first-child {
    padding-bottom: 24px;
  }

  section#nieuws_detail > div > aside > span.img > img {
    display: inline-block;
    max-width: 385px;
  }

  section#nodig_bediening > div > div > span,
section#about_engagement > span > span {
    display: inline-block;
    position: static;
    top: auto;
    left: auto;
    margin-left: 0px;
    margin-top: 25px;
  }

  section#about_engagement > span > span {
    margin-top: 0px;
  }

  p.shared.columns > span,
p.shared.columns > span:first-child {
    text-align: left;
  }

  section#about_engagement > div {
    text-align: center;
    padding-bottom: 0px;
    background: #e0e0e0;
    background: linear-gradient(to bottom, #e0e0e0 0%, #f9f9f9 100%);
  }

  section#about_engagement > div > div {
    float: none;
    display: inline-block;
    width: 70%;
    padding-bottom: 0px;
  }

  section#about_engagement > div > div > .shared_h1:after {
    left: 50%;
    margin-left: -40px;
  }

  section#about_engagement > div > div > div > div.shared ul li {
    padding: 30px 0px 0px 0px;
  }

  section#about_engagement > div > div > div > div.shared ul li:before {
    content: "";
    left: 50%;
  }
}
@media screen and (max-width: 1000px) {
  section#contact_visit > div > div > span {
    display: block;
    float: none;
    width: 100%;
    height: 400px;
  }

  section#contact_visit > div > div > div {
    padding: 25px;
  }
}
@media screen and (max-width: 1040px) {
  #about_hero > div > nav > a,
#verwarming_hero > div > nav > a {
    display: block;
    padding-left: 0px;
    padding-right: 0px;
    border: 0px;
    padding-bottom: 15px;
    padding-top: 15px;
    border-top: 1px solid #d9d9d9;
  }

  #about_hero > div > nav > a:first-child,
#verwarming_hero > div > nav > a:first-child {
    padding-top: 0px;
    border-top: 0px;
  }

  #about_hero > div > nav > a:last-child,
#verwarming_hero > div > nav > a:last-child {
    padding-bottom: 0px;
  }
}
@media screen and (max-width: 875px) {
  header > div > div > #subnav {
    flex-basis: auto;
  }
}
@media screen and (max-width: 840px) {
  section#about_name > div > div {
    padding-left: 340px;
  }
}
@media screen and (max-width: 833px) {
  section.cta:not(.regular) > div {
    margin-bottom: -212px;
    top: -106px;
  }

  footer > div > div > nav > span,
footer > div > div > div > div > span {
    width: 174px;
  }

  #about_hero > div > nav > a,
#verwarming_hero > div > nav > a {
    padding: 15px 0px;
  }
}
@media screen and (max-width: 815px) {
  header > div > div > #contact > a,
header > div > div > #subnav > a {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 767px) {
  .up {
    padding-top: 48px;
  }

  .padding,
.padding_alt {
    padding-top: 45px;
    padding-bottom: 45px;
  }

  .padding_bottom {
    padding-bottom: 45px;
  }

  section#search > div > aside + div:not(.four_columns) {
    padding-top: 45px;
  }

  header > div > a#hamburger,
header > div > a#tel,
header > div > a#logo,
.ghost_buttons:not(.text) > .ghost_button,
section.cta > div > div > div {
    display: block;
  }

  header > div > div,
footer > div > div > nav,
header > span#bg_bottom,
section.cta > div > div:before,
section.cta > div > div:after,
.event_info > div:after,
.ribbon,
#breadcrumb {
    display: none;
  }

  header > div {
    padding-right: 20px;
  }

  header > span#bg_top {
    background-color: rgba(255, 255, 255, 0.8);
    height: 48px;
  }

  footer > div > div > div {
    max-width: none;
  }

  header > div > a#logo,
footer > div > div > div,
footer > div > div > div > div > span,
footer > div > div > div > div > span:first-child {
    float: none;
  }

  header > div > a#logo {
    overflow: hidden;
    padding: 12px 0px;
    margin: 0px 50px;
  }

  footer > div > strong,
footer > div > div > div > div.soc_media,
section#about_name > div > div,
footer > div > div > div > div > span,
footer > div > div > div > div > span:first-child,
header > div > a#logo {
    text-align: center;
  }

  footer > div > strong {
    margin-bottom: 0px;
    border-bottom: 0px;
  }

  footer > div > strong > svg {
    width: 150px;
    height: 38px;
  }

  footer > div > div > div > div.soc_media > a {
    padding: 10px;
    margin-left: 10px;
  }

  footer > div > div > div > div.soc_media > a,
footer > div > div > div > div.soc_media > a > svg {
    width: 25px;
    height: 25px;
  }

  footer > div > div > div > div > span,
footer > div > div > div > div > span:first-child {
    margin-right: 0px;
    width: auto;
  }

  footer > div > div > div > div > span:first-child,
footer > div > div > div > div > span > span:first-child {
    border-bottom: 1px solid rgba(94, 92, 93, 0.4);
    padding-bottom: 30px;
  }

  footer > div > div > div > div > span > span:first-child,
footer > div > div > div > div > span > span:last-of-type {
    padding-top: 30px;
  }

  footer > div > div > div > div > span > span:last-of-type > a {
    text-decoration: none;
  }

  .cubes > a {
    margin-bottom: 9px;
  }

  .ghost_button {
    font-size: 14px;
  }

  .ghost_button > svg {
    margin-left: 15px;
  }

  .ghost_buttons > .ghost_button {
    margin-left: 0px;
    margin-top: 15px;
    padding: 15px;
  }

  .ghost_buttons > .ghost_button:first-child {
    margin-top: 0px;
  }

  section#people > div > div > a {
    width: 33.33%;
  }

  section#contact_bottom > div > div.toggler > div > div,
#dealers > div {
    width: 50%;
  }

  .cubes > a,
.seventy,
section#about_name > div > div,
section#verwarming_hoe > div > div,
section#koken_hout > div > div,
section.cta > div > div > div,
section.downloads > div > div > a,
.event_info > div,
.shared_block > div > div,
section#nodig_bediening > div > div,
section#about_engagement > div > div,
section#elektriciteit_stirling > div > div:last-child,
section#elektriciteit_emax > div > div,
section#verf_advantages > div > div,
section#faro > div > div,
section#tripob > div > div,
section#qube > div > div,
section#haussler > div > div,
section#classic > div > div,
section#bakovens_temperatuur > div > div,
section#koken_firepit2 > div > div {
    width: 100%;
  }

  section#milieu_economics > div > div > div.shared,
section#koken_economics > div > div > div.shared,
section#koken_economics--no-pos-shift > div > div > div.shared,
section#elektriciteit_economics > div > div > div.shared,
section#about_installation > div > div > p.shared,
section#kachels_advantages > div > div.shared,
section#milieu_economics > div > div > div,
section#koken_economics > div > div > div,
section#koken_economics--no-pos-shift > div > div > div,
section#contact_bottom > div > div.toggler > div > div {
    box-sizing: border-box;
    margin: 0px;
  }

  section#milieu_economics > div > div > div.shared,
section#koken_economics > div > div > div.shared,
section#koken_economics--no-pos-shift > div > div > div.shared,
section#elektriciteit_economics > div > div > div.shared,
section#about_installation > div > div > p.shared,
section#kachels_advantages > div > div.shared {
    padding: 30px;
  }

  section#milieu_economics > div,
section#koken_economics > div,
section#koken_economics--no-pos-shift > div,
section#elektriciteit_economics > div,
section#kachels_advantages > div,
section#home_hero > div.placeholder,
section#about_installation > div.placeholder {
    padding: 0px;
  }

  .shared_h1 > svg {
    width: 40px;
    height: 40px;
  }

  .shared_h1 > strong,
.shared_h1.smaller > strong {
    font-size: 38px;
    line-height: 42px;
    padding-bottom: 5px;
    padding-top: 10px;
  }

  .shared_h1 > span {
    font-size: 16px;
    line-height: 16px;
  }

  div.shared h2,
section#kachels_detail > div > div > strong,
section.downloads > div > strong {
    font-size: 20px;
    line-height: 24px;
  }

  section#kachels_detail > div > div > p.quote {
    font-size: 18px;
    line-height: 24px;
  }

  section.cta > div {
    padding-left: 0px;
    padding-right: 0px;
  }

  section.cta > div > div > div {
    padding: 0px 20px 20px 20px;
  }

  section.cta > div > div > div > p {
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  }

  .event_info > div {
    padding-bottom: 0px;
  }

  .event_info > div:last-child {
    padding-bottom: 20px;
  }

  .event_info > div:last-child > h3 {
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    padding-top: 20px;
  }

  .event_info > div:only-child > h3 {
    border-top: 0px;
    padding-top: 0px;
  }

  section.cta > div > div > div:first-child {
    padding-top: 20px;
  }

  section.cta > div > div > div:last-child > p {
    padding-bottom: 0px;
    border-bottom: 0px;
  }

  section.cta > div {
    margin-bottom: 0px;
    top: auto;
  }

  section.cta:not(.regular) > div,
#about_installation {
    margin-bottom: 0px;
    top: 0px;
  }

  section.cta + section#home_wood > div {
    padding-top: 45px;
  }

  section#home_hero.up {
    padding-top: 0px;
  }

  section#koken_hero,
section#milieu_hero,
section#elektriciteit_hero {
    height: 300px;
  }

  #about_office {
    padding-bottom: 0px;
  }

  section#about_name,
section#nodig_bediening {
    display: flex;
    flex-direction: column;
  }

  section#about_name > div,
section#nodig_bediening > div {
    order: 1;
  }

  section#about_name > span,
section#nodig_bediening > span {
    order: 2;
  }

  section#about_name > span > span {
    display: block;
    position: static;
    width: 100%;
    top: auto;
    left: auto;
    height: 0px;
    padding-bottom: 75%;
    background-position: 0px 0px;
  }

  section#nodig_buffervat > div > .shared_h1,
section#nodig_buffervat > div > p.shared {
    display: block;
    width: 100%;
    text-align: center;
  }

  div#gmap {
    height: 250px;
  }

  section#about_name > div > div {
    padding-left: 0px;
  }

  section#about_name > div > div > .shared_h1:after {
    left: 50%;
    margin-left: -40px;
  }

  section#nodig_buffervat > div > p.shared > span.ghost_buttons {
    text-align: center;
  }
}
@media screen and (max-width: 730px) {
  section#contact_visit > div > div > span {
    height: 0px;
    padding-bottom: 62.5%;
  }

  section#contact_visit > div > div > div {
    height: auto;
    padding-bottom: 235px;
  }

  .sticky_note {
    left: 50%;
    margin-left: -120px;
    right: auto;
    width: 200px;
    padding: 45px 20px;
  }

  section#contact_visit > div > div > div > p > br.hide {
    display: none;
  }
}
@media screen and (max-width: 725px) {
  section#search > div > div.four_columns > div#filter_results > a,
div#filter_results > a {
    width: 50%;
  }
}
@media screen and (max-width: 666px) {
  section#contact_bottom > div > div.toggler > div > div,
section#contact_bottom > div > div.frm > form > div,
section#contact_bottom.event > div > div.frm > form > div,
.checkboxes > span {
    width: 100%;
  }

  section#contact_bottom:not(.event) > div > div.frm > form > div,
section#contact_bottom.event > div > div.frm > form > div.pl,
section#contact_bottom.event > div > div.frm > form > div.pr {
    padding: 0px;
  }

  section#contact_bottom > div > div.frm > form > div:nth-child(2),
section#contact_bottom.event > div > div.frm > form > div:nth-child(2) {
    padding-top: 15px;
  }

  section#contact_bottom > div > div.toggler > div > div {
    border-radius: 0px 0px 6px 6px;
    font-size: 17px;
  }

  section#contact_bottom > div > div.toggler > div > div:first-child {
    border-radius: 6px 6px 0px 0px;
  }

  section#contact_bottom > div > div.frm > form > div.copy {
    padding-top: 0px;
  }

  section#contact_bottom > div > div.frm > form > div.copy > label {
    display: block;
  }

  .checkboxes > span > span {
    float: left;
    margin-right: 10px;
  }

  .checkboxes > span > label {
    display: block;
    overflow: hidden;
    height: 18px;
    margin-left: 0px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
  }
}
@media screen and (max-width: 650px) {
  div.cta_small > a {
    display: block;
    margin-left: 0px;
    margin-top: 15px;
  }

  div.cta_small > a:first-child {
    margin-top: 0px;
  }

  div.cta_small > a > span {
    float: left;
  }

  div.cta_small > a > label {
    display: block;
    overflow: hidden;
  }
}
@media screen and (max-width: 550px) {
  div#filter_results {
    margin-left: 0px;
  }

  div#filter_results > div {
    padding-left: 0px;
  }

  section#search > div > div.four_columns > div#filter_results > a,
div#filter_results > a,
#dealers > div {
    width: 100%;
  }

  section#search > div > div.four_columns > div#filter_results > a,
div#filter_results > a {
    display: block;
    padding-top: 0px;
    padding-left: 0px;
    margin-top: 10px;
  }

  section#search > div > div.four_columns > div#filter_results > a:first-child,
div#filter_results > a:first-child {
    padding-top: 15px;
    margin-top: 0px;
  }

  section#search > div > div.four_columns > div#filter_results > a > span,
div#filter_results > a > span {
    display: flex;
    align-items: center;
    overflow: hidden;
  }

  section#search > div > div.four_columns > div#filter_results > a > span > span.img,
div#filter_results > a > span > span.img {
    flex-shrink: 0;
    width: 121px;
    height: 121px;
    padding-bottom: 0px;
  }

  section#search > div > div.four_columns > div#filter_results > a > span > span.info,
div#filter_results > a > span > span.info {
    overflow: hidden;
    padding: 29px 15px;
    flex-grow: 2;
  }

  div#filter_results > a > span > span.info > span {
    height: 14px;
  }

  section#people > div > div > a {
    width: 50%;
  }
}
@media screen and (max-width: 640px) {
  section#copyright > div > span,
section#copyright > div > span:first-child {
    float: none;
    display: block;
    text-align: center;
  }
}
@media screen and (max-width: 620px) {
  section#kachels_advantages > div > div.shared > ul > li {
    width: 100%;
  }

  section#kachels_advantages > div > div.shared > ul > li:nth-child(3):after {
    display: block;
  }
}
@media screen and (max-width: 375px) {
  section#people > div > div > a {
    width: 100%;
  }
}
@media screen and (max-width: 335px) {
  section#search > div > div.four_columns > div#filter_results > a > span > span.img,
div#filter_results > a > span > span.img {
    background-color: #ffffff;
    width: 90px;
    height: 90px;
  }

  div#filter_results > a > span > span.info > span > span {
    font-size: 13px;
  }

  div#filter_results > a > span > span.info > strong {
    font-size: 20px;
    line-height: 24px;
  }

  section#search > div > div.four_columns > div#filter_results > a > span > span.info,
div#filter_results > a > span > span.info {
    padding: 24px 15px;
  }
}
@media screen and (max-width: 320px) {
  body {
    min-width: 320px;
  }
}
.floatright {
  float: right;
  margin-top: 50px;
}

.floatright + div {
  overflow: hidden;
}

section#verwarming_kostprijs > div > div > span.ghost_buttons + span.ghost_buttons {
  padding-top: 15px;
}

@media screen and (max-width: 767px) {
  .floatright {
    margin-top: 0px;
    float: none;
    order: 2;
    padding: 25px 0px;
    text-align: center;
  }

  .floatright > span {
    display: inline-block;
  }

  section#verwarming_kostprijs > div > div {
    order: 1;
  }

  section#verwarming_kostprijs > div {
    display: flex;
    flex-direction: column;
  }
}
.buy-this-product {
  background-color: #ff7e00;
  padding: 30px 20px;
  text-align: center;
}

.strong-title {
  display: block;
  padding-bottom: 25px;
  font-family: "ProximaNova-Bold", Arial;
  font-weight: normal;
  font-size: 24px;
  line-height: 28px;
  color: #686669;
}

.strong-title--white {
  color: #ffffff;
}

.more-info {
  padding: 30px 20px;
  text-align: center;
  border-bottom: 1px solid #eaeaea;
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
}

@media screen and (max-width: 767px) {
  .strong-title {
    font-size: 20px;
    line-height: 24px;
  }

  .ghost_button {
    padding: 15px;
  }
}
@media screen and (max-width: 380px) {
  .ghost_button > svg {
    display: none;
  }
}
.home_flex {
  display: flex;
  flex-direction: row;
  position: relative;
}

.home_flex::after {
  position: absolute;
  content: "";
  left: 50%;
  top: 0px;
  bottom: 0px;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.5);
}

.home_flex > div {
  width: 50%;
  flex-grow: 0;
  flex-shrink: 0;
  align-self: flex-start;
}

.home_flex > div > p.shared {
  text-align: justify !important;
}

@media screen and (max-width: 1023px) {
  .home_flex {
    flex-direction: column;
  }

  .home_flex > div {
    width: 100%;
  }

  .home_flex > div > p.shared {
    text-align: center !important;
  }

  .home_flex > div:first-child {
    margin-bottom: 50px;
  }

  .home_flex::after {
    display: none;
  }
}
.cards {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-left: -15px;
  margin-bottom: -15px;
  padding-bottom: 45px;
}
@media screen and (max-width: 640px) {
  .cards {
    flex-direction: column;
    margin-left: 0;
  }
}

.cards--wrap {
  flex-wrap: wrap;
}
.cards--wrap .card {
  width: 25%;
}

.card {
  display: flex;
  box-sizing: border-box;
  padding-left: 15px;
  padding-bottom: 15px;
  width: 33.3333%;
  text-decoration: none;
}
@media screen and (max-width: 640px) {
  .card {
    margin-left: 0;
  }
}

.card-inner {
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.15);
  width: 100%;
}

@media screen and (max-width: 1023px) {
  .card {
    width: 50% !important;
  }
}
@media screen and (max-width: 640px) {
  .card {
    width: 100% !important;
    padding-left: 0;
  }
}
.card_inner {
  display: block;
  padding: 30px;
}

.card_title {
  color: #ff7e00;
  display: block;
  font-family: "ProximaNova-SemiBold", Arial;
  font-size: 24px;
  font-weight: normal;
  line-height: 26px;
  padding-bottom: 15px;
}

.card_subtitle {
  color: #414042;
  display: block;
  font-family: "ProximaNova-Regular", Arial;
  font-size: 18px;
  font-weight: normal;
  line-height: 26px;
  padding-bottom: 15px;
}

.card:hover .card_title {
  color: #39b54a;
}

.card_title--alt {
  color: #39b54a;
  padding-bottom: 0;
}

.card:hover .card_title--alt {
  color: #ff7e00;
}

.card_text {
  color: #686669;
  display: block;
  font-family: "ProximaNova-Light", Arial;
  font-size: 17px;
  font-weight: normal;
  line-height: 24px;
}

.card_text > strong {
  font-family: "ProximaNova-SemiBold", Arial;
}

.card_logo {
  display: block;
  text-align: center;
  margin-top: auto;
  padding: 30px 30px 60px 30px;
}

.card_logo > img {
  display: inline-block;
  max-width: 180px;
  width: 100%;
}

.card_photo_wrap {
  display: block;
  position: relative;
}

.card_photo_wrap > .curl {
  transform: scaleX(-1);
}

.card_photo > img {
  width: 100%;
}

.flexy {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.flexy_pic-wrap {
  width: calc((100% - 500px) / 2);
}

.flexy_pic {
  position: relative;
  height: 100%;
}

.flexy_pic > span {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  background-repeat: no-repeat;
  background-position: top right;
  background-size: contain;
}

@media screen and (max-width: 1476px) {
  .flexy_pic > span {
    background-size: cover;
  }
}
.flexy_pic--last > span {
  right: auto;
  left: 0;
  background-position: top left;
}

.flexy_content {
  width: 500px;
  padding: 100px 50px;
  box-sizing: border-box;
}

@media screen and (max-width: 1023px) {
  .flexy {
    flex-direction: column;
  }

  .flexy_content {
    text-align: center;
    order: 1;
    padding: 50px;
    width: 100%;
  }

  .flexy_pic-wrap {
    order: 2;
    width: 100%;
  }

  .flexy_pic {
    height: 0;
    width: 100%;
    padding-bottom: 62.5%;
  }

  .flexy_pic-wrap--last {
    display: none;
  }

  .center_at_1023:after {
    left: 50%;
    margin-left: -40px;
  }

  .checkmarks li {
    padding: 10px 0 !important;
  }

  .checkmarks li::before {
    top: 0 !important;
    content: "" !important;
  }
}
@media screen and (max-width: 600px) {
  .flexy_pic {
    padding-bottom: 100%;
  }
}
#koken_pelletgrill > .placeholder,
#koken_firepit > .placeholder {
  padding-bottom: 180px;
}

@media screen and (max-width: 1023px) {
  #koken_pelletgrill > .placeholder,
#koken_firepit > .placeholder {
    padding-bottom: 90px;
  }
}
@media screen and (max-width: 767px) {
  #koken_pelletgrill > .placeholder,
#koken_firepit > .placeholder {
    padding-bottom: 45px;
  }
}
.youtube_videos > .placeholder {
  text-align: center;
}

.youtube_videos > .placeholder > .seventy {
  text-align: center;
  margin-top: 40px;
  width: calc(70% + 120px);
}

@media screen and (max-width: 767px) {
  .youtube_videos > .placeholder {
    padding-left: 0;
    padding-right: 0;
  }

  .youtube_videos > .placeholder > .seventy {
    margin-top: 0;
    width: 100%;
  }
}
#home_hero {
  background-image: url("../../images/homepage/home-hero-gradient-big.png");
  background-repeat: repeat-x;
  background-size: 20px 600px;
  height: 536px;
  text-align: right;
}
@media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  #home_hero {
    background-image: url("../../images/homepage/home-hero-gradient-big@2x.png");
  }
}
@media screen and (max-width: 1400px) {
  #home_hero {
    height: 436px;
    background-size: 17px 500px;
  }
}
@media screen and (max-width: 800px) {
  #home_hero {
    height: auto;
    background: none;
    background: #f7f6f4;
  }
}

#home_hero > .placeholder {
  height: 536px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media screen and (max-width: 1400px) {
  #home_hero > .placeholder {
    height: 436px;
  }
}
@media screen and (max-width: 800px) {
  #home_hero > .placeholder {
    height: auto;
  }
}

.home_hero_bg {
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 900px 600px;
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  width: 40%;
}
@media screen and (max-width: 1400px) {
  .home_hero_bg {
    background-size: 750px 500px;
  }
}
@media screen and (max-width: 800px) {
  .home_hero_bg {
    display: none;
    /*
    	position:  					static;
    	width:  					100%;
    	height: 					0;
    	padding-bottom:  			62.50%;
    	background-size:  			contain;
    }

    @media screen and ( max-width: 400px ){
    	padding-bottom:  			75%;
    	background-size:  			contain;
    	*/
  }
}

@media screen and (max-width: 2250px) {
  .home_hero_bg {
    background-position: top right;
  }
}
.home_hero_right {
  display: inline-flex;
  flex-direction: column;
  max-width: 55%;
  text-align: left;
}
@media screen and (max-width: 800px) {
  .home_hero_right {
    max-width: 100%;
  }
}

.badge {
  align-self: flex-end;
}
@media screen and (max-width: 767px) {
  .badge {
    align-self: auto;
  }
}

.home_hero_text {
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .home_hero_text {
    padding: 90px 20px 45px 20px;
  }
}

.home_hero_text span:first-child {
  display: block;
  font-family: "ProximaNova-Light", Arial;
  font-size: 30px;
  font-weight: normal;
  line-height: 34px;
  color: #414042;
}
.home_hero_text span:first-child strong {
  font-family: "ProximaNova-Semibold", Arial;
}

.home_hero_text .ghost_button {
  padding: 0;
  color: #414042;
  font-size: 16px;
  line-height: 16px;
  text-transform: uppercase;
  margin-top: 25px;
}
.home_hero_text .ghost_button svg {
  stroke: #979697;
  height: 16px;
  width: 9px;
}
.home_hero_text .ghost_button:hover {
  color: #ff7e00;
}
.home_hero_text .ghost_button:hover svg {
  stroke: #ff7e00;
}

.shortcuts {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: -15px;
}
@media screen and (max-width: 767px) {
  .shortcuts {
    margin-left: 0;
  }
}

.shortcut {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 210px;
  padding-bottom: 15px;
  padding-left: 15px;
  text-decoration: none;
  width: 33.3333%;
}
.shortcut:first-child, .shortcut:nth-child(2), .shortcut:last-child, .shortcut:nth-last-child(2) {
  width: 50%;
}
@media screen and (max-width: 1023px) {
  .shortcut {
    width: 50% !important;
  }
}
@media screen and (max-width: 767px) {
  .shortcut {
    width: 100% !important;
    padding-left: 0;
  }
}
@media screen and (max-width: 540px) {
  .shortcut {
    height: auto;
  }
}

.shortcut__inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 25px;
  box-sizing: border-box;
  background-position: top right;
  background-repeat: no-repeat;
  background-color: #f7f6f4;
}
.shortcut__inner:hover {
  box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 540px) {
  .shortcut__inner {
    justify-content: center;
  }
}
@media screen and (max-width: 450px) {
  .shortcut__inner {
    padding-right: 130px;
  }
}

.verwarming .card_title {
  width: 58%;
}
@media screen and (max-width: 767px) {
  .verwarming .card_title {
    width: 100%;
  }
}

.kachels .card_subtitle {
  width: 54%;
}
@media screen and (max-width: 767px) {
  .kachels .card_subtitle {
    width: 100%;
  }
}

.grillen .shortcut__inner,
.terrasverwarming .shortcut__inner {
  background-color: #332f2c;
}
.grillen .card_title,
.terrasverwarming .card_title {
  color: #ff7e00;
}
.grillen .card_subtitle,
.terrasverwarming .card_subtitle {
  color: #ffffff;
}

.zuderwind .shortcut__inner {
  background-position: bottom right;
  background-color: #26437b;
}
.zuderwind .card_title {
  color: #ffffff;
}
.zuderwind .card_subtitle {
  color: #ffffff;
}

.verf .shortcut__inner {
  background-color: #ffd148;
}
.verf .card_title {
  color: #ffffff;
  text-shadow: 0px 3px 9px rgba(0, 0, 0, 0.14);
}

.zonnepanelen .card_title {
  color: #399cb5;
}

.verwarming .shortcut__inner {
  background-image: url("../../images/homepage/verwarming-big.jpg");
}
@media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .verwarming .shortcut__inner {
    background-image: url("../../images/homepage/verwarming-big@2x.jpg");
    background-size: 500px 210px;
  }
}
@media screen and (max-width: 540px) {
  .verwarming .shortcut__inner {
    background-image: url("../../images/homepage/verwarming-small.jpg");
  }
}
@media (max-width: 540px) and (min-resolution: 1.5dppx), (max-width: 540px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 540px) and (min--moz-device-pixel-ratio: 1.5), (max-width: 540px) and (min-resolution: 144dpi) {
  .verwarming .shortcut__inner {
    background-image: url("../../images/homepage/verwarming-small@2x.jpg");
    background-size: 500px 150px;
  }
}
.verwarming .shortcut__inner .card_title {
  margin-top: auto;
}
.verwarming .shortcut__inner .card_subtitle {
  padding-bottom: 0;
}

.kachels .shortcut__inner {
  background-image: url("../../images/homepage/kachels-big.jpg");
}
@media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .kachels .shortcut__inner {
    background-image: url("../../images/homepage/kachels-big@2x.jpg");
    background-size: 500px 210px;
  }
}
@media screen and (max-width: 540px) {
  .kachels .shortcut__inner {
    background-image: url("../../images/homepage/kachels-small.jpg");
  }
}
@media (max-width: 540px) and (min-resolution: 1.5dppx), (max-width: 540px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 540px) and (min--moz-device-pixel-ratio: 1.5), (max-width: 540px) and (min-resolution: 144dpi) {
  .kachels .shortcut__inner {
    background-image: url("../../images/homepage/kachels-small@2x.jpg");
    background-size: 500px 150px;
  }
}
.kachels .shortcut__inner .card_title {
  margin-top: auto;
}
.kachels .shortcut__inner .card_subtitle {
  padding-bottom: 0;
}

.koken .shortcut__inner {
  background-image: url("../../images/homepage/koken-big.jpg");
}
@media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .koken .shortcut__inner {
    background-image: url("../../images/homepage/koken-big@2x.jpg");
    background-size: 500px 210px;
  }
}
@media screen and (max-width: 540px) {
  .koken .shortcut__inner {
    background-image: url("../../images/homepage/koken-small.jpg");
  }
}
@media (max-width: 540px) and (min-resolution: 1.5dppx), (max-width: 540px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 540px) and (min--moz-device-pixel-ratio: 1.5), (max-width: 540px) and (min-resolution: 144dpi) {
  .koken .shortcut__inner {
    background-image: url("../../images/homepage/koken-small@2x.jpg");
    background-size: 500px 150px;
  }
}
.koken .shortcut__inner .card_title {
  margin-top: auto;
}
.koken .shortcut__inner .card_subtitle {
  padding-bottom: 0;
}

.grillen .shortcut__inner {
  background-image: url("../../images/homepage/grillen-big.jpg");
}
@media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .grillen .shortcut__inner {
    background-image: url("../../images/homepage/grillen-big@2x.jpg");
    background-size: 500px 210px;
  }
}
@media screen and (max-width: 540px) {
  .grillen .shortcut__inner {
    background-image: url("../../images/homepage/grillen-small.jpg");
  }
}
@media (max-width: 540px) and (min-resolution: 1.5dppx), (max-width: 540px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 540px) and (min--moz-device-pixel-ratio: 1.5), (max-width: 540px) and (min-resolution: 144dpi) {
  .grillen .shortcut__inner {
    background-image: url("../../images/homepage/grillen-small@2x.jpg");
    background-size: 500px 150px;
  }
}
.grillen .shortcut__inner .card_title {
  margin-top: auto;
}
.grillen .shortcut__inner .card_subtitle {
  padding-bottom: 0;
}

.offgrid .shortcut__inner {
  background-image: url("../../images/homepage/offgrid-big.jpg");
}
@media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .offgrid .shortcut__inner {
    background-image: url("../../images/homepage/offgrid-big@2x.jpg");
    background-size: 500px 210px;
  }
}
@media screen and (max-width: 540px) {
  .offgrid .shortcut__inner {
    background-image: url("../../images/homepage/offgrid-small.jpg");
  }
}
@media (max-width: 540px) and (min-resolution: 1.5dppx), (max-width: 540px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 540px) and (min--moz-device-pixel-ratio: 1.5), (max-width: 540px) and (min-resolution: 144dpi) {
  .offgrid .shortcut__inner {
    background-image: url("../../images/homepage/offgrid-small@2x.jpg");
    background-size: 500px 150px;
  }
}
.offgrid .shortcut__inner .card_title {
  margin-top: auto;
}
.offgrid .shortcut__inner .card_subtitle {
  padding-bottom: 0;
}

.verf .shortcut__inner {
  background-image: url("../../images/homepage/verf-big.jpg");
}
@media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .verf .shortcut__inner {
    background-image: url("../../images/homepage/verf-big@2x.jpg");
    background-size: 500px 210px;
  }
}
@media screen and (max-width: 540px) {
  .verf .shortcut__inner {
    background-image: url("../../images/homepage/verf-small.jpg");
  }
}
@media (max-width: 540px) and (min-resolution: 1.5dppx), (max-width: 540px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 540px) and (min--moz-device-pixel-ratio: 1.5), (max-width: 540px) and (min-resolution: 144dpi) {
  .verf .shortcut__inner {
    background-image: url("../../images/homepage/verf-small@2x.jpg");
    background-size: 500px 150px;
  }
}
.verf .shortcut__inner .card_title {
  margin-top: auto;
}
.verf .shortcut__inner .card_subtitle {
  padding-bottom: 0;
}

.zonnepanelen .shortcut__inner {
  background-image: url("../../images/homepage/zonnepanelen-big.jpg");
}
@media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zonnepanelen .shortcut__inner {
    background-image: url("../../images/homepage/zonnepanelen-big@2x.jpg");
    background-size: 500px 210px;
  }
}
@media screen and (max-width: 540px) {
  .zonnepanelen .shortcut__inner {
    background-image: url("../../images/homepage/zonnepanelen-small.jpg");
  }
}
@media (max-width: 540px) and (min-resolution: 1.5dppx), (max-width: 540px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 540px) and (min--moz-device-pixel-ratio: 1.5), (max-width: 540px) and (min-resolution: 144dpi) {
  .zonnepanelen .shortcut__inner {
    background-image: url("../../images/homepage/zonnepanelen-small@2x.jpg");
    background-size: 500px 150px;
  }
}
.zonnepanelen .shortcut__inner .card_title {
  margin-top: auto;
}
.zonnepanelen .shortcut__inner .card_subtitle {
  padding-bottom: 0;
}

.terrasverwarming .shortcut__inner {
  background-image: url("../../images/homepage/terrasverwarming-big.jpg");
}
@media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .terrasverwarming .shortcut__inner {
    background-image: url("../../images/homepage/terrasverwarming-big@2x.jpg");
    background-size: 500px 210px;
  }
}
@media screen and (max-width: 540px) {
  .terrasverwarming .shortcut__inner {
    background-image: url("../../images/homepage/terrasverwarming-small.jpg");
  }
}
@media (max-width: 540px) and (min-resolution: 1.5dppx), (max-width: 540px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 540px) and (min--moz-device-pixel-ratio: 1.5), (max-width: 540px) and (min-resolution: 144dpi) {
  .terrasverwarming .shortcut__inner {
    background-image: url("../../images/homepage/terrasverwarming-small@2x.jpg");
    background-size: 500px 150px;
  }
}
.terrasverwarming .shortcut__inner .card_title {
  margin-top: auto;
}
.terrasverwarming .shortcut__inner .card_subtitle {
  padding-bottom: 0;
}

.steenbakovens .shortcut__inner {
  background-image: url("../../images/homepage/steenbakovens-big.jpg");
}
@media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .steenbakovens .shortcut__inner {
    background-image: url("../../images/homepage/steenbakovens-big@2x.jpg");
    background-size: 500px 210px;
  }
}
@media screen and (max-width: 540px) {
  .steenbakovens .shortcut__inner {
    background-image: url("../../images/homepage/steenbakovens-small.jpg");
  }
}
@media (max-width: 540px) and (min-resolution: 1.5dppx), (max-width: 540px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 540px) and (min--moz-device-pixel-ratio: 1.5), (max-width: 540px) and (min-resolution: 144dpi) {
  .steenbakovens .shortcut__inner {
    background-image: url("../../images/homepage/steenbakovens-small@2x.jpg");
    background-size: 500px 150px;
  }
}
.steenbakovens .shortcut__inner .card_title {
  margin-top: auto;
}
.steenbakovens .shortcut__inner .card_subtitle {
  padding-bottom: 0;
}

.pastamachines .shortcut__inner {
  background-image: url("../../images/homepage/pastamachines-big.jpg");
}
@media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .pastamachines .shortcut__inner {
    background-image: url("../../images/homepage/pastamachines-big@2x.jpg");
    background-size: 500px 210px;
  }
}
@media screen and (max-width: 540px) {
  .pastamachines .shortcut__inner {
    background-image: url("../../images/homepage/pastamachines-small.jpg");
  }
}
@media (max-width: 540px) and (min-resolution: 1.5dppx), (max-width: 540px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 540px) and (min--moz-device-pixel-ratio: 1.5), (max-width: 540px) and (min-resolution: 144dpi) {
  .pastamachines .shortcut__inner {
    background-image: url("../../images/homepage/pastamachines-small@2x.jpg");
    background-size: 500px 150px;
  }
}
.pastamachines .shortcut__inner .card_title {
  margin-top: auto;
}
.pastamachines .shortcut__inner .card_subtitle {
  padding-bottom: 0;
}

.deegkneedmachines .shortcut__inner {
  background-image: url("../../images/homepage/deegkneedmachines-big.jpg");
}
@media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .deegkneedmachines .shortcut__inner {
    background-image: url("../../images/homepage/deegkneedmachines-big@2x.jpg");
    background-size: 500px 210px;
  }
}
@media screen and (max-width: 540px) {
  .deegkneedmachines .shortcut__inner {
    background-image: url("../../images/homepage/deegkneedmachines-small.jpg");
  }
}
@media (max-width: 540px) and (min-resolution: 1.5dppx), (max-width: 540px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 540px) and (min--moz-device-pixel-ratio: 1.5), (max-width: 540px) and (min-resolution: 144dpi) {
  .deegkneedmachines .shortcut__inner {
    background-image: url("../../images/homepage/deegkneedmachines-small@2x.jpg");
    background-size: 500px 150px;
  }
}
.deegkneedmachines .shortcut__inner .card_title {
  margin-top: auto;
}
.deegkneedmachines .shortcut__inner .card_subtitle {
  padding-bottom: 0;
}

.maalmolens .shortcut__inner {
  background-image: url("../../images/homepage/maalmolens-big.jpg");
}
@media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .maalmolens .shortcut__inner {
    background-image: url("../../images/homepage/maalmolens-big@2x.jpg");
    background-size: 500px 210px;
  }
}
@media screen and (max-width: 540px) {
  .maalmolens .shortcut__inner {
    background-image: url("../../images/homepage/maalmolens-small.jpg");
  }
}
@media (max-width: 540px) and (min-resolution: 1.5dppx), (max-width: 540px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 540px) and (min--moz-device-pixel-ratio: 1.5), (max-width: 540px) and (min-resolution: 144dpi) {
  .maalmolens .shortcut__inner {
    background-image: url("../../images/homepage/maalmolens-small@2x.jpg");
    background-size: 500px 150px;
  }
}
.maalmolens .shortcut__inner .card_title {
  margin-top: auto;
}
.maalmolens .shortcut__inner .card_subtitle {
  padding-bottom: 0;
}

.atelier-ouvert .shortcut__inner {
  background-image: url("../../images/homepage/atelier-ouvert-big.jpg");
}
@media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .atelier-ouvert .shortcut__inner {
    background-image: url("../../images/homepage/atelier-ouvert-big@2x.jpg");
    background-size: 500px 210px;
  }
}
@media screen and (max-width: 540px) {
  .atelier-ouvert .shortcut__inner {
    background-image: url("../../images/homepage/atelier-ouvert-small.jpg");
  }
}
@media (max-width: 540px) and (min-resolution: 1.5dppx), (max-width: 540px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 540px) and (min--moz-device-pixel-ratio: 1.5), (max-width: 540px) and (min-resolution: 144dpi) {
  .atelier-ouvert .shortcut__inner {
    background-image: url("../../images/homepage/atelier-ouvert-small@2x.jpg");
    background-size: 500px 150px;
  }
}
.atelier-ouvert .shortcut__inner .card_title {
  margin-top: auto;
}
.atelier-ouvert .shortcut__inner .card_subtitle {
  padding-bottom: 0;
}

.zuderwind .shortcut__inner {
  background-image: url("../../images/homepage/zuderwind-big.jpg");
}
@media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .zuderwind .shortcut__inner {
    background-image: url("../../images/homepage/zuderwind-big@2x.jpg");
    background-size: 500px 210px;
  }
}
@media screen and (max-width: 540px) {
  .zuderwind .shortcut__inner {
    background-image: url("../../images/homepage/zuderwind-small.jpg");
  }
}
@media (max-width: 540px) and (min-resolution: 1.5dppx), (max-width: 540px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 540px) and (min--moz-device-pixel-ratio: 1.5), (max-width: 540px) and (min-resolution: 144dpi) {
  .zuderwind .shortcut__inner {
    background-image: url("../../images/homepage/zuderwind-small@2x.jpg");
    background-size: 500px 150px;
  }
}
.zuderwind .shortcut__inner .card_title {
  margin-top: auto;
}
.zuderwind .shortcut__inner .card_subtitle {
  padding-bottom: 0;
}

.pastamachines:lang(nl) .shortcut__inner {
  display: flex;
  flex-direction: column;
}
.pastamachines:lang(nl) .card_title {
  order: 2;
  margin-top: 0;
}
.pastamachines:lang(nl) .card_subtitle {
  order: 1;
  margin-top: auto;
}

.aanbod-pastamachines:lang(nl) .card_inner {
  display: flex;
  flex-direction: column;
}
.aanbod-pastamachines:lang(nl) .card_title {
  order: 2;
  padding-bottom: 15px;
}
.aanbod-pastamachines:lang(nl) .card_subtitle {
  order: 1;
  padding-bottom: 0;
}
.aanbod-pastamachines:lang(nl) .card_text {
  order: 3;
}

#home_intro {
  padding-top: 45px;
}

.toepassing-diagram {
  display: inline-block;
}

.toepassing-diagram > img {
  width: 100%;
  max-width: 700px;
}
@media screen and (max-width: 550px) {
  .toepassing-diagram > img {
    max-width: 400px;
  }
}

.combo-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 390px;
}
@media screen and (max-width: 650px) {
  .combo-wrap {
    text-align: center;
    height: auto;
  }
}

.combo {
  background-color: #f9f9f9;
  border: 1px solid #eaeaea;
  padding: 50px 375px 50px 75px;
}
@media screen and (max-width: 767px) {
  .combo {
    padding: 50px 300px 50px 50px;
  }
}
@media screen and (max-width: 650px) {
  .combo {
    padding: 50px;
  }
}

@media screen and (max-width: 650px) {
  .combo-outer {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

.combo-pic {
  position: absolute;
  top: 0;
  right: 100px;
  height: 390px;
  max-width: 250px;
  width: 100%;
}
.combo-pic img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .combo-pic {
    right: 50px;
  }
}
@media screen and (max-width: 650px) {
  .combo-pic {
    position: static;
    right: auto;
    top: auto;
    margin: 25px 0 50px 0;
  }
}

.title-default {
  font-family: "ProximaNova-Bold", Arial;
  font-weight: normal;
  font-size: 24px;
  line-height: 28px;
  color: #32a342;
}
@media screen and (max-width: 767px) {
  .title-default {
    font-size: 20px;
    line-height: 24px;
  }
}

.text-default {
  font-family: "ProximaNova-Regular", Arial;
  font-weight: normal;
  font-size: 17px;
  line-height: 24px;
  color: #686669;
}

.klimaatactief {
  display: block;
  width: 210px;
  height: 211px;
}
.klimaatactief img {
  width: 100%;
  height: 100%;
}

.klimaatactief--homepage {
  align-self: flex-end;
  margin-right: 135px;
  margin-top: -130px;
  z-index: 9998;
}
@media screen and (max-width: 767px) {
  .klimaatactief--homepage {
    margin-left: 20px;
    margin-right: auto;
    margin-top: -30px;
    width: 105px;
    height: 105px;
  }
}

.klimaatactief--contact {
  position: absolute;
  bottom: 0;
  left: 50px;
  width: 140px;
  height: 140px;
}
@media screen and (max-width: 1000px) {
  .klimaatactief--contact {
    bottom: auto;
    top: 0;
    left: auto;
    right: 50px;
  }
}
@media screen and (max-width: 480px) {
  .klimaatactief--contact {
    width: 105px;
    height: 105px;
  }
}

.flex--row {
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 1023px) {
  .flex--row {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}

.p-ends-30px {
  padding-top: 30px;
  padding-bottom: 30px;
}

.p-l-30px {
  padding-left: 30px;
}

.orange_subtitle {
  display: block;
  font-family: "ProximaNova-Regular", Arial;
  font-weight: normal;
  font-size: 18px;
  line-height: 18px;
  color: #ff7e00;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 5px;
}

.orange_subtitle::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 80px;
  height: 2px;
  background-color: #d9d9d9;
}
@media screen and (max-width: 1023px) {
  .orange_subtitle::after {
    left: 50%;
    transform: translateX(-50%);
  }
}

.border-bottom {
  border-bottom: 1px solid #eaeaea;
}

.seventy2019 {
  width: 70%;
  margin: 0 15%;
}
@media screen and (max-width: 767px) {
  .seventy2019 {
    width: 100%;
    margin: 0;
  }
}

.mxw--320px img {
  max-width: 320px;
  width: 100%;
}

.flex-shrink--0 {
  flex-shrink: 0;
}

.banner {
  width: 100%;
  max-width: 480px;
  margin-top: 50px;
}
@media screen and (max-width: 800px) {
  .banner {
    max-width: none;
  }
}
@media screen and (max-width: 767px) {
  .banner {
    margin-top: 0;
  }
}
.banner img {
  width: 100%;
}

#banner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 99999;
}

#banner_inner {
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#banner_content {
  position: relative;
  margin: 50px;
}
#banner_content a {
  display: block;
  max-width: 800px;
  width: 100%;
}
#banner_content a img {
  width: 100%;
}

#banner_close {
  position: absolute;
  top: -18px;
  right: -18px;
  background-color: #ff7e00;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  cursor: pointer;
}
#banner_close svg {
  fill: #ffffff;
  width: 44%;
  height: 44%;
  margin: 28%;
}

.verwarmers {
  display: flex;
  flex-direction: row;
  margin-left: -20px;
  margin-bottom: -20px;
  margin-top: 40px;
  flex-wrap: wrap;
}

.verwarmer {
  width: 25%;
  padding-left: 20px;
  padding-bottom: 20px;
  text-decoration: none;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .verwarmer {
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  .verwarmer {
    width: 100%;
  }
}

.verwarmer__inner {
  padding: 30px;
  box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.15);
}
.verwarmer__inner span {
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 114.2857142857%;
  background-repeat: no-repeat;
  background-size: contain;
}

.verwarmer__strong {
  text-align: center;
  color: #39b54a;
  font-family: "ProximaNova-Bold", Arial;
  font-size: 26px;
  line-height: 34px;
  margin-top: 20px;
}

.batibouw-outer {
  padding-top: 45px;
}

.batibouw {
  background: linear-gradient(to left, #39b54a, #319f40);
  box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: row;
  padding: 50px 60px;
}
@media screen and (max-width: 1023px) {
  .batibouw {
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .batibouw {
    padding: 50px 25px;
  }
}
.batibouw div {
  width: 50%;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .batibouw div {
    width: 100%;
  }
}
.batibouw div:first-child {
  padding-right: 60px;
}
@media screen and (max-width: 1024px) {
  .batibouw div:first-child {
    margin-bottom: 20px;
  }
}
.batibouw h2 {
  color: #ffffff;
  font-family: "ProximaNova-Bold", Arial;
  font-size: 48px;
}
.batibouw h2 span {
  display: block;
  line-height: 48px;
}
.batibouw h2 span:first-child {
  font-size: 38px;
  line-height: 40px;
}
.batibouw p {
  font-family: "ProximaNova-Regular", Arial;
  font-weight: normal;
  font-size: 18px;
  color: #ffffff;
}
.batibouw p span {
  display: block;
  line-height: 26px;
}
.batibouw p span:last-child {
  font-family: "ProximaNova-Bold", Arial;
  font-size: 24px;
  line-height: 26px;
}
.batibouw .ghost_buttons {
  text-align: left;
}

/*# sourceMappingURL=app.css.map */