html {
  --fs-default: 12pt;
  --ff-default: "Libre Franklin", sans-serif;
}
body {
  margin: 0px;
  color: var(--unite-text-default);
  font-family: var(--ff-default);
  font-size: var(--fs-default);
  background: white;
}
a {
  color: var(--unite-link-default);
}
a:hover {
  color: var(--unite-link-hover);
}
#header {
  grid-column: 1 / span 48;
  background: url("/static/img/header_2.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  min-height: 400px;
  position: relative;
}
#header .bgvlogo {
  background-image: url(/static/img/bgv_logo_white_2.png);
  background-repeat: no-repeat;
  -webkit-background-size: 70%;
  background-size: 70%;
  padding: 8px;
  background-position: center center;
  height: 128px;
  width: 360;
}
#header .header_text {
  margin: 0 auto;
  margin-top: 64px;
  padding-bottom: 64px;
  max-width: 1200px;
  display: grid;
  grid-template-columns: auto;
  font-weight: 100;
  position: relative;
}
#header .header_text .flags {
  display: grid;
  grid-template-columns: 50px 50px;
  grid-gap: 8px;
  margin-top: 20px;
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 24px;
}
#header .header_text .flags > a {
  display: block;
  height: 50px;
  width: 50px;
}
#header .header_text .flags .flag_nl {
  background-image: url("/static/img/flag_nl_2.png");
  background-repeat: no-repeat;
  background-size: 50px 50px;
}
#header .header_text .flags .flag_pl {
  background-image: url("/static/img/flag_pl_2.png");
  background-repeat: no-repeat;
  background-size: 50px 50px;
}
#header .header_text h3 {
  font-weight: 100;
}
#header .header_text p:nth-child(3) {
  padding-left: 48px;
}
#header .header_text p:nth-child(4) {
  padding-left: 96px;
}
#header .header_blocks {
  position: relative;
  bottom: 0;
  min-height: 150px;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  justify-content: center;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
#header .header_blocks > div a.block_content {
  color: var(--unite-text-default);
  text-decoration: none;
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background 0.5s, padding-top 0.5s;
  -moz-transition: background 0.5s, padding-top 0.5s;
  -ms-transition: background 0.5s, padding-top 0.5s;
  -o-transition: background 0.5s, padding-top 0.5s;
  transition: background 0.5s, padding-top 0.5s;
  padding: 4px;
  padding-top: 12px;
  position: relative;
  display: grid;
  grid-template-rows: 34px auto 34px;
}
#header .header_blocks > div a.block_content > span {
  display: block;
  text-align: center;
  font-size: 0.75em;
  max-height: 114px;
  overflow: hidden;
}
#header .header_blocks > div a.block_content > span.title {
  font-size: 1.15em;
  font-weight: 900;
  height: auto;
}
#header .header_blocks > div a.block_content > div {
  display: block;
  position: relative;
  margin: 0 auto;
  font-size: 12px;
  bottom: 16px;
}
#header .header_blocks > div > a.block_content:hover {
  color: var(--unite-text-default);
  text-decoration: none;
  padding-top: 8px;
  background: radial-gradient(180px 60px at top, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0) 100%), radial-gradient(120px 40px at top, rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0) 100%), rgba(255, 255, 255, 0.05);
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#header #nav {
  top: 0px;
  position: fixed;
  z-index: 1;
  grid-column: 1 / span 48;
  height: 28px;
  background-color: rgba(39, 151, 199, 0.5);
  width: 100%;
  border-bottom: 2px solid rgba(48, 118, 148);
  -webkit-box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.3);
  display: grid;
  justify-content: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background 500ms;
  -moz-transition: background 500ms;
  -ms-transition: background 500ms;
  -o-transition: background 500ms;
  transition: background 500ms;
}
#header #nav:before {
  content: '';
  width: 100%;
  height: 100%;
  -webkit-box-shadow: inset 0px 6px 2000px rgba(255, 255, 255, 0.5);
  -moz-box-shadow: inset 0px 6px 100% rgba(0, 0, 0, 0.1);
  box-shadow: inset 0px 0px 2000px rgba(75, 75, 75, 0.5);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  backdrop-filter: blur(4px);
}
#header #nav:hover {
  background-color: var(--unite-light5a);
  -webkit-transition: background 500ms;
  -moz-transition: background 500ms;
  -ms-transition: background 500ms;
  -o-transition: background 500ms;
  transition: background 500ms;
}
#header #nav > grid {
  max-width: 100%;
  grid-gap: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#header #nav > grid .nav_item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 4px;
  color: var(--unite-glass8);
  text-shadow: 0px 0px 6px #323232;
  background: radial-gradient(10px 20px at right, rgba(255, 255, 255, 0.05), transparent 100%), radial-gradient(10px 20px at left, rgba(255, 255, 255, 0.05), transparent 100%), transparent;
  width: max-content;
  text-decoration: none;
}
#header #nav > grid .nav_item.highlighted {
  font-weight: 900;
}
#header #nav > grid .nav_item:first-child {
  background: radial-gradient(10px 20px at right, rgba(255, 255, 255, 0.05), transparent 100%), transparent;
}
#header #nav > grid .nav_item:last-child {
  background: radial-gradient(10px 20px at left, rgba(255, 255, 255, 0.05), transparent 100%), transparent;
}
#header #nav > grid .nav_item:hover {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  background: var(--unite-glass2);
  cursor: pointer;
}
#body,
#footer {
  grid-column: 1 / span 48;
}
#body > div,
#footer > div {
  padding: 16px;
}
#body > div:not(:first-child),
#footer > div:not(:first-child) {
  border-top: 2px solid var(--unite-light1);
}
#body .content.id_prices table,
#footer .content.id_prices table {
  width: 100%;
  margin: 16px;
  border-left: 2px solid var(--unite-bright9);
  padding: 8px;
}
#body .content.id_prices table thead,
#footer .content.id_prices table thead {
  font-weight: 900;
}
#body .content .wrapper.dark,
#footer .content .wrapper.dark {
  background-color: #15749c;
}
#body .content .wrapper:not(.dark),
#footer .content .wrapper:not(.dark) {
  color: var(--unite-text-dark);
}
#body .content .wrapper .container,
#footer .content .wrapper .container {
  margin: 32px;
  text-align: left;
}
#body .content .wrapper .container.txt-align-center,
#footer .content .wrapper .container.txt-align-center {
  text-align: center;
}
#body .content .wrapper .container .field,
#footer .content .wrapper .container .field {
  border-left: 2px solid var(--unite-light4);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 12px;
}
#body .content .wrapper .container h1,
#footer .content .wrapper .container h1,
#body .content .wrapper .container h2,
#footer .content .wrapper .container h2,
#body .content .wrapper .container h3,
#footer .content .wrapper .container h3,
#body .content .wrapper .container h4,
#footer .content .wrapper .container h4,
#body .content .wrapper .container h5,
#footer .content .wrapper .container h5 {
  text-align: center;
  border-bottom: 2px solid var(--unite-glass9);
  width: auto;
  width: max-content;
  margin: 0.83em auto;
}
#body .content .wrapper .container.size_default,
#footer .content .wrapper .container.size_default {
  max-width: 1200px;
  margin: 32px auto;
}
#body .content .wrapper .container.homepage_boxgrid_1,
#footer .content .wrapper .container.homepage_boxgrid_1 {
  grid-template-columns: 1fr 1fr;
  grid-gap: 2px;
  min-height: 500px;
  background-color: #737373;
}
#body .content .wrapper .container.homepage_boxgrid_1 > div,
#footer .content .wrapper .container.homepage_boxgrid_1 > div {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: 70px 32px auto;
  background-color: white;
  padding: 24px;
}
#body .content .wrapper .container.homepage_boxgrid_1 > div .icon,
#footer .content .wrapper .container.homepage_boxgrid_1 > div .icon {
  grid-row: 1;
  height: 64px;
  width: 64px;
  margin: 0 auto;
  border: none;
}
#body .content .wrapper .container.homepage_boxgrid_1 > div .icon.icon_quality,
#footer .content .wrapper .container.homepage_boxgrid_1 > div .icon.icon_quality {
  background-image: url(/static/img/quality.svg);
}
#body .content .wrapper .container.homepage_boxgrid_1 > div .icon.icon_speed,
#footer .content .wrapper .container.homepage_boxgrid_1 > div .icon.icon_speed {
  background-image: url(/static/img/speed.svg);
}
#body .content .wrapper .container.homepage_boxgrid_1 > div .icon.icon_efficiency,
#footer .content .wrapper .container.homepage_boxgrid_1 > div .icon.icon_efficiency {
  background-image: url(/static/img/efficiency.svg);
}
#body .content .wrapper .container.homepage_boxgrid_1 > div .icon.icon_qualified,
#footer .content .wrapper .container.homepage_boxgrid_1 > div .icon.icon_qualified {
  background-image: url(/static/img/qualified.svg);
}
#body .content .wrapper .container.homepage_boxgrid_1 > div .title,
#footer .content .wrapper .container.homepage_boxgrid_1 > div .title {
  font-size: 18px;
  font-weight: 900;
  text-align: center;
}
#body .content .wrapper .container.homepage_boxgrid_1 > div .text,
#footer .content .wrapper .container.homepage_boxgrid_1 > div .text {
  font-size: 16px;
  text-align: center;
}
#body .home_navblocks,
#footer .home_navblocks {
  grid-template-columns: repeat(2, 100px);
  grid-gap: 12px;
  position: relative;
  text-align: center;
  justify-content: center;
}
#body .home_navblocks > div,
#footer .home_navblocks > div {
  background: var(--unite-light1a);
  height: 100px;
  font-weight: 900;
  font-size: 14px;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  padding-top: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid var(--unite-light4);
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
}
#body .home_navblocks > div .icon,
#footer .home_navblocks > div .icon {
  height: 64px;
  width: 64px;
  margin: 0 auto;
  margin-top: 8px;
  border: none;
}
#body .home_navblocks > div .icon.icon_quality,
#footer .home_navblocks > div .icon.icon_quality {
  background-image: url(/static/img/quality.svg);
}
#body .home_navblocks > div .icon.icon_speed,
#footer .home_navblocks > div .icon.icon_speed {
  background-image: url(/static/img/speed.svg);
}
#body .home_navblocks > div .icon.icon_efficiency,
#footer .home_navblocks > div .icon.icon_efficiency {
  background-image: url(/static/img/efficiency.svg);
}
#body .home_navblocks > div .icon.icon_qualified,
#footer .home_navblocks > div .icon.icon_qualified {
  background-image: url(/static/img/qualified.svg);
}
#body .home_navblocks > div:hover,
#footer .home_navblocks > div:hover {
  border: 1px solid var(--unite-bright4);
}
#footer {
  grid-column: 1 / span 48;
  height: 128px;
  background-color: #323232;
  padding: 16px;
  display: block;
  justify-content: center;
  font-size: 12px;
  text-align: left;
  background-image: url("/static/img/noise_1A.png");
}
#footer .content {
  padding: 0px;
}
#footer .content .container {
  color: var(--unite-text-default);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
#footer .content .container > div {
  position: relative;
}
#footer .content .container > div p,
#footer .content .container > div span {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
}
/*# sourceMappingURL=global.css.map */