:root {

	
	--color-primary: var(--color-primary-500);
	--color-primary-dark: var(--color-primary-700);
	--color-primary-light: var(--color-primary-100);
	--color-secondary: var(--color-secondary-500);
	--color-text: var(--color-grey-700);
	--color-cta: var(--color-cta-400);
	--color-green: var(--color-green-400);
	--color-red: var(--color-red-400);
	--color-grey: var(--color-grey-500);

	
	--color-primary-100: #edf6f9;
	--color-primary-200: #c2e1eb;
	--color-primary-300: #27a9c8;
	--color-primary-400: #1c88a3;
	--color-primary-500: #00759a;
	--color-primary-600: #00526c;
	--color-primary-700: #003b4d;

	--color-secondary-100: #ffffe2;
	--color-secondary-200: #fef6c5;
	--color-secondary-300: #f9db8c;
	--color-secondary-400: #edba34;
	--color-secondary-500: #d49b00;
	--color-secondary-600: #7e5c00;
	--color-secondary-700: #5c4813;

	--color-cta-100: #feeadc;
	--color-cta-200: #fbb483;
	--color-cta-300: #ee7c2f;
	--color-cta-400: #d45500;
	--color-cta-500: #963c00;
	--color-cta-600: #6a2b01;
	--color-cta-700: #4b1f02;

	--color-green-100: #ecf9ee;
	--color-green-200: #b5e3be;
	--color-green-300: #4fc366;
	--color-green-400: #00a121;
	--color-green-500: #007819;
	--color-green-600: #095018;
	--color-green-700: #0b3514;

	--color-red-100: #fee9e7;
	--color-red-200: #fca59c;
	--color-red-300: #ee3e2b;
	--color-red-400: #ce1d00;
	--color-red-500: #a51700;
	--color-red-600: #751101;
	--color-red-700: #510c01;

	--color-grey-100: #f0f0f0;
	--color-grey-200: #e8e8e8;
	--color-grey-300: #c1c1c1;
	--color-grey-400: #aaa;
	--color-grey-500: #777;
	--color-grey-600: #666;
	--color-grey-700: #404040;

	
	--font-family-base: Assistant, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--font-family-headings: Gilroy;
	--font-family-buttons: Gilroy;
	--font-family-icons: Entypo;
	--font-family-monospace: monospace, monospace;
	--font-size-base: 20px;
	--font-size-h1: 30px;
	--font-size-h2: 24px;
	--font-size-h3: 18px;
	--font-size-h4: 16px;
	--font-size-h5: 14px;
	--line-height-base: 1.4;
	--line-height-headings: 1.2;

	
	--color-shadow: rgba(0, 0, 0, .2);
	--color-menu-background: rgba(255, 255, 255, .85);
	--color-menu-item-active: rgba(255, 255, 255, .5);
	--color-button-disabled: #ccba88;
	--menu-transition-duration: .15s;
	--backdrop-blur: blur(4px);
	--dropdown-shadow: 0 15px 25px var(--color-shadow);

}

@font-face {
	font-family: 'Entypo';
	src: url(../2.0.12.1/fonts/entypo.woff2) format('woff2'), url(../2.0.12.1/fonts/entypo.woff) format('woff');
	text-rendering: optimizeLegibility;
}

@font-face {
	font-family: 'Assistant';
	src: url(../2.0.12.1/fonts/Assistant-Regular.woff2) format('woff2'), url(../2.0.12.1/fonts/Assistant-Regular.woff) format('woff');
	font-style: normal;
	font-weight: 400;
	text-rendering: optimizeLegibility;
}

@font-face {
	font-family: 'Assistant';
	src: url(../2.0.12.1/fonts/Assistant-SemiBold.woff2) format('woff2'), url(../2.0.12.1/fonts/Assistant-SemiBold.woff) format('woff');
	font-style: normal;
	font-weight: 600;
	text-rendering: optimizeLegibility;
}

@font-face {
	font-family: 'Assistant';
	src: url(../2.0.12.1/fonts/Assistant-Bold.woff2) format('woff2'), url(../2.0.12.1/fonts/Assistant-Bold.woff) format('woff');
	font-style: normal;
	font-weight: 700;
	text-rendering: optimizeLegibility;
}

@font-face {
	font-family: 'Gilroy';
	src: url(../2.0.12.1/fonts/gilroy-regular.woff2) format('woff2'), url(../2.0.12.1/fonts/gilroy-regular.woff) format('woff');
	font-style: normal;
	font-weight: 400;
	text-rendering: optimizeLegibility;
}

@font-face {
	font-family: 'Gilroy';
	src: url(../2.0.12.1/fonts/gilroy-medium.woff2) format('woff2'), url(../2.0.12.1/fonts/gilroy-medium.woff) format('woff');
	font-style: normal;
	font-weight: 500;
	text-rendering: optimizeLegibility;
}

@font-face {
	font-family: 'Gilroy';
	src: url(../2.0.12.1/fonts/gilroy-semibold.woff2) format('woff2'), url(../2.0.12.1/fonts/gilroy-semibold.woff) format('woff');
	font-style: normal;
	font-weight: 600;
	text-rendering: optimizeLegibility;
}

@font-face {
	font-family: 'Gilroy';
	src: url(../2.0.12.1/fonts/gilroy-bold.woff2) format('woff2'), url(../2.0.12.1/fonts/gilroy-bold.woff) format('woff');
	font-style: normal;
	font-weight: 700;
	text-rendering: optimizeLegibility;
}

@font-face {
	font-family: 'Gilroy';
	src: url(../2.0.12.1/fonts/gilroy-extrabold.woff2) format('woff2'), url(../2.0.12.1/fonts/gilroy-extrabold.woff) format('woff');
	font-style: normal;
	font-weight: 800;
	text-rendering: optimizeLegibility;
}

html {
	height: 100%;
	font-family: var(--font-family-base);
}

body {
	display: flex;
	flex-direction: column;
	min-height: 100%;
	font-size: var(--font-size-base);
	color: var(--color-text);
	background-color: #fff;
	line-height: var(--line-height-base);
}

h1,
h2,
h3,
h4,
h5 {
	font-family: var(--font-family-headings);
	text-transform: uppercase;
	color: var(--color-primary);
}

h1 {
	margin-top: 0;
	font-size: 30px;
	line-height: var(--line-height-headings);
	font-weight: 600;
}

h2 {
	margin: 40px 0 10px 0;
	font-size: var(--font-size-h2);
	line-height: var(--line-height-headings);
}

h3 {
	font-size: var(--font-size-h3);
	margin: 40px 0 5px 0;
}

h4 {
	font-size: var(--font-size-h4);
	margin: 20px 0 5px 0;
}

h5 {
	font-size: var(--font-size-h5);
	margin: 20px 0 5px 0;
}

p {
	margin-top: 20px;
	margin-bottom: 20px;
}

p:first-child {
	margin-top: 0;
}

p:last-child {
	margin-bottom: 0;
}

a {
	color: var(--color-primary);
}

a:hover {
	text-decoration: none;
}

form h1,
form h2,
form h3,
form h4,
form a {
	color: inherit;
}

main a[target="_blank"]:not(.button):after {
	font-family: var(--font-family-icons);
	content: "";
	display: inline-block;
	padding-left: 5px;
}

code {
	font-size: 90%;
	line-height: 1.3;
}

small {
	font-size: 85%;
}

blockquote {
	margin: 40px 0;
	padding: 20px;
	font-size: 24px;
	text-align: center;
	color: var(--color-primary);
	background-color: var(--color-primary-100);
}

blockquote:first-child {
	margin-top: 0;
}

blockquote:last-child {
	margin-bottom: 0;
}

address {
	font-style: normal;
}

figure {
	display: inline-flex;
	margin: 0;
	padding: 5px;
	flex-wrap: wrap;
	border: 1px solid var(--color-primary-200);
}

figcaption {
	flex-basis: 100%;
	padding: 5px;
	font-size: 18px;
	font-style: italic;
	text-align: center;
	color: var(--color-primary);
}

[aria-role=tab] {
	cursor: default;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
.form-elements {
	margin: 0;
	position: relative;
}

form {
	padding: 40px;
	max-width: 520px;
	color: #fff;
	background-color: var(--color-primary);
}

form dt {
	font-size: 24px;
}

form dd {
	margin-left: 0;
	margin-top: 10px;
	margin-bottom: 20px;
	position: relative;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

dt.form-buttons {
	display: none;
}

dd.form-buttons {
	text-align: right;
	margin-bottom: 0;
}

button,
input,
optgroup,
select,
textarea {
	font-family: var(--font-family-base);
	line-height: var(--line-height-base);
}

input,
textarea,
select {
	box-sizing: border-box;
	padding: 11px 17px;
	width: 100%;
	line-height: var(--line-height-base);
	outline: none;
	border: none;
	color: var(--color-text);
	background: #fff;
}

input,
progress {
	accent-color: var(--color-secondary);
}

[type=text],
[type=email],
[type=url],
[type=search],
textarea {
	font-variant-ligatures: none;
}

select,
input:not([type=radio]):not([type=checkbox]) {
	border-radius: 0;
}

select {
	padding: 12px 13px;
}

[type=checkbox],
[type=radio] {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 5px;
	background-color: transparent;
}

label [type=checkbox],
label [type=radio] {
	position: relative;
	top: -1px;
	vertical-align: middle;
}

label + label {
	margin-left: 15px;
}

input:disabled:not([type=button], [type=submit]),
textarea:disabled,
select:disabled,
input[readonly] {
	background-color: #a3bac2;
	color: var(--color-primary-700);
}

.checklist {
	padding-left: 0;
	line-height: 1.25;
	list-style-type: none;
}

.checklist li + li {
	margin-top: 10px;
}

.checklist label {
	display: inline-block;
	padding-left: 25px;
}

.checklist label [type=radio],
.checklist label [type=checkbox] {
	margin-left: -25px;
}

form dd ul {
	padding: 0 0 0 20px;
}

.input-description,
.input-valid-message {
	color: #fff;
	margin: 10px 0 0 0;
}

.input-description:empty {
	display: none;
}

.input-valid-message {
	line-height: var(--line-height-headings);
	margin-top: 5px;
	padding: 3px 17px;
	background-color: var(--color-green-200);
	color: var(--color-secondary-600);
}

::placeholder {
	color: var(--color-grey);
	opacity: 1;
}


label.input-error,
span.input-error {
	position: relative;
	display: inline-block;
	padding: 3px 17px;
	margin-top: 5px;
	line-height: var(--line-height-headings);
	background-color: var(--color-red-200);
	color: var(--color-red-600);
}

label.input-error:before,
span.input-error:before {
	position: absolute;
	top: -20px;
	left: 17px;
	display: block;
	box-sizing: border-box;
	width: 20px;
	height: 20px;
	border: 10px solid transparent;
	border-bottom-color: var(--color-red-200);
	content: '';
}

label.input-valid,
span.input-valid {
	padding: 0;
	margin: 0;
}

label.input-valid:before,
span.input-valid:before {
	right: 17px;
	left: auto;
	font-size: 24px;
	border: 0;
	font-family: var(--font-family-icons);
	color: var(--color-green-400);
	content: "✓";
}

.input-error.input-error-checkbox,
.input-error.input-error-radio {
	display: table; 
	margin-left: 0;
	border-collapse: separate;
}

.input-valid.input-error-checkbox,
.input-valid.input-error-radio {
	display: inline;
	background-color: transparent;
}

.input-valid.input-error-checkbox:before,
.input-valid.input-error-radio:before {
	position: static;
	display: inline;
	margin-left: 10px;
	color: var(--color-green-300); 
}

.input-group + label.input-valid,
.input-group + span.input-valid {
	display: block;
}

.input-group + label.input-valid:before,
.input-group + span.input-valid:before {
	top: -40px;
}

label[for|=csrf] {
	display: none!important; 
}

.address-validation-output {
	margin: 10px 0 0 0;
}

.validated-address {
	padding: 10px 20px;
	background-color: var(--color-green-200);
	color: var(--color-green-600);
}

.validated-address [data-icon] {
	font-size: 18px;
	margin-right: 2px;
	color: var(--color-green-500);
}

.address-validation-country {
	margin-right: 20px;
}

.form-elements-address-validation-other {
	margin-top: 15px;
}

.input-loading {
	background-image: url(../2.0.12.1/img/loader-grey.gif);
	background-repeat: no-repeat;
	background-position: right 17px top 9px;
}

.input-loading + label.input-valid {
	visibility: hidden;
}


.field-button,
.input-group {
	display: flex;
}

.field-button > input,
.field-button > button,
.field-button > select,
.input-group-addon,
.input-group input,
.input-group select {
	flex-shrink: 0;
}

.field-button > [type=text],
.field-button > select,
.field-button > .input-group,
.input-group input,
.input-group select {
	width: 0;
	flex-grow: 1;
}

.input-group-addon {
	display: inline-block;
	background-color: var(--color-grey-200);
	color: var(--color-text);
	line-height: 2.3;
	white-space: nowrap;
	padding: 0 12px 0 14px;
}

.inline-form {
	max-width: none;
}


.form-columns {
	display: flex;
}

.form-column {
	display: block;
	margin-top: 15px;
	flex-grow: 1;
}

.form-column:nth-child(n+2) {
	margin-left: 20px;
}

.form-column .label-text {
	display: block; 
	margin-bottom: 10px;
	font-size: 24px;
}

.form-column-postcode {
	flex: 0 0 calc(50% - 10px);
}

.search-query-form-column {
	margin-top: 0;
}


.form-searchable-entity {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
}

.form-searchable-entity > label {
	margin: 40px 40px 0 0;
}

.form-searchable-entity > label:last-child {
	margin-right: 0;
}

.search-query-form-column {
	flex: 0 0 100%;
}

.search-query-form-column label.input-error,
.search-query-form-column span.input-error {
	padding: 5px 0 0 35px;
}

.search-query-field-button {
	width: 100%;
}

.search-query-label {
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.search-query-label input:last-child {
	border-radius: 0;
	border-right-width: 0;
}


.select2-container .select2-selection--single {
	height: 50px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
	padding: 0 17px;
}

.select2-dropdown,
.select2-container--default .select2-selection--single {
	border: 0;
	border-radius: 0;
}

.select2-dropdown {
	box-shadow: 0 7px 8px rgba(0, 0, 0, .15);
}

.select2-results,
.select2-results__option {
	padding: 10px;
}

.select2-search--dropdown {
	padding: 10px 10px 0 10px;
}

.select2-results__message,
.select2-results__option[aria-disabled=true] {
	padding-left: 0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 50px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder,
.select2-container--default .select2-results__option[aria-disabled=true] {
	color: var(--color-primary);
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 50px;
	top: 0;
	right: 0;
}

.select2-search--dropdown .select2-search__field {
	padding: 11px 17px;
	background: url(../2.0.12.1/img/icons/search.svg) no-repeat center right 17px;
	background-size: 24px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	border-color: var(--color-primary);
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: var(--color-primary);
}

button,
.button,
[type=button],
[type=submit] {
	display: inline-block;
	text-decoration: none;
	line-height: 28px;
	border: 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-transform: uppercase;
	overflow: hidden;
	width: auto;
	max-width: 100%;
	vertical-align: middle;
	font-family: var(--font-family-buttons);
	color: var(--color-secondary-500);
	transition: background-color .1s;
	cursor: pointer;
}

.button:hover,
.button:focus {
	color: var(--color-secondary-600);
}

button,
[type=submit],
.button-primary,
.button-cta {
	padding: 6px 20px;
	font-size: 24px;
	font-weight: 800;
	color: #fff;
	cursor: default;
}

button,
[type=submit],
.button-primary {
	background-color: var(--color-secondary-500);
}

button:hover,
button:focus,
[type=submit]:hover,
[type=submit]:focus,
.button-primary:hover,
.button-primary:focus {
	color: #fff;
	background-color: var(--color-secondary-600);
}

button:disabled,
[type=submit]:disabled {
	background-color: #ccba88;
}

[type=button],
[type=button]:disabled,
.button-secondary,
.button-secondary:disabled {
	padding: 0;
	font-size: 20px;
	font-weight: 400;
	text-transform: uppercase;
	background-color: transparent;
	color: var(--color-secondary-500);
	cursor: pointer;
}

[type=button]:hover,
[type=button]:focus,
.button-secondary:hover,
.button-secondary:focus {
	color: var(--color-secondary-600);
	background-color: transparent;
}

[type=button]:disabled,
.button-secondary:disabled {
	color: #b3974d;
}

.button-cta {
	background-color: var(--color-cta-400);;
}

.button-cta:hover,
.button-cta:focus {
	color: #fff;
	background-color: var(--color-cta-500);
}

.button-cta:disabled {
	background-color: #bf8b69;
}

button[type=button]:after,
button.button-secondary:after,
.button:after {
	display: inline-block;
	margin-left: 10px;
	width: 22px;
	height: 28px;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyMiAyOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxwYXRoIGQ9Im0xIDEuODA4MSAyMCAxMi4xNC0yMCAxMi4yNDQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2Q0OWIwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) no-repeat 0 0;
	vertical-align: top;
	content: '';
}

.button:hover:after,
.button:focus:after,
button[type=button]:hover:after,
button[type=button]:focus:after,
button.button-secondary:hover:after,
button.button-secondary:focus:after {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyMiAyOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxwYXRoIGQ9Im0xIDEuODA4MSAyMCAxMi4xNC0yMCAxMi4yNDQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzdlNWMwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}

.button:disabled:after,
button[type=button]:disabled:after,
button.button-secondary:disabled:after {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyMiAyOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxwYXRoIGQ9Im0xIDEuODA4MSAyMCAxMi4xNC0yMCAxMi4yNDQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2IzOTc0ZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}

button:after,
.button-primary:after,
.button-cta:after {
	content: none;
}

button[data-icon]:before,
.button[data-icon]:before {
	display: inline;
	margin: 0 7px 0 0;
	font-size: 20px;
	line-height: 1;
	font-weight: normal;
	font-style: normal;
	vertical-align: 0;
	font-family: var(--font-family-icons);
	content: ' ' attr(data-icon);
}

button[data-icon]:before,
.button-primary[data-icon]:before,
.button-cta[data-icon]:before {
	margin-left: -5px;
	vertical-align: 1px;
}

button[type=button][data-icon]:before,
button.button-secondary[data-icon]:before {
	margin-left: 0;
	vertical-align: 0;
}

.button-small {
	font-size: 16px;
	line-height: 22px;
}

button.button-small,
[type=submit].button-small,
.button-primary.button-small,
.button-cta.button-small {
	padding: 0 15px;
	line-height: 28px;
}

[type=button].button-small,
.button-secondary.button-small {
	padding: 0;
	line-height: 22px;
}

.button-small[data-icon]:before {
	font-size: 16px;
	vertical-align: 0;
}

.button-small:after,
button[type=button].button-small:after,
button.button-secondary.button-small:after {
	height: 22px;
	width: 18px;
}

.button-large {
	font-size: 28px;
	line-height: 48px;
}

button.button-large,
[type=submit].button-large,
.button-primary.button-large,
.button-cta.button-large {
	padding: 10px 30px;
	font-size: 32px;
}

[type=button].button-large,
.button-secondary.button-large {
	padding: 0;
	font-size: 28px;
}

.button-large[data-icon]:before {
	margin: 0 10px 0 0;
	font-size: 28px;
}

.button-secondary.button-small,
.button-secondary.button-large {
	padding: 0;
}

button.button-large[data-icon]:before,
.button-primary.button-large[data-icon]:before,
.button-cta.button-large[data-icon]:before {
	margin-left: -10px;
}

button[type=button].button-large[data-icon]:before,
button.button-secondary.button-large[data-icon]:before {
	margin-left: 0;
}

.button-large:after,
button[type=button].button-large:after,
button.button-secondary.button-large:after {
	width: 40px;
	height: 48px;
}

.button-glyph {
	width: 28px;
	line-height: 28px;
	padding: 0;
	text-align: center;
}

.button-glyph-icon {
	font-size: 20px;
	font-weight: 400;
	font-family: var(--font-family-icons);
}

.button-glyph:after,
button.button-glyph:after {
	content: none;
}

button.button-glyph,
[type=submit].button-glyph,
.button-primary.button-glyph,
.button-cta.button-glyph {
	width: 40px;
	line-height: 40px;
}

[type=button].button-glyph,
.button-secondary.button-glyph {
	width: 28px;
	line-height: 28px;
}

.button-glyph.button-small,
[type=button].button-glyph.button-small,
.button-secondary.button-glyph.button-small {
	font-size: 16px;
	width: 22px;
	line-height: 22px;
	padding: 0;
}

button.button-glyph.button-small,
[type=submit].button-glyph.button-small,
.button-primary.button-glyph.button-small,
.button-cta.button-glyph.button-small {
	width: 28px;
	line-height: 28px;
}

.button-glyph.button-large,
[type=button].button-glyph.button-large,
.button-secondary.button-glyph.button-large {
	width: 48px;
	line-height: 48px;
	padding: 0;
}

button.button-glyph.button-large,
[type=submit].button-glyph.button-large,
.button-primary.button-glyph.button-large,
.button-cta.button-glyph.button-large {
	width: 68px;
	line-height: 68px;
}

.button-glyph-icon.button-large {
	font-size: 28px;
}

.button-previous:after,
.button-cancel:after,
[type=button].button-previous:after,
[type=button].button-cancel:after {
	content: none;
}

.button-previous:before,
.button-cancel:before {
	display: inline-block;
	margin-right: 10px;
	width: 22px;
	height: 28px;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyMiAyOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxwYXRoIGQ9Im0xIDEuODA4MSAyMCAxMi4xNC0yMCAxMi4yNDQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2Q0OWIwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) no-repeat 0 0;
	transform: scaleX(-1);
	vertical-align: top;
	content: '';
}

.button-previous:hover:before,
.button-previous:focus:before,
.button-cancel:hover:before,
.button-cancel:focus:before {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyMiAyOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxwYXRoIGQ9Im0xIDEuODA4MSAyMCAxMi4xNC0yMCAxMi4yNDQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzdlNWMwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}

.button-cancel-form {
	margin-right: 20px;
}

.button-cancel-form:hover,
.button-cancel-form:focus {
	color: #fff;
}

.button-cancel-form:hover:before,
.button-cancel-form:focus:before {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyMiAyOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxwYXRoIGQ9Im0xIDEuODA4MSAyMCAxMi4xNC0yMCAxMi4yNDQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}

.button-next {
	padding-right: 40px;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyMiAyOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxwYXRoIGQ9Im0xIDEuODA4MSAyMCAxMi4xNC0yMCAxMi4yNDQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 22px;
}

.button-positive,
button[type=button].button-positive,
button.button-secondary.button-positive {
	color: var(--color-green-400);
	background-color: transparent;
}

.button-positive:hover,
.button-positive:focus,
button[type=button].button-positive:hover,
button[type=button].button-positive:focus,
button.button-secondary.button-positive:hover,
button.button-secondary.button-positive:focus {
	color: var(--color-green-500);
	background-color: transparent;
}

.button-positive:disabled,
button[type=button].button-positive:disabled,
button.button-secondary.button-positive:disabled {
	color: #75a37f;
	background-color: transparent;
}

button.button-positive,
[type=submit].button-positive,
.button-primary.button-positive,
.button-cta.button-positive {
	color: #fff;
	background-color: var(--color-green-400);
}

button.button-positive:hover,
button.button-positive:focus,
[type=submit].button-positive:hover,
[type=submit].button-positive:focus,
.button-primary.button-positive:hover,
.button-primary.button-positive:focus,
.button-cta.button-positive:hover,
.button-cta.button-positive:focus {
	color: #fff;
	background-color: var(--color-green-500);
}

button.button-positive:disabled,
[type=submit].button-positive:disabled {
	color: #fff;
	background-color: #83af8c;
}

.button-positive:after,
button[type=button].button-positive:after,
button.button-secondary.button-positive:after {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyMiAyOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxwYXRoIGQ9Im0xIDEuODA4MSAyMCAxMi4xNC0yMCAxMi4yNDQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwYTEyMSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}

.button-positive:hover:after,
.button-positive:focus:after,
button[type=button].button-positive:hover:after,
button[type=button].button-positive:focus:after,
button.button-secondary.button-positive:hover:after,
button.button-secondary.button-positive:focus:after {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyMiAyOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxwYXRoIGQ9Im0xIDEuODA4MSAyMCAxMi4xNC0yMCAxMi4yNDQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwNzgxOSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}

.button-positive:disabled:after,
button[type=button].button-positive:disabled:after,
button.button-secondary.button-positive:disabled:after {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyMiAyOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxwYXRoIGQ9Im0xIDEuODA4MSAyMCAxMi4xNC0yMCAxMi4yNDQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzc1YTM3ZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}

.button-negative,
button[type=button].button-negative,
button.button-secondary.button-negative {
	color: var(--color-red-400);
	background-color: transparent;
}

.button-negative:hover,
.button-negative:focus,
button[type=button].button-negative:hover,
button[type=button].button-negative:focus,
button.button-secondary.button-negative:hover,
button.button-secondary.button-negative:focus {
	color: var(--color-red-500);
	background-color: transparent;
}

.button-negative:disabled,
button[type=button].button-negative:disabled,
button.button-secondary.button-negative:disabled {
	color: #c27c70;
	background-color: transparent;
}

button.button-negative,
[type=submit].button-negative,
.button-primary.button-negative,
.button-cta.button-negative {
	color: #fff;
	background-color: var(--color-red-400);
}

button.button-negative:hover,
button.button-negative:focus,
[type=submit].button-negative:hover,
[type=submit].button-negative:focus,
.button-primary.button-negative:hover,
.button-primary.button-negative:focus,
.button-cta.button-negative:hover,
.button-cta.button-negative:focus {
	color: #fff;
	background-color: var(--color-red-500);
}

button.button-negative:disabled,
[type=submit].button-negative:disabled {
	color: #fff;
	background-color: #cc7466;
}

.button-negative:after,
button[type=button].button-negative:after,
button.button-secondary.button-negative:after {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyMiAyOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxwYXRoIGQ9Im0xIDEuODA4MSAyMCAxMi4xNC0yMCAxMi4yNDQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2NlMWQwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}

.button-negative:hover:after,
.button-negative:focus:after,
button[type=button].button-negative:hover:after,
button[type=button].button-negative:focus:after,
button.button-secondary.button-negative:hover:after,
button.button-secondary.button-negative:focus:after {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyMiAyOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxwYXRoIGQ9Im0xIDEuODA4MSAyMCAxMi4xNC0yMCAxMi4yNDQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2E1MTcwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}

.button-negative:disabled:after,
button[type=button].button-negative:disabled:after,
button.button-secondary.button-negative:disabled:after {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyMiAyOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxwYXRoIGQ9Im0xIDEuODA4MSAyMCAxMi4xNC0yMCAxMi4yNDQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2MyN2M3MCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}

.button-social {
	position: relative;
	padding-left: 40px;
	font-size: 28px;
	font-weight: 400;
	color: #fff;
}

.button-social:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	font-family: var(--font-family-icons);
}

.button-social-twitter {
	background-color: #1da1f2;
}

.button-social-twitter:before {
	content: '';
}

.button-social-twitter:hover,
.button-social-twitter:focus {
	background-color: #4cb4f4; 
}

.button-social-facebook {
	background-color: #3b5998;
}

.button-social-facebook:before {
	content: '';
}

.button-social-facebook:hover,
.button-social-facebook:focus {
	background-color: #4b6db9; 
}

.button-social-google {
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+Cgk8cGF0aCBkPSJtNDMuNjExIDIwLjA4M2gtMS42MTF2LTAuMDgzaC0xOHY4aDExLjMwM2MtMS42NDkgNC42NTctNi4wOCA4LTExLjMwMyA4LTYuNjI3IDAtMTItNS4zNzMtMTItMTJzNS4zNzMtMTIgMTItMTJjMy4wNTkgMCA1Ljg0MiAxLjE1NCA3Ljk2MSAzLjAzOWw1LjY1Ny01LjY1N2MtMy41NzItMy4zMjktOC4zNS01LjM4Mi0xMy42MTgtNS4zODItMTEuMDQ1IDAtMjAgOC45NTUtMjAgMjBzOC45NTUgMjAgMjAgMjAgMjAtOC45NTUgMjAtMjBjMC0xLjM0MS0wLjEzOC0yLjY1LTAuMzg5LTMuOTE3eiIgZmlsbD0iI0ZGQzEwNyIvPgoJPHBhdGggZD0iTTYuMzA2LDE0LjY5MWw2LjU3MSw0LjgxOUMxNC42NTUsMTUuMTA4LDE4Ljk2MSwxMiwyNCwxMmMzLjA1OSwwLDUuODQyLDEuMTU0LDcuOTYxLDMuMDM5bDUuNjU3LTUuNjU3QzM0LjA0Niw2LjA1MywyOS4yNjgsNCwyNCw0QzE2LjMxOCw0LDkuNjU2LDguMzM3LDYuMzA2LDE0LjY5MXoiIGZpbGw9IiNGRjNEMDAiLz4KCTxwYXRoIGQ9Ik0yNCw0NGM1LjE2NiwwLDkuODYtMS45NzcsMTMuNDA5LTUuMTkybC02LjE5LTUuMjM4QzI5LjIxMSwzNS4wOTEsMjYuNzE1LDM2LDI0LDM2Yy01LjIwMiwwLTkuNjE5LTMuMzE3LTExLjI4My03Ljk0NmwtNi41MjIsNS4wMjVDOS41MDUsMzkuNTU2LDE2LjIyNyw0NCwyNCw0NHoiIGZpbGw9IiM0Q0FGNTAiLz4KCTxwYXRoIGQ9Ik00My42MTEsMjAuMDgzSDQyVjIwSDI0djhoMTEuMzAzYy0wLjc5MiwyLjIzNy0yLjIzMSw0LjE2Ni00LjA4Nyw1LjU3MWMwLjAwMS0wLjAwMSwwLjAwMi0wLjAwMSwwLjAwMy0wLjAwMmw2LjE5LDUuMjM4QzM2Ljk3MSwzOS4yMDUsNDQsMzQsNDQsMjRDNDQsMjIuNjU5LDQzLjg2MiwyMS4zNSw0My42MTEsMjAuMDgzeiIgZmlsbD0iIzE5NzZEMiIvPgo8L3N2Zz4K);
	background-size: 80%;
}

.button-social-google:hover,
.button-social-google:focus {
	background-color: #f0f0f0;
}

.button-social-linkedin {
	background-color: #0077b5;
}

.button-social-linkedin:before {
	content: '';
}

.button-social-linkedin:hover,
.button-social-linkedin:focus {
	background-color: #008bd6; 
}


.button-loading {
	padding-left: 23px;
	background-image: url(../2.0.12.1/img/loader-gold.gif);
	background-repeat: no-repeat;
	background-position: 0 center;
	background-size: 16px;
}

.button-loading:hover,
.button-loading:focus {
	background-image: url(../2.0.12.1/img/loader-gold-hover.gif);
}

button.button-loading,
[type=submit].button-loading,
.button-primary.button-loading,
.button-cta.button-loading {
	padding-left: 40px;
	background-position: 13px center;
}

button.button-loading,
[type=submit].button-loading,
.button-primary.button-loading {
	background-image: url(../2.0.12.1/img/loader-gold-inverted.gif);
}

button.button-loading:hover,
button.button-loading:focus,
[type=submit].button-loading:hover,
[type=submit].button-loading:focus,
.button-primary.button-loading:hover,
.button-primary.button-loading:focus {
	background-image: url(../2.0.12.1/img/loader-gold-inverted-hover.gif);
}

button.button-loading:disabled,
[type=submit].button-loading:disabled {
	background-image: url(../2.0.12.1/img/loader-gold-inverted-disabled.gif);
}

[type=button].button-loading,
.button-secondary.button-loading {
	padding-left: 23px;
	background-position: 0 center;
	background-image: url(../2.0.12.1/img/loader-gold.gif);
}

[type=button].button-loading:hover,
[type=button].button-loading:focus,
.button-secondary.button-loading:hover,
.button-secondary.button-loading:focus {
	background-image: url(../2.0.12.1/img/loader-gold-hover.gif);
}

[type=button].button-loading:disabled,
.button-secondary.button-loading:disabled {
	background-image: url(../2.0.12.1/img/loader-gold-disabled.gif);
}

.button-cta.button-loading {
	background-image: url(../2.0.12.1/img/loader-cta.gif);
}

.button-cta.button-loading:hover,
.button-cta.button-loading:focus {
	background-image: url(../2.0.12.1/img/loader-cta-hover.gif);
}

.button-cta.button-loading:disabled {
	background-image: url(../2.0.12.1/img/loader-cta-disabled.gif);
}

.button-positive.button-loading {
	background-image: url(../2.0.12.1/img/loader-green.gif);
}

.button-positive.button-loading:hover,
.button-positive.button-loading:focus {
	background-image: url(../2.0.12.1/img/loader-green.gif);
}

.button-positive.button-loading:disabled {
	background-image: url(../2.0.12.1/img/loader-green-disabled.gif);
}

.button-negative.button-loading {
	background-image: url(../2.0.12.1/img/loader-red.gif);
}

.button-negative.button-loading:hover,
.button-negative.button-loading:focus {
	background-image: url(../2.0.12.1/img/loader-red.gif);
}

.button-negative.button-loading:disabled {
	background-image: url(../2.0.12.1/img/loader-red-disabled.gif);
}
.has-sidebar #flash-messages {
	width: auto;
}

.alert {
	position: relative;
	background-color: var(--color-primary-light);
	color: var(--color-primary-600);
	padding: 20px 40px;
}

#flash-messages .alert {
	margin-bottom: 20px;
}

header #flash-messages .alert:first-child {
	margin-top: 20px;
}

.masthead + #flash-messages .alert:last-child {
	margin-bottom: 50px;
}

main #flash-messages {
	padding: 0;
}

.alert:before {
	font-family: var(--font-family-icons);
	content: "ℹ";
	position: absolute;
	display: block;
	left: 15px;
	top: 21px;
	z-index: 1;
	color: var(--color-primary);
}

.alert > :first-child {
	margin-top: 0;
}

.alert > :last-child {
	margin-bottom: 0;
}

.alert-success {
	background-color: var(--color-green-100);
	color: var(--color-green-600);
}

.alert-success:before {
	content: "✓";
	color: var(--color-green-500);
}

.alert.error,
.alert-error {
	background-color: var(--color-red-100);
	color: var(--color-red-600);
}

.alert-error:before {
	content: "✖";
	color: var(--color-red-500);
}

.alert.warning,
.alert-warning {
	background-color: var(--color-secondary-100);
	color: var(--color-secondary-700);
}

.alert-warning:before {
	content: "⚠";
	color: var(--color-secondary-500);
}

.alert-close {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	padding: 22px 0 0 0;
	margin: 0;
	width: 50px;
	opacity: .2;
	color: #000;
	font-size: 20px;
	cursor: pointer;
	text-align: center;
	line-height: 0;
}

.alert-close:hover {
	opacity: .5;
}

.alert li {
	list-style-type: none;
}

.content-wrapper {
	box-sizing: border-box;
	width: 1280px;
	margin: 0 auto;
}

.has-sidebar {
	display: flex;
	align-items: flex-start;
}

.well {
	position: relative;
	background: var(--color-primary-light);
	padding: 20px 40px;
}

.well .well {
	background: transparent;
	padding: 0;
}

.well > :first-child {
	margin-top: 0;
}

.well > :last-child {
	margin-bottom: 0;
}

.well-high-contrast {
	background-color: var(--color-text);
	color: #fff;
}

.well-high-contrast h2,
.well-high-contrast h3,
.well-high-contrast h4,
.well-high-contrast a:not(.button) {
	color: inherit;
}

.well-highlight {
	background-color: var(--color-primary-300);
	color: #fff;
}

.well-highlight h1,
.well-highlight h2,
.well-highlight h3,
.well-highlight h4 {
	color: inherit;
}

.well-cta {
	padding-bottom: 60px;
}

.well-cta-content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #fff;
}

.well-cta-content + .well-cta-content {
	margin-top: 40px;
}

.well-cta-content p {
	flex-basis: 80%;
}

.well-cta-content .button {
	text-overflow: unset;
}

.well-title {
	display: inline-block;
	position: relative;
	top: -45px;
	padding: 10px 30px;
	margin: 0 0 -45px 0;
	background-color: var(--color-primary-400);
	color: #fff;
}

.well-title + p {
	margin-top: 0;
}

.dl-compact {
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	border-color: #ddd;
}

.dl-compact > dt {
	font-weight: bold;
	float: left;
	min-width: 180px;
	padding: 10px 0;
	border-top: 1px solid;
	border-color: inherit;
}

.dl-compact > dd {
	padding: 10px 0;
	margin: 0;
	overflow: hidden;
	border-top: 1px solid;
	border-color: inherit;
}

.dl-compact > dd + dd {
	padding-left: 180px;
}

.dl-compact > dd:empty:before {
	content: '\00A0'; 
}

.dl-compact > :nth-child(-n+2) {
	border-top: 0;
}

.dl-compact-extended > dt {
	width: 270px;
}

.dl-compact-extended > dd + dd {
	padding-left: 270px;
}

.dl-compact-glyph > dt {
	width: 25px;
	min-width: 0;
	text-align: center;
}

.dl-compact-glyph > dd + dd {
	padding-left: 25px;
}

.dl-compact dd > ul,
.dl-compact dd > ol {
	margin-top: 0;
	margin-bottom: 0;
}

.dl-compact-controls {
	float: right;
	text-align: right;
}

.dl-compact-controls form {
	display: inline;
	padding: 0;
	background-color: transparent;
}

.dl-long {
	margin: 20px 0;
	border-color: #ddd;
}

.dl-long > dt {
	font-weight: 700;
}

.dl-long > dt ~ dt {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid;
	border-color: inherit;
}

.dl-long > dd {
	margin: 0;
}

.well.dl-compact,
.well.dl-long,
.well .dl-compact,
.well .dl-long {
	border-color: var(--color-primary-200);
}

.flex-container {
	display: flex;
	justify-content: space-between;
	gap: 50px;
}


.main-content {
	padding-top: 40px;
	flex-grow: 1;
}

.main-content > section {
	margin-top: 40px;
}

.main-content > section > :first-child {
	margin-top: 0;
}

.main-content > section header {
	margin-bottom: 10px;
}

.main-content-header {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 40px;
}

.main-content-header h1,
.main-content-header h2 {
	flex: 1 1 50%;
	margin: 0 10px 10px 0;
}

.main-content-header nav,
.main-content-header form {
	text-align: right;
}

.main-content-header .button + .button {
	margin-left: 10px;
}

.main-content-header-subheading {
	flex: 1 0 100%;
	margin-top: 10px;
	font-size: 16px;
}

.main-content-header-subheading > span {
	margin-right: 10px;
}

.main-content-header-subheading img {
	vertical-align: text-bottom;
}

.main-content-header-subheading > span ~ span:before {
	display: inline-block;
	padding-right: 10px;
	font-size: 20px;
	line-height: 16px;
	vertical-align: middle;
	content: ""; 
	font-family: var(--font-family-icons);
}


.page-footer {
	margin-top: auto;
	padding: 40px 0 60px 0;
	border-top: 80px solid #fff;
	font-size: 16px;
	font-family: var(--font-family-headings);
	color: #fff;
	background-color: var(--color-primary-dark);
}

.page-footer h4,
.page-footer a {
	color: inherit;
	font-size: inherit;
}

.page-footer h4 {
	font-weight: 600;
}

.page-footer-columns {
	display: flex;
	padding: 0 20px;
	justify-content: center;
	flex-wrap: wrap;
	gap: 50px 100px;
}

.page-footer-column > ul {
	margin: 0;
	padding: 0;
	line-height: 1.6;
	list-style-type: none;
}

.page-footer-column > ul > ul {
	padding-left: 20px;
	list-style-type: disc;
}

.page-footer-items {
	margin: auto;
	padding: 0 20px;
	text-align: center;
}

.page-footer-items > li {
	display: inline-block;
	margin: 0 20px 10px 0;
}

.page-footer-items > a {
	margin-right: 10px;
}

.page-footer-copyright {
	box-sizing: border-box;
	flex: 0 0 100%;
	padding: 40px 20px;
	text-align: center;
	opacity: .65;
}


.wizard-steps {
	display: flex;
	background-color: var(--color-primary-light);
	margin: 0;
	padding: 20px 40px;
	list-style-type: none;
	counter-reset: wizard-step;
}

.wizard-step {
	position: relative;
	flex: 1 1 100%;
	text-align: center;
	border-bottom: 5px solid var(--color-primary-200);
	padding: 60px 5px 10px 5px;
}

.wizard-step:first-child {
	padding-left: 0;
}

.wizard-step:last-child {
	padding-right: 0;
}

.wizard-step-isActive,
.wizard-step-isDone {
	border-color: var(--color-primary);
}

.wizard-step a {
	font-weight: bold;
}

.wizard-step a:before {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 50%;
	counter-increment: wizard-step;
	content: counter(wizard-step);
	border: 5px solid var(--color-primary-200);
	border-radius: 50%;
	width: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 24px;
	font-family: var(--font-family-headings);
	margin: 0 0 10px -25px;
}

.wizard-step-isEnabled a:before {
	background: transparent;
}

.wizard-step-isDone a:before {
	background-color: var(--color-primary-200);
	border-color: transparent;
	content: '✓';
	font-family: var(--font-family-icons);
	font-weight: normal;
}

.wizard-step-isActive a:before {
	background-color: transparent;
	border-color: var(--color-primary);
	color: var(--color-primary);
	content: '✎';
	font-family: var(--font-family-icons);
	font-weight: normal;
}

.wizard-step-isEnabled.wizard-step-isActive a:before {
	background-color: transparent;
}

.wizard-step-isEnabled.wizard-step-isDone a:before {
	background-color: var(--color-primary);
	color: #fff;
}

.postcodenl-dropdown {
	position: relative;
	background-color: #fff;
	color: var(--color-text);
}

.postcodenl-dropdown-options {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 500;
	padding: 0;
	margin: 0;
	min-width: 100%;
	max-height: 600px;
	overflow-y: auto;
	list-style: none;
	border-top: 1px solid var(--color-primary-400);
	background-color: inherit;
	box-shadow: var(--dropdown-shadow);
}

.postcodenl-dropdown-option,
.postcodenl-dropdown-label {
	display: block;
	max-width: calc(100vw - 72px);
	margin: 0;
	padding: 15px 20px;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: default;
	user-select: none;
}

.postcodenl-dropdown-option-focus {
	background-color: var(--color-primary);
	color: #fff;
}

.postcodenl-dropdown-label {
	max-width: calc(100% - 50px);
	height: calc(100% - 30px);
}

.postcodenl-dropdown-label:before {
	position: absolute;
	top: calc(50% - 2px);
	right: 10px;
	display: block;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-top-color: inherit;
	content: '';
}

.postcodenl-dropdown-api-countries [data-value] {
	padding-left: 60px;
	background-repeat: no-repeat;
	background-position: 20px center;
	background-size: 24px;
}

.tooltip {
	position: absolute;
	padding: 20px;
	font-size: 18px;
	border-radius: 20px;
	background-color: var(--color-secondary-100);
	color: var(--color-secondary-700);
	box-shadow: 0 5px 20px var(--color-shadow);
}

.tooltip:before {
	position: absolute;
	border: 15px solid transparent;
	content: '';
}

.tooltip a {
	color: var(--color-primary-600);
}


.cookie-banner {
	position: fixed;
	z-index: 2000;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	padding: 10px 40px;
	line-height: 1.25;
	justify-content: center;
	background-color: var(--color-primary);
	color: #fff;
	box-shadow: 0 -5px 20px rgba(0, 59, 77, .2);
}

.cookie-banner-content {
	margin: 0;
}

.cookie-banner-content a {
	color: inherit;
}

.cookie-consent-controls {
	white-space: nowrap;
	margin-left: 40px;
}

.cookie-consent-control-decline {
	color: #fff;
	margin-right: 15px;
}

.cookie-consent-control-accept {
	font-size: 16px;
}

.cookie-banner-dismissed {
	transition: bottom .5s ease-out;
	bottom: -300px;
}

.cookie-logtrackingconsent-form {
	display: none;
}

.js-tracking-cookies-form {
	max-width: none;
}

.js-tracking-cookies-form .checklist {
	margin: 0;
}

.js-tracking-cookies-form .alert {
	margin-top: 20px;
}

.js-link-cookie-banner-more {
	display: none;
}


.api-tiers {
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
}

.api-tier {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex: 0 0 calc(20% - 20px);
	flex-basis: calc(20% - 20px);
	font-size: 16px;
	text-align: center;
	background-color: var(--color-primary-light);
}

.api-tier h4 {
	font-size: 18px;
	line-height: var(--line-height-headings);
	margin: 30px 0 10px 0;
	font-weight: 600;
}

.api-tier h5 {
	margin: 20px 0 5px 0;
	font-size: 16px;
	font-weight: 600;
}

.api-tier-head {
	position: relative;
	text-align: center;
	background-color: var(--color-primary);
	color: #fff;
}

.api-tier-head h3 {
	margin: 0;
	padding: 30px 0;
	font-weight: 400;
	color: inherit;
}

.api-tier-head .api-tier-price {
	display: block;
	font-size: 30px;
	font-weight: 500;
	color: var(--color-primary-100);
}

.api-tier-body {
	padding: 0 20px;
	margin-bottom: auto;
}

.api-tier-unit-rates {
	margin: 0;
}

.api-tier-unit-rates dt {
	margin-top: 20px;
}

.api-tier-unit-rates dd {
	margin: 5px 0 0 0;
}

.api-tier-unit-rate {
	white-space: nowrap;
	display: block;
}

.api-tier-rate-limit {
	margin-top: 20px;
}

.api-tier-rate-limit h5 {
	margin: 0;
}

.api-tier-footer {
	margin: 30px 0 0 0;
	padding: 30px 0;
	background-color: var(--color-primary);
	color: #fff;
}

.api-tier-promo {
	border: 3px solid var(--color-secondary-500);
}

.api-tier-promo .api-tier-head h3 {
	padding-top: 15px;
	padding-bottom: 42px;
}

.api-tier-promo-message {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	font-size: 20px;
	padding: 2px;
	font-weight: 600;
	background-color: var(--color-secondary-500);
}

.connect-social-buttons {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: 0;
}
.connect-social-buttons form {
	margin: 0;
	padding: 0;
	background-color: transparent;
}

.connect-social-buttons form + form {
	margin-left: 20px;
}

.main-selling-points {
	margin-top: -70px;
	margin-bottom: 80px;
	text-align: center;
}

.main-selling-points-heading {
	font-size: 22px;
	padding: 40px;
	font-weight: 500;
	background-color: #00759a;
	color: #fff;
}

.main-selling-points-item-heading {
	margin: 0;
	font-size: 20px;
}

.main-selling-points ul {
	display: flex;
	padding: 0 20px;
	list-style-type: none;
	background-color: #edf6f9;
	background: linear-gradient(#edf6f9, #fff);
}

.main-selling-points li {
	padding: 100px 20px 40px 20px;
	background-repeat: no-repeat;
	background-position: center 40px;
}


.main-selling-points-input {
	background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhciIgZGF0YS1pY29uPSJrZXlib2FyZCIgY2xhc3M9InN2Zy1pbmxpbmUtLWZhIGZhLWtleWJvYXJkIGZhLXctMTgiIHJvbGU9ImltZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTc2IDUxMiI+PHBhdGggZmlsbD0iI2Q0OWIwMCIgZD0iTTUyOCA2NEg0OEMyMS40OSA2NCAwIDg1LjQ5IDAgMTEydjI4OGMwIDI2LjUxIDIxLjQ5IDQ4IDQ4IDQ4aDQ4MGMyNi41MSAwIDQ4LTIxLjQ5IDQ4LTQ4VjExMmMwLTI2LjUxLTIxLjQ5LTQ4LTQ4LTQ4em04IDMzNmMwIDQuNDExLTMuNTg5IDgtOCA4SDQ4Yy00LjQxMSAwLTgtMy41ODktOC04VjExMmMwLTQuNDExIDMuNTg5LTggOC04aDQ4MGM0LjQxMSAwIDggMy41ODkgOCA4djI4OHpNMTcwIDI3MHYtMjhjMC02LjYyNy01LjM3My0xMi0xMi0xMmgtMjhjLTYuNjI3IDAtMTIgNS4zNzMtMTIgMTJ2MjhjMCA2LjYyNyA1LjM3MyAxMiAxMiAxMmgyOGM2LjYyNyAwIDEyLTUuMzczIDEyLTEyem05NiAwdi0yOGMwLTYuNjI3LTUuMzczLTEyLTEyLTEyaC0yOGMtNi42MjcgMC0xMiA1LjM3My0xMiAxMnYyOGMwIDYuNjI3IDUuMzczIDEyIDEyIDEyaDI4YzYuNjI3IDAgMTItNS4zNzMgMTItMTJ6bTk2IDB2LTI4YzAtNi42MjctNS4zNzMtMTItMTItMTJoLTI4Yy02LjYyNyAwLTEyIDUuMzczLTEyIDEydjI4YzAgNi42MjcgNS4zNzMgMTIgMTIgMTJoMjhjNi42MjcgMCAxMi01LjM3MyAxMi0xMnptOTYgMHYtMjhjMC02LjYyNy01LjM3My0xMi0xMi0xMmgtMjhjLTYuNjI3IDAtMTIgNS4zNzMtMTIgMTJ2MjhjMCA2LjYyNyA1LjM3MyAxMiAxMiAxMmgyOGM2LjYyNyAwIDEyLTUuMzczIDEyLTEyem0tMzM2IDgydi0yOGMwLTYuNjI3LTUuMzczLTEyLTEyLTEySDgyYy02LjYyNyAwLTEyIDUuMzczLTEyIDEydjI4YzAgNi42MjcgNS4zNzMgMTIgMTIgMTJoMjhjNi42MjcgMCAxMi01LjM3MyAxMi0xMnptMzg0IDB2LTI4YzAtNi42MjctNS4zNzMtMTItMTItMTJoLTI4Yy02LjYyNyAwLTEyIDUuMzczLTEyIDEydjI4YzAgNi42MjcgNS4zNzMgMTIgMTIgMTJoMjhjNi42MjcgMCAxMi01LjM3MyAxMi0xMnpNMTIyIDE4OHYtMjhjMC02LjYyNy01LjM3My0xMi0xMi0xMkg4MmMtNi42MjcgMC0xMiA1LjM3My0xMiAxMnYyOGMwIDYuNjI3IDUuMzczIDEyIDEyIDEyaDI4YzYuNjI3IDAgMTItNS4zNzMgMTItMTJ6bTk2IDB2LTI4YzAtNi42MjctNS4zNzMtMTItMTItMTJoLTI4Yy02LjYyNyAwLTEyIDUuMzczLTEyIDEydjI4YzAgNi42MjcgNS4zNzMgMTIgMTIgMTJoMjhjNi42MjcgMCAxMi01LjM3MyAxMi0xMnptOTYgMHYtMjhjMC02LjYyNy01LjM3My0xMi0xMi0xMmgtMjhjLTYuNjI3IDAtMTIgNS4zNzMtMTIgMTJ2MjhjMCA2LjYyNyA1LjM3MyAxMiAxMiAxMmgyOGM2LjYyNyAwIDEyLTUuMzczIDEyLTEyem05NiAwdi0yOGMwLTYuNjI3LTUuMzczLTEyLTEyLTEyaC0yOGMtNi42MjcgMC0xMiA1LjM3My0xMiAxMnYyOGMwIDYuNjI3IDUuMzczIDEyIDEyIDEyaDI4YzYuNjI3IDAgMTItNS4zNzMgMTItMTJ6bTk2IDB2LTI4YzAtNi42MjctNS4zNzMtMTItMTItMTJoLTI4Yy02LjYyNyAwLTEyIDUuMzczLTEyIDEydjI4YzAgNi42MjcgNS4zNzMgMTIgMTIgMTJoMjhjNi42MjcgMCAxMi01LjM3MyAxMi0xMnptLTk4IDE1OHYtMTZjMC02LjYyNy01LjM3My0xMi0xMi0xMkgxODBjLTYuNjI3IDAtMTIgNS4zNzMtMTIgMTJ2MTZjMCA2LjYyNyA1LjM3MyAxMiAxMiAxMmgyMTZjNi42MjcgMCAxMi01LjM3MyAxMi0xMnoiPjwvcGF0aD48L3N2Zz4K);
	background-size: 56px;
}

.main-selling-points-validate {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNS4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZmlsbD0iI2Q0OWIwMCIgZD0iTTI1NiA0OGEyMDggMjA4IDAgMSAxIDAgNDE2IDIwOCAyMDggMCAxIDEgMC00MTZ6bTAgNDY0QTI1NiAyNTYgMCAxIDAgMjU2IDBhMjU2IDI1NiAwIDEgMCAwIDUxMnpNMzY5IDIwOWM5LjQtOS40IDkuNC0yNC42IDAtMzMuOXMtMjQuNi05LjQtMzMuOSAwbC0xMTEgMTExLTQ3LTQ3Yy05LjQtOS40LTI0LjYtOS40LTMzLjkgMHMtOS40IDI0LjYgMCAzMy45bDY0IDY0YzkuNCA5LjQgMjQuNiA5LjQgMzMuOSAwTDM2OSAyMDl6Ii8+PC9zdmc+Cg==);
	background-size: 48px;
}

.main-selling-points-uptodate {
	background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJyZXR3ZWV0IiBjbGFzcz0ic3ZnLWlubGluZS0tZmEgZmEtcmV0d2VldCBmYS13LTIwIiByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDY0MCA1MTIiPjxwYXRoIGZpbGw9IiNkNDliMDAiIGQ9Ik02MjkuNjU3IDM0My41OThMNTI4Ljk3MSA0NDQuMjg0Yy05LjM3MyA5LjM3Mi0yNC41NjggOS4zNzItMzMuOTQxIDBMMzk0LjM0MyAzNDMuNTk4Yy05LjM3My05LjM3My05LjM3My0yNC41NjkgMC0zMy45NDFsMTAuODIzLTEwLjgyM2M5LjU2Mi05LjU2MiAyNS4xMzMtOS4zNCAzNC40MTkuNDkyTDQ4MCAzNDIuMTE4VjE2MEgyOTIuNDUxYTI0LjAwNSAyNC4wMDUgMCAwIDEtMTYuOTcxLTcuMDI5bC0xNi0xNkMyNDQuMzYxIDEyMS44NTEgMjU1LjA2OSA5NiAyNzYuNDUxIDk2SDUyMGMxMy4yNTUgMCAyNCAxMC43NDUgMjQgMjR2MjIyLjExOGw0MC40MTYtNDIuNzkyYzkuMjg1LTkuODMxIDI0Ljg1Ni0xMC4wNTQgMzQuNDE5LS40OTJsMTAuODIzIDEwLjgyM2M5LjM3MiA5LjM3MiA5LjM3MiAyNC41NjktLjAwMSAzMy45NDF6bS0yNjUuMTM4IDE1LjQzMUEyMy45OTkgMjMuOTk5IDAgMCAwIDM0Ny41NDggMzUySDE2MFYxNjkuODgxbDQwLjQxNiA0Mi43OTJjOS4yODYgOS44MzEgMjQuODU2IDEwLjA1NCAzNC40MTkuNDkxbDEwLjgyMi0xMC44MjJjOS4zNzMtOS4zNzMgOS4zNzMtMjQuNTY5IDAtMzMuOTQxTDE0NC45NzEgNjcuNzE2Yy05LjM3My05LjM3My0yNC41NjktOS4zNzMtMzMuOTQxIDBMMTAuMzQzIDE2OC40MDJjLTkuMzczIDkuMzczLTkuMzczIDI0LjU2OSAwIDMzLjk0MWwxMC44MjIgMTAuODIyYzkuNTYyIDkuNTYyIDI1LjEzMyA5LjM0IDM0LjQxOS0uNDkxTDk2IDE2OS44ODFWMzkyYzAgMTMuMjU1IDEwLjc0NSAyNCAyNCAyNGgyNDMuNTQ5YzIxLjM4MiAwIDMyLjA5LTI1Ljg1MSAxNi45NzEtNDAuOTcxbC0xNi4wMDEtMTZ6Ij48L3BhdGg+PC9zdmc+Cg==);
	background-size: 56px;
}

.debug-output {
	display: block;
	line-height: 1.6;
	padding: 15px;
	font-size: 14px;
	font-family: var(--font-family-monospace);
	border-left: 4px solid var(--color-grey-300);
	color: var(--color-grey-700);
	background-color: var(--color-grey-100);
}

.reseller-model-diagram {
	position: relative;
	text-align: center;
}

.reseller-model-diagram h4 {
	margin: 0 0 20px 0;
	padding: 10px;
	background-color: var(--color-primary);
	color: #fff;
}

.reseller-model-accounts {
	display: flex;
	gap: 20px;
}

.reseller-model-accounts > div {
	position: relative;
	flex: 1;
	border: 3px solid var(--color-primary);
	background-color: #fff;
}

.reseller-model-accounts > div:before {
	position: absolute;
	left: 50%;
	display: block;
	height: 22px;
	width: 10px;
	margin: -23px 0 0 -5px;
	background-color: var(--color-primary);
	content: '';
}

.reseller-model-accounts h5 {
	margin: 0;
	padding: 10px 20px;
	font-size: 16px;
	background-color: var(--color-primary);
	color: #fff;
}

.reseller-model-account-reseller h5 {
	background-color: var(--color-primary-600);
}

.reseller-model-accounts .reseller-model-account-reseller {
	border-color: var(--color-primary-600);
}

.reseller-model-accounts .reseller-model-account-reseller:before {
	background: linear-gradient(var(--color-primary), var(--color-primary-600));
}

.reseller-model-accounts ul {
	padding: 0 10px;
	list-style-type: none;
}

.reseller-model-diagram-caption {
	font-style: italic;
}

.reseller-model-account-customers {
	display: flex;
	gap: 20px;
	padding: 10px 20px 20px 20px;
}

.reseller-model-account-customers > dl {
	flex: 1;
	margin: 0;
	border: 3px solid var(--color-primary);
}

.reseller-model-account-customers dt {
	padding: 5px;
	font-size: var(--font-size-h4);
	font-family: var(--font-family-headings);
	text-transform: uppercase;
	font-weight: bold;
	background-color: var(--color-primary);
	color: #fff;
}

.reseller-model-account-customers dd {
	padding: 10px;
	margin: 0;
}
.logo {
	color: #fff;
	line-height: 40px;
}

.logo a {
	display: block;
	width: 226px;
	height: 0;
	padding-top: 42px;
	overflow: hidden;
	background: url(../2.0.12.1/img/postcodeeu-logo.svg) no-repeat 0 0;
	background-size: contain;
}

.logo span {
	display: inline-block;
	font-size: 30px;
	margin-left: -3px;
}

.header-wrapper {
	position: relative;
	background: url(../2.0.12.1/img/navigation-background.svg) no-repeat 0 30px, linear-gradient(90deg, var(--color-primary-dark), #28abca) no-repeat 0 0;
	background-size: 100% 125px, 100% 100px;
}

.header-navigation {
	display: flex;
	height: 150px;
	justify-content: space-between;
	align-items: flex-start;
	font-size: 14px;
}

.logo-header {
	margin-top: 43px;
}

.header-navigation-toggle {
	display: none;
}

.primary-navigation-items {
	text-transform: uppercase;
	margin: 20px 0 0 0;
	padding: 0;
	font-family: var(--font-family-headings);
	font-weight: 600;
}

.user-navigation-menu {
	margin: 0;
	text-align: right;
}

.primary-navigation-items {
	display: flex;
}

.primary-navigation-item {
	position: relative;
}

.primary-navigation-item,
.user-navigation-menu > li {
	display: inline;
}

.primary-navigation-item > a,
.user-navigation-menu > li > a {
	position: relative;
	z-index: 500;
	display: inline-block;
	padding: 27px 10px;
	vertical-align: baseline;
	white-space: nowrap;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	transition: color .1s;
}

.primary-navigation-item [data-icon] {
	font-size: 16px;
	line-height: 1;
	margin-right: 5px;
}

.primary-navigation-item [data-icon]:before {
	width: 16px;
	text-align: center;
}

.user-navigation-menu > li > a {
	vertical-align: middle;
}

.primary-navigation-items:hover > li > a,
.primary-navigation-items:focus > li > a {
	color: #fff;
}

.primary-navigation-item-active > a,
.primary-navigation-items > li > a:hover,
.primary-navigation-items > li > a:focus,
.user-navigation-menu > li > a:hover,
.user-navigation-menu > li > a:focus,
.user-navigation-locale-dropdown-link:hover,
.user-navigation-locale-dropdown-link:focus {
	color: var(--color-secondary);
}

.user-navigation-menu .button {
	padding: 10px 20px;
	margin: 13px 0;
	font-size: 15px;
}

.user-navigation-menu .button:hover,
.user-navigation-menu .button:focus {
	color: #fff;
}

.primary-navigation-submenu,
.user-navigation-dropdown-content {
	position: absolute;
	top: -9999px;
	left: 0;
	padding: 15px 0;
	z-index: 400;
	font-size: 14px;
	background-color: var(--color-menu-background);
	backdrop-filter: var(--backdrop-blur);
	-webkit-backdrop-filter: var(--backdrop-blur);
	box-shadow: var(--dropdown-shadow);
	list-style-type: none;
	opacity: 0;
	border-top: 0;
	transition: opacity var(--menu-transition-duration);
}

.primary-navigation-submenu:after,
.user-navigation-dropdown-content:after {
	
	position: absolute;
	top: -40px;
	left: 20px;
	display: block;
	box-sizing: border-box;
	width: 40px;
	height: 40px;
	border: 20px solid transparent;
	border-bottom-color: var(--color-menu-background);
	content: '';
}

.user-navigation-dropdown-content:after {
	left: calc(50% - 20px);
}

.primary-navigation-submenu {
	min-width: 200px;
}

.primary-navigation-submenu.menu-has-focus,
.primary-navigation-submenu:hover,
.primary-navigation-submenu:focus,
.primary-navigation-has-submenu a:hover + .primary-navigation-submenu,
.primary-navigation-has-submenu a:focus + .primary-navigation-submenu,
.user-navigation-dropdown-content.menu-has-focus,
.user-navigation-dropdown-content:hover,
.user-navigation-dropdown-content:focus,
.user-navigation-dropdown-link:hover + .user-navigation-dropdown-content,
.user-navigation-dropdown-link:focus + .user-navigation-dropdown-content {
	top: 100%;
	opacity: 1;
}

.primary-navigation-submenu a,
.user-navigation-dropdown-menu a,
.user-navigation-account-switch-link {
	display: block;
	padding: 5px 20px;
	text-decoration: none;
	white-space: nowrap;
}

.primary-navigation-submenu a,
.user-navigation-dropdown-content a {
	color: var(--color-primary);
}

.primary-navigation-submenu a:hover,
.primary-navigation-submenu a:focus,
.user-navigation-dropdown-menu a:hover,
.user-navigation-dropdown-menu a:focus,
.user-navigation-account-switch-link:hover,
.user-navigation-account-switch-link:focus {
	background-color: var(--color-menu-item-active);
	text-decoration: underline;
}

.navigation-item-child {
	border-left: 1px solid var(--color-secondary);
	margin-left: 20px;
}

.user-navigation {
	font-family: var(--font-family-headings);
	font-weight: 600;
	margin-top: 20px;
	min-width: 225px;
}

.user-navigation-dropdown {
	position: relative;
	display: inline-block;
	vertical-align: top;
	text-align: initial;
}

.user-navigation-dropdown-link {
	position: relative;
	display: block;
	padding: 27px 10px;
	overflow: visible;
	text-overflow: clip;
	text-align: right;
	cursor: pointer;
	color: #fff;
}

.user-navigation-dropdown-link:hover,
.user-navigation-dropdown-link:focus {
	color: var(--color-secondary-600);
}

.user-navigation-email,
.user-navigation-dropdown-link-account {
	display: block;
	white-space: nowrap;
	max-width: 300px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.user-navigation-dropdown-link-account {
	font-size: 18px;
	font-weight: 400;
}

.user-navigation-dropdown-isAdmin .user-navigation-email:after {
	display: inline-block;
	line-height: 14px;
	font-size: 12px;
	padding: 2px 5px;
	border-radius: 10px;
	font-weight: 700;
	margin-left: 5px;
	background-color: var(--color-secondary);
	color: #fff;
	content: 'Admin';
}

.user-navigation-dropdown-content {
	position: absolute;
	top: -9999px;
	left: auto;
	right: -40px;
	min-width: 260px;
	margin: 0;
}

.user-navigation-name,
.user-navigation-account {
	position: relative;
	padding: 0 10px 10px 20px;
	font-size: 16px;
	font-weight: 400;
}

.user-navigation-account-name {
	font-weight: 600;
}

.user-navigation-account-switch-link {
	margin: 0 -10px 0 -20px;
	padding-right: 10px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
}

.user-navigation-account-switch-link:hover {
	text-decoration: underline;
	background-color: var(--color-menu-item-active);
}

.user-navigation-dropdown-menu {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.user-navigation-dropdown-menu a {
	text-transform: uppercase;
}

.user-navigation-dropdown-menu [data-icon]:before,
.user-navigation-account-switch-link [data-icon]:before {
	width: 20px;
}

.user-navigation-dropdown-menu li ul {
	padding-left: 0;
	margin-left: 25px;
	list-style-type: none;
	border-left: 2px solid #00759a;
}

.user-navigation-dropdown-menu ul a {
	padding-left: 15px;
}

.user-navigation-noscript {
	position: absolute;
	top: 25px;
	right: 40px;
	margin: 0;
	z-index: 100;
	font-size: 20px;
	line-height: 1;
}

.user-navigation-deployment-info h2 {
	margin: 20px 0 0 20px;
	font-size: 16px;
	font-weight: 400;
	text-transform: none;
	color: inherit;
}

.user-navigation-deployment-info dl {
	padding: 5px 20px;
	font-size: 12px;
}

.user-navigation-deployment-info dt {
	min-width: 0;
	width: 70px;
	padding: 5px 0;
	border-top-color: var(--color-grey-400);
}

.user-navigation-deployment-info dd {
	padding: 5px 0;
	border-top-color: var(--color-grey-400);
}

.user-navigation-deployment-info .badge {
	padding: 1px 9px;
	font-size: inherit;
}

.deployment-info-stage a:hover,
.deployment-info-stage a:focus {
	color: #fff;
}

.badge.badge-deployment-stage {
	color: #fff;
}

.user-navigation-deployment-info .badge-deployment-stage-development,
.deployment-info-stage-development a:hover,
.deployment-info-stage-development a:focus {
	background-color: #08c;
}

.deployment-info-stage-development a {
	color: #08c;
}

.user-navigation-deployment-info .badge-deployment-stage-testing,
.deployment-info-stage-testing a:hover,
.deployment-info-stage-testing a:focus {
	background-color: #96c;
}

.deployment-info-stage-testing a {
	color: #96c;
}
table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

th,
td {
	text-align: left;
	padding: 15px;
	vertical-align: top;
	line-height: var(--line-height-headings);
}

th a {
	color: inherit;
}

thead th {
	color: #fff;
	background-color: var(--color-primary);
	font-weight: normal;
	border-bottom: 5px solid #fff;
}

th:empty:after,
td:empty:after {
	content: '-'; 
}

tr:last-child td,
tbody tr:last-child th {
	border-bottom: none;
}

th:first-child,
td:first-child {
	padding-left: 20px;
}

th:last-child,
td:last-child {
	padding-right: 20px;
}

tbody tr:nth-child(odd) td,
tbody tr:nth-child(odd) th {
	background-color: var(--color-primary-light);
}


tbody tr:hover td,
tbody tr:hover th {
	background-color: #e3f0f4;
}

.clickable-rows tbody tr:hover td a {
	text-decoration: none;
}


tbody tr.tr-status-success :is(td, th) {
	background-color: var(--color-green-100);
	color: var(--color-green-600);
}

tbody tr.tr-status-warning :is(td, th) {
	background-color: var(--color-secondary-100);
	color: var(--color-secondary-700);
}

tbody tr.tr-status-error :is(td, th) {
	background-color: var(--color-red-100);
	color: var(--color-red-600);
}

tbody tr:nth-child(2n).tr-status-success :is(td, th) {
	background-color: oklch(from var(--color-green-100) calc(l + .025) c h);
}

tbody tr:nth-child(2n).tr-status-warning :is(td, th) {
	background-color: oklch(from var(--color-secondary-100) l calc(c - .02) h);
}

tbody tr:nth-child(2n).tr-status-error :is(td, th) {
	background-color: oklch(from var(--color-red-100) calc(l + .025) c h);
}

tbody tr:hover.tr-status-success :is(td, th) {
	background-color: oklch(from var(--color-green-100) calc(l - .015) c h);
}

tbody tr:hover.tr-status-warning :is(td, th) {
	background-color: oklch(from var(--color-secondary-100) calc(l - .015) c h);
}

tbody tr:hover.tr-status-error :is(td, th) {
	background-color: oklch(from var(--color-red-100) calc(l - .015) c h);
}


[class^="sort-"] {
	white-space: nowrap;
}

.sort-asc:after,
.sort-desc:after {
	font-family: var(--font-family-icons);
	font-size: 14px;
	line-height: 1;
	content: '▴';
	margin-left: 8px;
	display: inline-block; 
}

.sort-desc:after {
	content: '▾';
}

.table-header-qualifier {
	color: var(--color-grey-500);
	display: inline-block;
	font-weight: normal;
	font-size: 16px;
}

.table-footnote {
	margin-top: -10px;
	color: var(--color-grey-500);
	font-size: 16px;
}

.table-footnote-list {
	padding-left: 18px;
}


.table-high-contrast thead,
.table-high-contrast tbody th {
	text-transform: uppercase;
	font-size: 24px;
	font-family: Gilroy;
	font-weight: 500;
}

.table-high-contrast thead th {
	background-color: var(--color-text);
	border-bottom: 0;
}

.table-high-contrast tbody tr td,
.table-high-contrast tbody tr th {
	color: #fff;
	background-color: var(--color-text);
}

.table-high-contrast tbody tr + tr td,
.table-high-contrast tbody tr + tr th {
	border-top: 2px dashed var(--color-grey-300);
}

.table-high-contrast th:first-child,
.table-high-contrast td:first-child {
	padding-left: 0;
}

.table-high-contrast th:last-child,
.table-high-contrast td:last-child {
	padding-right: 0;
}

.well-high-contrast .table-footnote,
.table-high-contrast + .table-footnote,
.table-high-contrast .table-header-qualifier {
	color: var(--color-grey-300);
}

.table-high-contrast a:not(.button) {
	color: inherit;
}


.bb-tooltip {
	width: auto;
}
#main-navigation {
	display: flex;
	width: 240px;
	flex-shrink: 0;
	margin: 40px 40px 0 0;
}

#main-navigation ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#main-navigation h2 {
	margin-top: 20px;
}

#main-navigation a {
	position: relative;
	display: block;
	padding: 5px 0 5px 30px;
	font-weight: 500;
	text-decoration: none;
	background-position: 5px center;
	background-repeat: no-repeat;
	background-size: 20px;
}

#main-navigation a:hover,
#main-navigation a:hover:before {
	text-decoration: underline;
}

#main-menu {
	white-space: nowrap;
	overflow: hidden;
	flex-grow: 1;
}

#main-menu [data-icon] {
	position: absolute;
	left: 5px;
	top: 0;
	width: 20px;
	font-size: 20px;
	line-height: 38px;
	text-align: center;
}

.main-menu-link-status-active {
	background-color: var(--color-primary-light);
}

.nav-icon a {
	padding-left: 41px;
	background-repeat: no-repeat;
	background-position: left 20px center;
	background-size: 16px;
}

.nav-icon-plugin a {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA2NCA2NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxwYXRoIGQ9Im01Ni40NzIgMzAuNTc2aC00LjU3MDd2LTEyLjE5M2MwLTMuMzUyOS0yLjc0MTQtNi4wOTQ0LTYuMDk0NC02LjA5NDRoLTEyLjE4OXYtNC41NzA3YzAtNC4yNjUxLTMuMzUyOS03LjYxNzktNy42MTc5LTcuNjE3OS00LjI2NTEgMC03LjYxNzkgMy4zNTI5LTcuNjE3OSA3LjYxNzl2NC41NzA3aC0xMi4xODljLTMuMzUyOSAwLTYuMDk0NCAyLjc0MTQtNi4wOTQ0IDYuMDk0NHYxMS41ODJoNC41NzA3YzQuNTcwNyAwIDguMjI5MSAzLjY1ODUgOC4yMjkxIDguMjI5MSAwIDQuNTcwNy0zLjY1ODYgOC4yMjkxLTguMjI5MSA4LjIyOTFoLTQuNTcwN3YxMS41ODJjMCAzLjM1MjkgMi43NDE0IDYuMDk0NCA2LjA5NDQgNi4wOTQ0aDExLjU4MnYtNC41NzA3YzAtNC41NzA3IDMuNjU4Ni04LjIyOTEgOC4yMjkxLTguMjI5MSA0LjU3MDcgMCA4LjIyOTEgMy42NTg2IDguMjI5MSA4LjIyOTF2NC41NzA3aDExLjU4MmMzLjM1MjkgMCA2LjA5NDQtMi43NDE0IDYuMDk0NC02LjA5NDR2LTEyLjE4OWg0LjU3MDdjNC4yNjUxIDAgNy42MTc5LTMuMzUyOSA3LjYxNzktNy42MTc5IDAtNC4yNjUxLTMuMzUyOS03LjYxNzktNy42MTc5LTcuNjE3OSIgZmlsbD0iIzAwNzU5YSIvPgo8L3N2Zz4K);
}
.badge {
	display: inline-block;
	line-height: inherit;
	font-size: 16px;
	padding: 0 10px 1px 10px;
	border-radius: 25px;
	font-family: var(--font-family-base);
	font-weight: 700;
	text-transform: none;
	white-space: nowrap;
	background-color: var(--color-primary-200);
	color: var(--color-primary-600);
}

.badge-important {
	background-color: var(--color-cta-200);
	color: var(--color-cta-600);
}

.badge-positive {
	background-color: var(--color-green-200);
	color: var(--color-green-600);
}

.badge-negative {
	background-color: var(--color-red-200);
	color: var(--color-red-600);
}

h1 .badge,
h2 .badge {
	font-size: 80%;
	padding: 1px 15px 2px 15px;
	vertical-align: 3px;
}

h2 .badge {
	vertical-align: 1px;
}

h3 .badge,
h4 .badge {
	font-size: 90%;
}

.national-flag {
	display: inline-block;
	width: 24px;
	height: 0;
	padding-top: 18px;
	margin-right: 2px;
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: -2px;
	overflow: hidden;
}



.national-flag-nl,
.national-flag-nld,
.national-flag-nlLegacy,
.postcodenl-dropdown-api-countries [data-value=NLD] {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb25zLW5sIiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+CiAgPHBhdGggZmlsbD0iIzIxNDY4YiIgZD0iTTAgMGg2NDB2NDgwSDB6Ii8+CiAgPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGg2NDB2MzIwSDB6Ii8+CiAgPHBhdGggZmlsbD0iI2FlMWMyOCIgZD0iTTAgMGg2NDB2MTYwSDB6Ii8+Cjwvc3ZnPgo=);
}

.national-flag-be,
.national-flag-bel,
.postcodenl-dropdown-api-countries [data-value=BEL] {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb25zLWJlIiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+CiAgPGcgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2Utd2lkdGg9IjFwdCI+CiAgICA8cGF0aCBkPSJNMCAwaDIxMy4zdjQ4MEgweiIvPgogICAgPHBhdGggZmlsbD0iI2ZmZDkwYyIgZD0iTTIxMy4zIDBoMjEzLjR2NDgwSDIxMy4zeiIvPgogICAgPHBhdGggZmlsbD0iI2YzMTgzMCIgZD0iTTQyNi43IDBINjQwdjQ4MEg0MjYuN3oiLz4KICA8L2c+Cjwvc3ZnPgo=);
}

.national-flag-de,
.national-flag-deu,
.postcodenl-dropdown-api-countries [data-value=DEU] {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb25zLWRlIiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+CiAgPHBhdGggZmlsbD0iI2ZmY2UwMCIgZD0iTTAgMzIwaDY0MHYxNjBIMHoiLz4KICA8cGF0aCBkPSJNMCAwaDY0MHYxNjBIMHoiLz4KICA8cGF0aCBmaWxsPSIjZDAwIiBkPSJNMCAxNjBoNjQwdjE2MEgweiIvPgo8L3N2Zz4K);
}

.national-flag-lu,
.national-flag-lux,
.postcodenl-dropdown-api-countries [data-value=LUX] {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb25zLWx1IiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+CiAgPHBhdGggZmlsbD0iIzAwYTFkZSIgZD0iTTAgMjQwaDY0MHYyNDBIMHoiLz4KICA8cGF0aCBmaWxsPSIjZWQyOTM5IiBkPSJNMCAwaDY0MHYyNDBIMHoiLz4KICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAxNjBoNjQwdjE2MEgweiIvPgo8L3N2Zz4K);
}

.national-flag-at,
.national-flag-aut,
.postcodenl-dropdown-api-countries [data-value=AUT] {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb25zLWF0IiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+CiAgPGcgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik02NDAgNDgwSDBWMGg2NDB6Ii8+CiAgICA8cGF0aCBmaWxsPSIjYzgxMDJlIiBkPSJNNjQwIDQ4MEgwVjMyMGg2NDB6bTAtMzE5LjlIMFYuMWg2NDB6Ii8+CiAgPC9nPgo8L3N2Zz4K);
}

.national-flag-ch,
.national-flag-che,
.postcodenl-dropdown-api-countries [data-value=CHE] {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb25zLWNoIiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+CiAgPGcgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2Utd2lkdGg9IjFwdCI+CiAgICA8cGF0aCBmaWxsPSJyZWQiIGQ9Ik0wIDBoNjQwdjQ4MEgweiIvPgogICAgPGcgZmlsbD0iI2ZmZiI+CiAgICAgIDxwYXRoIGQ9Ik0xNzAgMTk1aDMwMHY5MEgxNzB6Ii8+CiAgICAgIDxwYXRoIGQ9Ik0yNzUgOTBoOTB2MzAwaC05MHoiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=);
}

.national-flag-fr,
.national-flag-fra,
.postcodenl-dropdown-api-countries [data-value=FRA] {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb25zLWZyIiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+CiAgPGcgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2Utd2lkdGg9IjFwdCI+CiAgICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDY0MHY0ODBIMHoiLz4KICAgIDxwYXRoIGZpbGw9IiMwMDI2NTQiIGQ9Ik0wIDBoMjEzLjN2NDgwSDB6Ii8+CiAgICA8cGF0aCBmaWxsPSIjY2UxMTI2IiBkPSJNNDI2LjcgMEg2NDB2NDgwSDQyNi43eiIvPgogIDwvZz4KPC9zdmc+Cg==);
}

.national-flag-gb,
.national-flag-gbr,
.postcodenl-dropdown-api-countries [data-value=GBR] {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb25zLWdiIiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+CiAgPHBhdGggZmlsbD0iIzAxMjE2OSIgZD0iTTAgMGg2NDB2NDgwSDB6Ii8+CiAgPHBhdGggZmlsbD0iI0ZGRiIgZD0ibTc1IDAgMjQ0IDE4MUw1NjIgMGg3OHY2Mkw0MDAgMjQxbDI0MCAxNzh2NjFoLTgwTDMyMCAzMDEgODEgNDgwSDB2LTYwbDIzOS0xNzhMMCA2NFYwaDc1eiIvPgogIDxwYXRoIGZpbGw9IiNDODEwMkUiIGQ9Im00MjQgMjgxIDIxNiAxNTl2NDBMMzY5IDI4MWg1NXptLTE4NCAyMCA2IDM1TDU0IDQ4MEgwbDI0MC0xNzl6TTY0MCAwdjNMMzkxIDE5MWwyLTQ0TDU5MCAwaDUwek0wIDBsMjM5IDE3NmgtNjBMMCA0MlYweiIvPgogIDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0yNDEgMHY0ODBoMTYwVjBIMjQxek0wIDE2MHYxNjBoNjQwVjE2MEgweiIvPgogIDxwYXRoIGZpbGw9IiNDODEwMkUiIGQ9Ik0wIDE5M3Y5Nmg2NDB2LTk2SDB6TTI3MyAwdjQ4MGg5NlYwaC05NnoiLz4KPC9zdmc+Cg==);
}

.national-flag-es,
.national-flag-esp,
.postcodenl-dropdown-api-countries [data-value=ESP] {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb25zLWVzIiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+CiAgPHBhdGggZmlsbD0iI0FBMTUxQiIgZD0iTTAgMGg2NDB2NDgwSDB6Ii8+CiAgPHBhdGggZmlsbD0iI0YxQkYwMCIgZD0iTTAgMTIwaDY0MHYyNDBIMHoiLz4KPC9zdmc+Cg==);
}

.national-flag-dk,
.national-flag-dnk,
.postcodenl-dropdown-api-countries [data-value=DNK] {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb25zLWRrIiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+CiAgPHBhdGggZmlsbD0iI2M4MTAyZSIgZD0iTTAgMGg2NDAuMXY0ODBIMHoiLz4KICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMjA1LjcgMGg2OC42djQ4MGgtNjguNnoiLz4KICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAyMDUuN2g2NDAuMXY2OC42SDB6Ii8+Cjwvc3ZnPg==);
}

.national-flag-no,
.national-flag-nor,
.postcodenl-dropdown-api-countries [data-value=NOR] {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb25zLW5vIiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+CiAgPHBhdGggZmlsbD0iI2VkMjkzOSIgZD0iTTAgMGg2NDB2NDgwSDB6Ii8+CiAgPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4MCAwaDEyMHY0ODBIMTgweiIvPgogIDxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDE4MGg2NDB2MTIwSDB6Ii8+CiAgPHBhdGggZmlsbD0iIzAwMjY2NCIgZD0iTTIxMCAwaDYwdjQ4MGgtNjB6Ii8+CiAgPHBhdGggZmlsbD0iIzAwMjY2NCIgZD0iTTAgMjEwaDY0MHY2MEgweiIvPgo8L3N2Zz4=);
}

.national-flag-fi,
.national-flag-fin,
.postcodenl-dropdown-api-countries [data-value=FIN] {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb25zLWZpIiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+CiAgPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGg2NDB2NDgwSDB6Ii8+CiAgPHBhdGggZmlsbD0iIzAwMmY2YyIgZD0iTTAgMTc0LjVoNjQwdjEzMUgweiIvPgogIDxwYXRoIGZpbGw9IiMwMDJmNmMiIGQ9Ik0xNzUuNSAwaDEzMC45djQ4MGgtMTMxeiIvPgo8L3N2Zz4K);
}

.national-flag-se,
.national-flag-swe,
.postcodenl-dropdown-api-countries [data-value=SWE] {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb25zLXNlIiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+CiAgPHBhdGggZmlsbD0iIzAwNTI5MyIgZD0iTTAgMGg2NDB2NDgwSDB6Ii8+CiAgPHBhdGggZmlsbD0iI2ZlY2IwMCIgZD0iTTE3NiAwdjE5Mkgwdjk2aDE3NnYxOTJoOTZWMjg4aDM2OHYtOTZIMjcyVjB6Ii8+Cjwvc3ZnPgo=);
}
.pagination {
	margin: 40px 0;
}

.pagination h4 {
	margin: 0 0 10px 0;
}

.pagination-pages {
	display: inline-flex;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.pagination-pages a {
	display: inline-block;
	line-height: 40px;
	min-width: 40px;
	padding: 0 5px;
	text-align: center;
	transition: background-color .2s, color .2s;
}

.pagination-pages:hover .pagination-page-current a {
	background-color: var(--color-primary-light);
	color: var(--color-primary);
}

.pagination-pages [href]:hover,
.pagination-page-current a,
.pagination-pages .pagination-page-current a:hover {
	background-color: var(--color-primary);
	color: #fff;
}

.pagination-pages [data-icon]:before {
	font-size: 20px;
	vertical-align: middle;
	font-weight: bold;
}

.pagination-page-current,
.pagination-page-skip {
	cursor: default;
}

.pagination-page-disabled {
	cursor: not-allowed;
}

.pagination-page-disabled a {
	color: var(--color-grey-300);
}
span[data-icon]:before {
	content: attr(data-icon);
	display: inline-block;
	font-family: var(--font-family-icons);
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	speak: none;
}

.hidden {
	display: none;
}

.clickable {
	cursor: pointer;
	text-decoration: underline;
}

.clickable:hover {
	text-decoration: none;
}

.js-link {
	cursor: pointer;
	text-decoration: underline; 
	text-decoration-line: underline;
	text-decoration-style: dotted;
}

span.postcode-loterij:before {
	content: 'Postcode Loterij';
	white-space: nowrap;
}

.text-success {
	color: var(--color-green-400);
}

.text-error {
	color: var(--color-red-400);
}
.exception {
	font-size: 16px;
	color: #000;
	background-color: ivory;
}

.exception table {
	table-layout: fixed;
}

.exception th,
.exception td {
	padding: 10px 5px;
	overflow-wrap: break-word;
}

.exception th:first-child,
.exception td:first-child {
	width: 20px;
	padding-right: 10px;
	text-align: right;
}

.exception thead th {
	color: inherit;
	background-color: transparent;
	font-weight: 700;
	border-bottom: 2px solid;
}

.exception tbody tr th,
.exception tbody tr td {
	background-color: transparent;
}

.exception tbody tr:hover td,
.exception tbody tr:hover th {
	background-color: khaki;
}



[data-breakpoint] {
	display: none;
}


@media (max-width: 1366px) {

	[data-breakpoint=xl] {
		display: block;
	}

	.content-wrapper {
		width: 100%;
		padding-left: 40px;
		padding-right: 40px;
	}

}


@media (max-width: 1200px) {

	[data-breakpoint=l] {
		display: block;
	}

	.has-sidebar {
		flex-direction: column;
		align-items: stretch;
	}

	.content-wrapper {
		padding-left: 20px;
		padding-right: 20px;
	}

	.header-navigation {
		padding-top: 20px;
		flex-wrap: wrap;
		align-content: flex-start;
	}

	.logo-header {
		margin: 11px 0 0 0;
	}

	.primary-navigation {
		position: absolute;
		top: 72px;
		left: 10px;
	}

	.user-navigation {
		margin: 0;
	}

	.primary-navigation-items {
		margin: 0;
	}

	.user-navigation-dropdown-content {
		right: -20px;
	}

	.primary-navigation-item > a,
	.user-navigation-menu > li > a,
	.user-navigation-dropdown-link {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.user-navigation-menu .button {
		margin: 0;
	}

	.primary-navigation-submenu:before,
	.user-navigation-dropdown-content:before {
		
		position: absolute;
		top: -10px;
		left: 0;
		right: 0;
		height: 10px;
		content: '';
	}

	.primary-navigation-submenu:hover,
	.primary-navigation-submenu:focus,
	.primary-navigation-has-submenu a:hover + .primary-navigation-submenu,
	.primary-navigation-has-submenu a:focus + .primary-navigation-submenu,
	.user-navigation-dropdown-content:hover,
	.user-navigation-dropdown-content:focus,
	.user-navigation-dropdown-link:hover + .user-navigation-dropdown-content,
	.user-navigation-dropdown-link:focus + .user-navigation-dropdown-content {
		top: calc(100% + 10px);
	}

	.well,
	form {
		padding: 20px;
	}

	ul.well {
		padding-left: 40px;
	}

	.well-cta-content p {
		flex-basis: 72%;
	}

	.wizard-steps {
		flex-wrap: wrap;
		padding: 0 10px 10px 10px;
	}

	.wizard-step {
		flex: 0 1 auto;
		padding: 10px 20px 0 0;
		text-align: left;
		border-bottom: 0;
	}

	.wizard-step a {
		white-space: nowrap;
	}

	.wizard-step a:before {
		display: inline-block;
		position: static;
		border: 0;
		width: 30px;
		line-height: 30px;
		font-size: 20px;
		margin: 0 5px 0 0;
		background-color: var(--color-primary-200);
	}

	
	#main-navigation {
		width: auto;
		margin: 0;
	}

	#main-menu {
		display: flex;
		overflow: visible;
	}

	#main-menu > li > a {
		padding-right: 5px;
		margin-right: 10px;
	}

	#main-menu-login,
	#main-menu-logout {
		display: none;
	}

	#main-menu h2 {
		position: relative;
		font-size: 20px;
		text-transform: none;
		margin: 0;
		padding: 5px 30px 5px 5px;
		line-height: inherit;
		font-family: inherit;
		font-weight: 500;
		cursor: pointer;
	}

	#main-menu h2:after {
		
		position: absolute;
		top: 18px;
		right: 12px;
		display: block;
		border: 4px solid transparent;
		border-top-color: inherit;
		content: '';
	}

	#main-menu > li {
		position: relative;
	}

	#main-menu ul {
		position: absolute;
		z-index: 100;
		top: -999px;
		padding: 15px;
		opacity: 0;
		transform: scale(0);
		transform-origin: top;
		background-color: #fff;
		box-shadow: var(--dropdown-shadow);
		transition: opacity .4s .1s, transform .15s .1s, top 0s;
	}

	#main-menu li:hover ul {
		top: 100%;
		opacity: 1;
		transform: scale(1);
	}

	.cookie-banner {
		padding: 10px 20px;
	}

	.page-footer-columns {
		justify-content: initial;
		gap: 20px 50px;
	}

	.page-footer-copyright {
		text-align: left;
	}

	.api-tiers {
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.api-tier {
		flex: 1 0 300px;
		margin: 0 10px 20px 0;
	}

	.api-tier-body {
		padding: 0 20px;
	}

	.api-tier-unit-rate {
		display: inline;
	}

	.api-tier-footer {
		padding-left: 20px;
		padding-right: 20px;
	}

}

@media (max-width: 1024px) {

	.cookie-banner {
		padding: 10px;
		flex-wrap: wrap;
		text-align: center;
		font-size: 18px;
	}

	.cookie-consent-controls {
		width: 100%;
		margin: 10px 0 0 0;
	}

	.flex-container {
		display: initial;
	}

}


@media (max-width: 768px) {

	[data-breakpoint=m] {
		display: block;
	}

	form {
		max-width: none;
	}

	.dl-compact-controls {
		float: none;
	}

	.api-tier-unit-rate {
		display: inline;
		padding-left: 5px;
	}

	.user-navigation-email {
		max-width: 235px;
	}

	.header-wrapper {
		background-position: 0 bottom, 0 0;
		background-size: 100% 145px, 100% calc(100% - 50px);
	}

	.header-navigation {
		display: block;
		height: auto;
		padding-bottom: 50px;
	}

	.logo-header {
		margin: 0 54px 0 0;
	}

	.header-navigation-toggle {
		display: block;
		position: absolute;
		top: 15px;
		right: 20px;
		font-size: 40px;
		line-height: 1;
		color: #fff;
		cursor: pointer;
	}

	.primary-navigation {
		position: static;
	}

	.primary-navigation-items {
		display: block;
		margin: 20px 0 20px 0;
		padding: 10px;
		background-color: var(--color-menu-background);
	}

	.js .primary-navigation-items,
	.js .user-navigation {
		display: none;
	}

	.js .header-navigation-active .primary-navigation-items,
	.js .header-navigation-active .user-navigation,
	.primary-navigation-item {
		display: block;
	}

	.primary-navigation-item a,
	.primary-navigation-items:hover > li > a,
	.primary-navigation-items:focus > li > a {
		color: var(--color-primary);
	}

	.primary-navigation-item a {
		display: block;
		padding: 10px;
	}

	.primary-navigation-item a:hover {
		background-color: var(--color-menu-item-active);
		text-decoration: underline;
	}

	.primary-navigation-item:first-child a {
		padding-left: 10px;
	}

	.nav-icon a {
		padding-left: 31px;
		background-position: left 10px center;
	}

	.user-navigation-menu {
		padding-left: 0;
	}

	.primary-navigation-submenu {
		position: static;
		margin: 0 0 0 20px;
		padding: 0;
		opacity: 1;
		transform: scale(1);
		border-left: 1px solid var(--color-secondary);
		background-color: transparent;
		box-shadow: none;
	}

	.primary-navigation-submenu:after {
		display: none;
	}

	.user-navigation {
		text-align: right;
	}

	.user-navigation-dropdown {
		text-align: left;
	}

	.user-navigation-dropdown-content {
		right: 0;
	}

	.user-navigation-email {
		max-width: none;
	}

	#main-menu-home {
		width: 38px;
		margin-right: 10px;
		overflow: hidden;
	}

	#main-menu-home a {
		padding-left: 40px;
	}

	#main-menu-home [data-icon] {
		left: 9px;
	}

	.main-selling-points ul {
		flex-wrap: wrap;
	}

	.main-selling-points li {
		flex: 1 0 260px;
		padding-top: 80px;
		padding-bottom: 0;
		background-position: center 25px;
	}

	.main-selling-points p {
		margin: 5px;
	}

}


@media (max-width: 640px) {

	[data-breakpoint=s] {
		display: block;
	}

	h1 {
		font-size: 26px;
	}

	p {
		margin-top: 10px;
	}

	blockquote {
		padding: 20px;
		margin: 20px 0;
		font-size: 20px;
	}

	form,
	.well {
		padding: 20px 10px;
	}

	button,
	[type=submit],
	.button-primary,
	.button-cta {
		font-size: 20px;
		padding-right: 10px;
		padding-left: 10px;
	}

	.button-next {
		padding-right: 40px;
	}

	.button-social {
		padding: 0 0 0 40px;
	}

	.content-wrapper {
		padding-left: 10px;
		padding-right: 10px;
	}

	.header-navigation {
		padding-top: 10px;
	}

	.header-navigation-toggle {
		top: 5px;
		right: 10px;
	}

	.table-responsive,
	.table-responsive thead,
	.table-responsive tbody,
	.table-responsive th,
	.table-responsive td,
	.table-responsive tr {
		display: block;
	}

	.table-responsive thead,
	.table-responsive tfoot {
		display: none;
	}

	.table-responsive tbody tr + tr td,
	.table-responsive tbody tr + tr th {
		border: 0;
	}

	.table-responsive th,
	.table-responsive td {
		padding: 10px 0;
	}

	.table-responsive td:first-child {
		padding-top: 20px;
	}

	.table-responsive td:last-child {
		padding-bottom: 20px;
	}

	.table-responsive td[data-title] {
		position: relative;
		padding-left: 140px;
	}

	.table-responsive td[data-title]:before {
		display: block;
		width: 120px;
		position: absolute;
		left: 10px;
		overflow: hidden;
		content: attr(data-title) "\00A0";
		font-weight: bold;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.table-responsive.table-high-contrast tr + tr {
		border-top: 2px dashed var(--color-grey-300);
	}

	.dl-compact > dd {
		border-top: 0;
	}

	.dl-compact > dt {
		width: auto;
		float: none;
		padding-bottom: 0;
	}

	.well-cta-content {
		display: block;
	}

	.well-title {
		padding: 10px 15px;
		font-size: 22px;
	}

	.form-buttons .button,
	.form-buttons button,
	.form-buttons input {
		display: block;
		margin: 0 0 0 auto;
	}

	.form-buttons .button:nth-child(n+2),
	.form-buttons button:nth-child(n+2),
	.form-buttons input:nth-child(n+2) {
		margin-top: 20px;
	}

	.api-tier {
		flex-basis: 400px;
		margin-right: 0;
	}

	.reseller-model-diagram-kickback .reseller-model-accounts {
		display: block;
		padding-left: 30px;
	}

	.reseller-model-diagram-kickback .reseller-model-accounts > div {
		margin-bottom: 20px;
	}

	.reseller-model-diagram-kickback .reseller-model-accounts > div:before {
		left: -33px;
		margin: -23px 0 0 0;
		height: calc(100% + 46px);
		background: var(--color-primary);
	}

	.reseller-model-diagram-kickback .reseller-model-accounts > div:after {
		position: absolute;
		left: -24px;
		top: 50%;
		display: block;
		margin-top: -5px;
		width: 22px;
		height: 10px;
		background-color: var(--color-primary);
		content: '';
	}

	.reseller-model-diagram-kickback .reseller-model-accounts > div:last-child:before {
		height: calc(50% + 28px);
	}

	.reseller-model-diagram-kickback .reseller-model-accounts > div:first-child:after {
		background: linear-gradient(90deg, var(--color-primary), var(--color-primary-600));
	}

	.reseller-model-account-customers {
		display: block;
		padding: 10px;
	}

	.reseller-model-account-customers > dl + dl {
		margin-top: 10px;
	}

}


@media (max-width: 480px) {

	[data-breakpoint=xs] {
		display: block;
	}

	#main-menu {
		position: relative;
	}

	#main-menu > li {
		position: static;
	}

	#main-menu li:hover ul {
		left: 0;
		right: 0;
	}

	button,
	.button,
	[type=button],
	[type=submit] {
		display: block;
	}

	.button,
	[type=button] {
		text-align: right;
	}

	button,
	[type=submit],
	.button-primary,
	.button-cta {
		text-align: center;
	}

	.button-glyph {
		display: inline-block;
	}

	.dl-compact-controls br {
		display: none;
	}

	.main-content-header {
		display: block;
	}

	.user-navigation .button {
		width: auto;
	}

	.cookie-consent-control-accept {
		display: inline-block;
		width: auto;
	}

	.api-tier {
		flex: 1 1 auto;
	}

}
.locale-menu {
	position: relative;
	display: inline;
}

.locale-menu-link {
	position: relative;
	z-index: 1001;
	display: inline-block;
	cursor: pointer;
}

.locale-menu-link [data-icon] {
	margin-right: 5px;
}

.sessionlocale-setlocale-form {
	display: inline;
	padding: 0;
}

.locale-options li,
.locale-options label {
	display: block;
}

.locale-options li + li {
	margin: 0;
}

.locale-options label {
	padding: 5px 20px;
	white-space: nowrap;
	cursor: pointer;
}

.locale-options input {
	top: -3px;
	vertical-align: bottom;
}

.locale-options {
	position: absolute;
	z-index: 1000;
	min-width: 200px;
	text-align: left;
	box-shadow: 0 15px 25px rgba(0, 0, 0, .2);
}

.user-navigation-locale .locale-options {
	top: -9999px;
	left: 0;
	margin: 0 0 0 -17px;
	padding: 15px 0;
	opacity: 0;
	transition: opacity .15s;
	background-color: rgba(255, 255, 255, .85);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	text-transform: uppercase;
}

.locale-menu-link:hover + form .locale-options,
.locale-menu-link:focus + form .locale-options,
.locale-options:hover {
	top: 47px;
	opacity: 1;
}

.user-navigation-locale .locale-options:after {
	position: absolute;
	top: -40px;
	left: 20px;
	display: block;
	box-sizing: border-box;
	width: 40px;
	height: 40px;
	border: 20px solid transparent;
	border-bottom-color: rgba(255, 255, 255, .85);
	content: '';
}

.user-navigation-locale .locale-options label {
	color: #00759a;
}

.user-navigation-locale .locale-options label:hover {
	background-color: rgba(255, 255, 255, .25);
}

.user-navigation-locale .locale-options label:hover span {
	text-decoration: underline;
}

.user-navigation-locale-dropdown-link {
	padding: 27px 10px;
	vertical-align: middle;
	color: #fff;
}

.user-navigation-locale-dropdown-link:hover {
	color: #d49b00;
}

.page-footer-locale {
	margin-right: 10px;
}

.page-footer-locale .locale-options {
	bottom: 35px;
	left: -9999px;
	margin: 0;
	padding: 20px 0;
	opacity: 0;
	transition: opacity .15s;
	background-color: #00759a;
	color: #fff;
}

.page-footer-locale .locale-options input {
	top: -4px;
}

.page-footer-locale-popup-link:hover + form .locale-options,
.page-footer-locale-popup-link:focus + form .locale-options,
.page-footer-locale:hover .locale-options:hover {
	top: auto;
	left: -50px;
	opacity: 1;
}

.page-footer-locale .locale-options:before {
	
	display: block;
	position: absolute;
	bottom: -20px;
	left: 0;
	right: 0;
	z-index: 1000;
	height: 20px;
	opacity: 0;
	content: '';
}

.page-footer-locale .locale-options:after {
	display: block;
	position: absolute;
	bottom: -20px;
	left: calc(50% - 10px);
	box-sizing: border-box;
	width: 20px;
	height: 20px;
	border: 10px solid transparent;
	border-top-color: #00759a;
	content: '';
}

.page-footer-locale .locale-options label:hover {
	background-color: #fff;
	color: #444;
}

@media (max-width: 1200px) {

	.user-navigation-locale-dropdown-link {
		padding-top: 15px;
		padding-bottom: 15px;
	}

}
@media (max-width: 1200px) {

	.page-footer-locale-popup-link:hover + form .locale-options,
	.page-footer-locale-popup-link:focus + form .locale-options,
	.page-footer-locale:hover .locale-options:hover {
		left: 0;
	}

	.page-footer-locale .locale-options:after {
		left: 20px;
	}

}
.postcodenl-autocomplete-menu {
	display: none;
	position: absolute;
	z-index: 99;
	background-position: right .85em bottom .3em;
	box-shadow: 0 .5em .75em rgba(0, 0, 0, .15);
	background-color: #fff;
}

.postcodenl-autocomplete-menu-open {
	display: block;
}

.postcodenl-autocomplete-menu-items {
	margin: 0;
	padding: 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	max-height: 19em;
	overflow-y: auto;
	overflow-x: hidden;
}

.postcodenl-autocomplete-menu-items:empty {
	display: none;
}

input[class].postcodenl-autocomplete-address-input {
	transition: none;
}

.postcodenl-autocomplete-menu.postcodenl-autocomplete-logo {
	padding-bottom: 1.75em;
	border-top: 1px solid #ddd;
}

.postcodenl-autocomplete-logo .postcodenl-autocomplete-menu-items {
	border-top: none;
}

.postcodenl-autocomplete-menu.postcodenl-autocomplete-logo,
input[class].postcodenl-autocomplete-address-input.postcodenl-autocomplete-address-input-blank.postcodenl-autocomplete-logo {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyMjYuMTcgNDAiIHdpZHRoPSIyMjYiIGhlaWdodD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+Cgk8ZyBmaWxsPSIjOTk5Ij4KCQk8cGF0aCBkPSJtOC4zODMgMS43NjlhNy40NjYgNy40NjYgMCAwIDEgNy42ODYgNy42NDIgNy4zNDEgNy4zNDEgMCAwIDEtMi4yIDUuNDQ3IDcuNDczIDcuNDczIDAgMCAxLTUuNSAyLjJoLTYuNXY5LjM2N2gtMS44Njl2LTI0LjY1NnptMCAxMy40OTJhNS42MyA1LjYzIDAgMCAwIDQuMTc3LTEuNjUxIDUuNzE4IDUuNzE4IDAgMCAwIDEuNjM3LTQuMiA1Ljc3IDUuNzcgMCAwIDAtMS42MzctNC4yMjggNS42MyA1LjYzIDAgMCAwLTQuMTc3LTEuNjUxaC02LjUxOHYxMS43NDV6Ii8+CgkJPHBhdGggZD0ibTQwLjQ4NSAyMy4xMDFhMTIuMjMgMTIuMjMgMCAwIDEtOS4wMjIgMy43MjIgMTIuMjMgMTIuMjMgMCAwIDEtOS4wMTQtMy43MjIgMTIuMjgxIDEyLjI4MSAwIDAgMS0zLjY3LTkgMTIuMyAxMi4zIDAgMCAxIDMuNjctOS4wMDcgMTIuMjUyIDEyLjI1MiAwIDAgMSA5LjAxNC0zLjcxNCAxMi4yNTIgMTIuMjUyIDAgMCAxIDkuMDIyIDMuNzE0IDEyLjMgMTIuMyAwIDAgMSAzLjY3IDkuMDA3IDEyLjI4MSAxMi4yODEgMCAwIDEtMy42NyA5em0tMTYuNzE1LTEuMjdhMTAuNCAxMC40IDAgMCAwIDcuNjkzIDMuMTkzIDEwLjQgMTAuNCAwIDAgMCA3LjctMy4xOTMgMTAuNTU2IDEwLjU1NiAwIDAgMCAzLjE1Ny03LjczIDEwLjU4NSAxMC41ODUgMCAwIDAtMy4xNTctNy43MzcgMTAuNDI0IDEwLjQyNCAwIDAgMC03LjctMy4xODYgMTAuNDI0IDEwLjQyNCAwIDAgMC03LjY5MyAzLjE4NiAxMC41ODUgMTAuNTg1IDAgMCAwLTMuMTU3IDcuNzM3IDEwLjU1NiAxMC41NTYgMCAwIDAgMy4xNTcgNy43M3oiLz4KCQk8cGF0aCBkPSJtNTUuMjE4IDI2LjgyM2ExMC4zMjEgMTAuMzIxIDAgMCAxLTUuOC0xLjU3MSA3LjczNyA3LjczNyAwIDAgMS0zLjIyMy00LjI0M2wxLjYyMi0wLjk1NGE2LjUgNi41IDAgMCAwIDIuNTU1IDMuNjI2IDguMTQ4IDguMTQ4IDAgMCAwIDQuODQ1IDEuMzQzIDYuODU2IDYuODU2IDAgMCAwIDQuNi0xLjM4IDQuNDQxIDQuNDQxIDAgMCAwIDEuNi0zLjU1MyAzLjYxMiAzLjYxMiAwIDAgMC0xLjU1MS0zLjE0MiAxOC43ODUgMTguNzg1IDAgMCAwLTQuODEtMi4xNDhsLTEuNzQtMC42MzEtMS41NzEtMC41NzNhOC42MTEgOC42MTEgMCAwIDEtMS41Mi0wLjY5Yy0wLjMzLTAuMjEzLTAuNzM0LTAuNS0xLjE4Mi0wLjg1MmEzLjg2OCAzLjg2OCAwIDAgMS0xLjAyLTEuMDQyIDcuMDU1IDcuMDU1IDAgMCAxLTAuNTU3LTEuMzEyIDUuMiA1LjIgMCAwIDEtMC4yNS0xLjY3NCA2LjAxMiA2LjAxMiAwIDAgMSAyLjEyOS00LjgwOCA3Ljk1IDcuOTUgMCAwIDEgNS4zNDQtMS44NDMgOC4zNDYgOC4zNDYgMCAwIDEgNC45MzMgMS40NjggOC41MyA4LjUzIDAgMCAxIDMgMy43MTRsLTEuNTg2IDAuODgxYTYuMzUgNi4zNSAwIDAgMC02LjM0Mi00LjI2NSA1Ljg3MyA1Ljg3MyAwIDAgMC00LjAzNyAxLjMzNiA0LjM2IDQuMzYgMCAwIDAtMS41MiAzLjQyMSAzLjM5MSAzLjM5MSAwIDAgMCAxLjQwOSAyLjk4OCAxOC42ODIgMTguNjgyIDAgMCAwIDQuNjE3IDIuMDQ4bDMuMTc5IDEuMTgyYTE0LjQxOCAxNC40MTggMCAwIDEgMi40NjcgMS4yNjMgNS4yNzggNS4yNzggMCAwIDEgMS45MTYgMS45NzUgNS43IDUuNyAwIDAgMSAwLjYgMi42NjUgNi4wODYgNi4wODYgMCAwIDEtMi4yIDQuOTE4IDguODgyIDguODgyIDAgMCAxLTUuOTA3IDEuODUzeiIvPgoJCTxwYXRoIGQ9Im04MS44MiAxLjc2OXYxLjc2MmgtNy43NTJ2MjIuOWgtMS45MDh2LTIyLjloLTcuNzUydi0xLjc2MnoiLz4KCQk8cGF0aCBkPSJtOTUuMjM5IDI2LjkyNmExMi41MzEgMTIuNTMxIDAgMCAxLTEyLjgzMi0xMi44MjQgMTIuNTE2IDEyLjUxNiAwIDAgMSAxMi44MzItMTIuODI0IDEyLjY0OCAxMi42NDggMCAwIDEgNi4xMyAxLjUyNyAxMS42OTQgMTEuNjk0IDAgMCAxIDQuNCA0LjE3N2wtNC44NjcgMi44MTlhNS41MjggNS41MjggMCAwIDAtMi4zMjctMi4yIDcuMTU3IDcuMTU3IDAgMCAwLTMuMzc3LTAuNzkzIDYuOTc0IDYuOTc0IDAgMCAwLTUuMiAyIDcuMjg5IDcuMjg5IDAgMCAwLTEuOTYgNS4zMjIgNy4zIDcuMyAwIDAgMCAxLjk2IDUuMzIyIDYuOTY2IDYuOTY2IDAgMCAwIDUuMjM0IDIgNy4yMTYgNy4yMTYgMCAwIDAgMy40LTAuODA3IDUuNDg0IDUuNDg0IDAgMCAwIDIuMzA1LTIuMmw0Ljg2NyAyLjgxOWExMS4zMzQgMTEuMzM0IDAgMCAxLTQuNCA0LjE3NyAxMi43MTQgMTIuNzE0IDAgMCAxLTYuMTY1IDEuNDg1eiIvPgoJCTxwYXRoIGQ9Im0xMzEuODcgMTYuMjUzLTExLjI2OSAyMy43NDctMTEuMjY4LTIzLjc0N2E5Ljg4OCA5Ljg4OCAwIDAgMS0wLjc3MS00LjIxNCAxMi4wMzkgMTIuMDM5IDAgMSAxIDI0LjA3OCAwIDkuODg4IDkuODg4IDAgMCAxLTAuNzcxIDQuMjE0em0tMTEuMjY5LTEwLjIzNGE2LjAxOSA2LjAxOSAwIDEgMCA2LjAxOSA2LjAxOSA2LjAxOSA2LjAxOSAwIDAgMC02LjAxOS02LjAxOXoiLz4KCQk8cGF0aCBkPSJtMTM1Ljk2IDI2LjQzNXYtMjQuNjY2aDkuODU1OXEyLjUxMTMgMCA0LjczMDEgMC45NjMyMyAyLjIzNjEgMC45NDYwMyAzLjgxODUgMi41ODAxIDEuNTgyNCAxLjYzNCAyLjUxMTMgMy45MjE3IDAuOTI4ODMgMi4yODc3IDAuOTI4ODMgNC44Njc3dC0wLjkyODgzIDQuODY3Ny0yLjUxMTMgMy45MjE3cS0xLjU4MjQgMS42MzQtMy44MTg1IDIuNTk3My0yLjIxODkgMC45NDYwMy00LjczMDEgMC45NDYwM3ptNS42NDE4LTUuNDE4Mmg0LjIxNDFxMi45MjQxIDAgNC43MzAxLTEuODc0OSAxLjgyMzMtMS44OTIxIDEuODIzMy01LjAzOTggMC0zLjE0NzctMS44MjMzLTUuMDIyNi0xLjgwNi0xLjg3NDktNC43MzAxLTEuODc0OWgtNC4yMTQxeiIvPgoJCTxwYXRoIGQ9Im0xNjAuNjYgMjYuNDM1di0yNC42NjZoMTUuMzI2djUuNDM1NGgtOS42ODM5djQuMDc2NWg4LjgwNjd2NS4zNjY2aC04LjgwNjd2NC4zNjg5aDkuODU1OXY1LjQxODJ6Ii8+CgkJPHBhdGggZD0ibTE3OC40MiAyMy41OHEwLTEuMzU4OCAwLjk4MDQzLTIuMzM5MyAwLjk5NzYzLTAuOTk3NjMgMi4zNzM3LTAuOTk3NjMgMS4zNTg4IDAgMi4zMzkzIDAuOTgwNDMgMC45OTc2MyAwLjk4MDQzIDAuOTk3NjMgMi4zNTY1IDAgMS4zNzYtMC45OTc2MyAyLjM3MzctMC45ODA0MyAwLjk4MDQzLTIuMzM5MyAwLjk4MDQzdC0yLjM1NjUtMC45ODA0M3EtMC45OTc2My0wLjk5NzYzLTAuOTk3NjMtMi4zNzM3eiIvPgoJCTxwYXRoIGQ9Im0xODguNDQgMjYuNDM1di0yNC42NjZoMTUuMzI2djUuNDM1NGgtOS42ODM5djQuMDc2NWg4LjgwNjd2NS4zNjY2aC04LjgwNjd2NC4zNjg5aDkuODU1OXY1LjQxODJ6Ii8+CgkJPHBhdGggZD0ibTIwNi41NyAxOC40NzF2LTE2LjcwMmg1LjYyNDZ2MTYuMjAzcTAgMy40NTczIDMuODg3MyAzLjQ1NzMgMy44NzAxIDAgMy44NzAxLTMuNDU3M3YtMTYuMjAzaDUuNjQxOHYxNi43MDJxMCAyLjU4MDEtMS4yNTU2IDQuNTIzNy0xLjI1NTYgMS45NDM3LTMuNDA1NyAyLjk0MTMtMi4xMzI5IDAuOTk3NjMtNC44NTA1IDAuOTk3NjMtMi43MTc3IDAtNC44Njc4LTAuOTk3NjMtMi4xMzI5LTAuOTk3NjMtMy4zODg1LTIuOTQxMy0xLjI1NTYtMS45NDM3LTEuMjU1Ni00LjUyMzd6Ii8+Cgk8L2c+Cjwvc3ZnPgo=);
	background-repeat: no-repeat;
	background-size: 5.0em;
}

input[class].postcodenl-autocomplete-address-input.postcodenl-autocomplete-address-input-blank {
	background-position: calc(100% - .85em) calc(50% + .1em);
}

input[class].postcodenl-autocomplete-address-input.postcodenl-autocomplete-address-input-blank:focus {
	background-image: none;
}

input[class].postcodenl-autocomplete-address-input.postcodenl-autocomplete-loading {
	background-image: url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///3d3d+Dg4L29vdfX18jIyJOTk6SkpOnp6fDw8Nra2oaGhnl5eQAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==);
	background-position: center right .6em;
	background-repeat: no-repeat;
	background-size: .8em;
}

.postcodenl-autocomplete-item {
	padding: .4em 1.2em .4em .6em;
	margin: 0;
	line-height: 1.1;
	list-style: none;
	cursor: pointer;
}

.postcodenl-autocomplete-item-focus {
	background-color: #f0f0f0;
}

.postcodenl-autocomplete-item mark {
	background-color: transparent;
	font-weight: 700;
	padding: 0;
}

.postcodenl-autocomplete-item-label {
	display: inline-block;
	max-width: 100%;
	margin-right: .4em;
}

.postcodenl-autocomplete-item-description,
.postcodenl-autocomplete-item-tag {
	margin-right: .4em;
	font-size: 80%;
	color: #666;
}

.postcodenl-autocomplete-item-more {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgoJPHBhdGggZD0ibTUgMTQgNi02LTYtNiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNzc3IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4K);
	background-position: center right .25em;
	background-repeat: no-repeat;
	background-size: .8em;
}

.postcodenl-autocomplete-aria-live-region {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	border: 0;
	clip: rect(0 0 0 0);
}
table {
	margin-bottom: 40px;
}

.header-country-selector {
	position: absolute;
	top: 90px;
}

.header-country-selector-label {
	font-size: 20px;
	line-height: 26px;
	margin: 0;
	font-weight: 600;
	cursor: default;
	color: #fff;
}

.header-country-selector-label .header-country-selector-name:before {
	font-weight: 400;
	font-family: var(--font-family-icons);
	content: '🔍 ';
}

.header-country-selector-label .national-flag {
	width: 32px;
	line-height: 24px;
	margin-right: 8px;
	padding-top: 24px;
	border: 1px solid #fff;
	vertical-align: top;
}

.header-country-selector-label [data-icon] {
	margin-left: 8px;
	align-self: flex-end;
}

.header-country-selector-label [data-icon]:before {
	vertical-align: middle;
}

.header-country-selector-options {
	position: absolute;
	z-index: 600;
	top: -9999px;
	left: 0;
	margin: 0;
	padding: 5px;
	columns: 2;
	font-size: 16px;
	list-style: none;
	background-color: var(--color-menu-background);
	backdrop-filter: var(--backdrop-blur);
	-webkit-backdrop-filter: var(--backdrop-blur);
	color: var(--color-primary);
	box-shadow: var(--dropdown-shadow);
	opacity: 0;
	transition: opacity var(--menu-transition-duration);
}

.header-country-selector-options:before {
	
	position: absolute;
	top: -30px;
	left: 0;
	right: 0;
	height: 30px;
	content: '';
}

.header-country-selector-options:after {
	
	position: absolute;
	top: -40px;
	left: 20px;
	display: block;
	box-sizing: border-box;
	width: 40px;
	height: 40px;
	border: 20px solid transparent;
	border-bottom-color: var(--color-menu-background);
	content: '';
}

.header-country-selector-label:hover + .header-country-selector-options,
.header-country-selector-label:focus + .header-country-selector-options,
.header-country-selector-options:hover {
	top: calc(100% + 25px);
	opacity: 1;
}

.header-country-selector-option {
	line-height: 1;
	padding: 15px;
	white-space: nowrap;
	cursor: pointer;
}

.header-country-selector-option:hover,
.header-country-selector-options [aria-selected],
.header-country-selector-options:hover [aria-selected]:hover {
	background-color: var(--color-menu-item-active);
}

.header-country-selector-options:hover [aria-selected] {
	background-color: unset;
}

.header-country-selector-option .national-flag {
	margin-right: 5px;
}

.header-country-selector-option-name {
	font-weight: 600;
	font-family: 'Gilroy';
	text-transform: uppercase;
	text-decoration: none;
}

.endpointlocale-setlocale-form {
	display: inline;
	padding: 0;
}

.endpointlocale-setlocale-form a {
	text-decoration: none;
}

.endpointlocale-setlocale-form a:hover {
	text-decoration: underline;
}

.endpointlocale-setlocale-form input {
	pointer-events: none;
}

.masthead,
.masthead-compact {
	background: #edf6f9 no-repeat center 10px;
	background-size: 1366px 560px, auto;
	margin-top: -50px;
}

.masthead {
	padding-top: 100px;
	--gradient-overlay: linear-gradient(transparent, rgba(0, 0, 0, .6));
}

.masthead-compact {
	padding-top: 85px;
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .6)), url(../2.0.12.1/img/masthead-search.jpg);
	background-size: 1366px 100%, auto;
}

.masthead-content {
	padding: 0 40px 40px 40px;
}

.masthead-content h2 {
	font-size: 36px;
	font-weight: 700;
	color: inherit;
}

.masthead-content p {
	font-size: 22px;
	margin: 10px 0;
}

.masthead-content .leading {
	font-size: 24px;
	line-height: 1.25;
}

.masthead-content .leading a {
	color: inherit;
}

.masthead-compact .masthead-content {
	height: 115px;
	width: auto;
	padding: 0 40px 20px 40px;
	align-items: center;
	color: #fff;
}

.masthead-content-frontpage {
	display: flex;
	height: 380px;
	flex-direction: column;
	justify-content: flex-end;
	padding: 0;
	color: #fff;
}

.masthead-product {
	height: 425px;
	padding-top: 135px;
}

.masthead h1 {
	margin-bottom: 40px;
	font-size: 60px;
	line-height: 1;
	font-weight: 800;
	font-family: Gilroy, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	color: inherit;
	white-space: pre-line;
}

.masthead-frontpage {
	height: 470px;
	flex-direction: column;
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .6)), url(../2.0.12.1/img/masthead-frontpage.jpg);
	text-align: center;
}

.masthead-frontpage h1 {
	margin-bottom: 15px;
	padding: 0;
	background: transparent;
}

.masthead-frontpage h2 {
	max-width: 750px;
	margin: 0 auto 30px auto;
	font-size: 24px;
	white-space: pre-line;
}

.masthead-frontpage-announcement {
	width: 640px;
	padding: 4px 10px 6px 10px;
	margin: 0 auto;
	font-weight: 600;
	text-align: center;
	background-color: rgba(39, 169, 200, .67);
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
}

.masthead-frontpage-announcement a {
	color: #fff;
}

.masthead-frontpage-announcement .badge {
	background-color: #fff;
	color: #00526c;
}

.masthead-compact h1 {
	margin: 0;
	padding: 0;
	background: transparent;
}

.masthead-product h1 {
	min-height: 120px;
	padding: 10px 0 10px 130px;
	background: url(../2.0.12.1/img/icons/postcodecheck-white.svg) no-repeat 0 0;
	background-size: 92px;
}

.masthead h1 span {
	display: block;
	font-weight: 500;
}

.masthead-product .masthead-content {
	padding: 0 0 40px 40px;
	color: #fff;
}

.masthead-product .leading {
	text-shadow: 0 0 10px rgba(0, 0, 0, .5);
}

.masthead-content h2 {
	padding: 0 40px 40px 40px;
}

.masthead-product .masthead-content h2,
.masthead-product .masthead-content .leading {
	width: 660px;
}

.masthead-address-api {
	background-image: var(--gradient-overlay), url(../2.0.12.1/img/masthead-address-api.jpg);
	background-position: center 0, center -100px;
}

.masthead-validate-api {
	background-image: var(--gradient-overlay), url(../2.0.12.1/img/masthead-validation.jpg);
	background-position: center 0, center -100px;
}

.masthead-developers {
	background-image: var(--gradient-overlay), url(../2.0.12.1/img/masthead-developers.jpg);
	background-position: center 0, center -20px;
}

.masthead-databases {
	height: 500px;
	padding-top: 75px;
	background-image: var(--gradient-overlay), url(../2.0.12.1/img/masthead-databases.jpg);
	background-position: center 15px, center -100px;
}

:lang(nl) .masthead-content-databases,
:lang(nl) .masthead-content-database-basic,
:lang(nl) .masthead-content-database-pro {
	width: 800px;
}

.masthead-geosuite {
	background-image: var(--gradient-overlay), url(../2.0.12.1/img/masthead-geosuite.jpg);
	background-position: center 0, center -100px;
}

.masthead-dtm {
	background-image: var(--gradient-overlay), url(../2.0.12.1/img/masthead-dtm.jpg);
	background-position: center 0, center -100px;
}

.masthead-database-pro {
	background-image: var(--gradient-overlay), url(../2.0.12.1/img/masthead-database-pro.jpg);
	background-position: center 0, center -100px;
}

.masthead-database-basic {
	background-image: var(--gradient-overlay), url(../2.0.12.1/img/masthead-database-basic.jpg);
	background-position: center 0, center 0;
}

.masthead-partners {
	background-image: var(--gradient-overlay), url(../2.0.12.1/img/masthead-customization.jpg);
	background-position: center 0, center -100px;
}

.masthead-landing-intl {
	height: 490px;
	padding-top: 100px;
	background-size: 1366px 590px, auto;
	background-image: var(--gradient-overlay), url(../2.0.12.1/img/masthead-intl-api.jpg);
	background-position: center 0, center 0;
}

.masthead-api .leading {
	padding-right: 40px;
}

.masthead-content-developers {
	margin-top: 80px;
}

.masthead-content-developers h1 {
	padding-left: 150px;
	background: url(../2.0.12.1/img/icons/api-implementation-white.svg) no-repeat 0 25px;
	background-size: 125px;
}

.masthead-content-geosuite h1 {
	padding-left: 190px;
	margin-top: 40px;
	background: url(../2.0.12.1/img/icons/location-white.svg) no-repeat 0 10px;
	background-size: 150px;
}

.masthead-content-dtm {
	width: 700px;
}

.masthead-content-dtm h1 {
	padding-left: 190px;
	background: url(../2.0.12.1/img/icons/drivetime-white.svg) no-repeat 0 10px;
	background-size: 150px;
}

.masthead-content-database-pro {
	margin-top: 30px;
}

.masthead-content-database-pro .leading {
	padding-right: 40px;
}

.masthead-landing-intl-wrapper {
	display: flex;
}

.masthead-product .masthead-content-landing-intl h2,
.masthead-product .masthead-content-validate-api h2 {
	width: auto;
	margin: 10px 0;
}

.masthead-landing-intl-intro {
	padding-right: 40px;
	flex: 0 0 50%;
}

.masthead-landing-intl-form {
	padding: 0;
	background-color: transparent;
}

.masthead-landing-intl-form-countries {
	margin-bottom: 10px;
}

.input-group-addon-country {
	padding: 0;
	background-color: var(--color-primary);
	color: #fff;
}

.postcodenl-dropdown-api-countries {
	height: 100%;
	background-color: transparent;
	color: #fff;
	text-align: left;
}

.postcodenl-dropdown-api-countries .postcodenl-dropdown-label {
	width: 0;
	padding-left: 90px;
	padding-right: 0;
	background-size: 40px;
	background-color: #fff;
}

.postcodenl-dropdown-api-countries .postcodenl-dropdown-label:before {
	border-top-color: var(--color-primary);
}

.postcodenl-dropdown-api-countries .postcodenl-dropdown-option-focus {
	background-color: #fff;
	color: var(--color-primary);
}

.postcodenl-dropdown-api-countries .postcodenl-dropdown-options {
	display: grid;
	grid-template-columns: repeat(2, max-content);
	border-bottom: 1px solid;
	border-color: transparent;
	background-color: rgba(0, 117, 154, .67);
	backdrop-filter: var(--backdrop-blur);
	-webkit-backdrop-filter: var(--backdrop-blur);
}

.postcodenl-dropdown-api-countries .postcodenl-dropdown-options.hidden {
	display: none;
}

.input-group-addon-flag {
	display: flex;
	padding-right: 0;
	align-items: center;
	background-color: #fff;
}

.search-form-wrapper {
	width: 600px;
	padding: 10px 30px;
	margin: 0 auto;
	z-index: 1;
	background-color: rgba(0, 117, 154, .67);
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
}

.address-search-form {
	max-width: none;
	padding: 0;
}

.masthead-content .address-search-form {
	margin: 0 auto 15px auto;
}

.masthead-compact .address-search-form {
	width: 540px;
	margin: 0 40px 0 0;
}

.search-form-compact-wrapper {
	display: flex;
	align-items: center;
}

.input-search-query {
	height: 63px;
	padding: 20px 10px;
	font-size: 23px;
	line-height: 1;
}

.input-search-query::-webkit-input-placeholder {
	font-size: 20px;
	color: #00759a;
}

.input-search-query::-moz-placeholder {
	font-size: 20px;
	color: #00759a;
	opacity: 1;
}

.input-search-query::-ms-input-placeholder { 
	font-size: 20px;
	color: #00759a;
}

.button-search-submit {
	width: 100px;
	height: 0;
	padding: 63px 10px 0 10px;
	overflow: hidden;
	border: 0;
	background: #fff url(../2.0.12.1/img/icons-sprite.svg) no-repeat 30px -425px;
	background-size: 72px 2000px;
	line-height: 1;
}

.button-search-submit:hover,
.button-search-submit:focus {
	background-color: #00759a;
	background-position: 30px -272px;
}

.button-search-submit:after {
	font-size: 32px;
	line-height: 1;
}


input[class].postcodenl-autocomplete-address-input.postcodenl-autocomplete-address-input-blank.postcodenl-autocomplete-logo.input-autocomplete-no-logo {
	background-image: none;
}

.postcodenl-autocomplete-menu {
	width: 540px;
}

.postcodenl-autocomplete-menu-ad {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 0 125px 0 20px;
	line-height: 35px;
	font-size: 16px;
	white-space: nowrap;
}

.postcodenl-autocomplete-menu-ad [data-icon] {
	color: #00526c;
}

.postcodenl-autocomplete-menu-ad.alert-error:before {
	font-family: var(--font-family-icons);
	margin-right: 5px;
}

.address-search-menu {
	width: 600px;
	margin-left: -54px; 
}

.main-controller.home-action .address-search-menu {
	margin-left: -90px; 
}

.postcodenl-autocomplete-item {
	padding: 10px 25px 10px 18px;
}

.search-results-form-wrapper fieldset {
	width: 600px;
}

.address-search-form-flag {
	width: 40px;
	height: auto;
	margin: 0;
	padding-top: 30px;
	filter: opacity(.5);
}

.frontpage-products {
	display: flex;
	gap: 20px;
	justify-content: space-between;
	margin-top: -30px;
}

.frontpage-products > div {
	display: flex;
	flex-direction: column;
	flex: 1;
}

.frontpage-products-intro {
	height: 110px;
	padding: 40px;
	margin-bottom: 20px;
	text-align: center;
}

.frontpage-products-intro h2 {
	margin: 0;
	font-weight: 500;
}

.frontpage-products-intro-api,
.frontpage-products-intro-api h2 {
	color: #fff;
	background-color: var(--color-primary);
}

.frontpage-products-intro-databases,
.frontpage-products-intro-databases h2 {
	color: #fff;
	background-color: var(--color-primary-400);
}

.frontpage-product {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	padding: 40px;
	margin-bottom: 40px;
	background-image: linear-gradient(#edf7f9, #fff);
}

.frontpage-product h3,
.database-product h3 {
	min-height: 60px;
	line-height: 1.2;
	margin: 0 -20px 0 0;
	padding-left: 60px;
	font-size: 24px;
	font-weight: 700;
	background: url(../2.0.12.1/img/icons-sprite.svg) no-repeat 0 -1228px;
	background-size: 72px 2000px;
}

.database-product h3 {
	min-height: 100px;
	padding: 0 0 5px 80px;
	background-position: 0 -1572px;
}

.frontpage-product h4 {
	font-size: 24px;
	font-weight: 500;
}

.frontpage-product-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.frontpage-product-header h3 {
	display: flex;
	align-items: center;
	margin-right: 10px;
}

.frontpage-product-header .product-price {
	margin: 0;
	padding: 20px;
}

.frontpage-product-description {
	min-height: 300px;
	margin: 40px 0;
}

.button-frontpage-product {
	margin-top: auto;
	align-self: flex-start;
}

.frontpage-api-countries {
	width: 900px;
	margin-top: 40px;
}

.frontpage-api-countries .product-countries {
	padding: 0;
	text-align: center;
	background: transparent;
}

.frontpage-api-countries .product-countries h4:before {
	font-size: 16px;
	font-weight: 400;
	font-family: entypo;
	content: '🌎 ';
}

.frontpage-api-countries .product-countries ul {
	margin: 0;
	justify-content: center;
}

.intl-api-price-content {
	width: 900px;
}

.intl-api-price-content-header {
	margin: 20px 0 60px 0;
	text-align: center;
}

.intl-api-price-content-header-apis {
	display: flex;
	gap: 60px;
}

.intl-api-price-content-header-apis > div {
	flex: 1;
}

.intl-api-price-content-main {
	display: flex;
	margin: 40px 0 20px 0;
	padding: 40px 60px;
	justify-content: space-between;
	background-color: #fff;
	color: #444;
}

.intl-api-price-content-main a:not(.button) {
	color: #00759a;
}

.intl-api-price-content-main ul {
	list-style-type: none;
	font-size: 24px;
	font-family: gilroy;
	font-weight: 600;
}

.intl-api-price-content-main li {
	padding: 10px 0;
}

.intl-api-price-content-main li:before {
	display: inline-block;
	content: url(data:image/svg+xml;base64,PCEtLSBGb250IEF3ZXNvbWUgY2hlY2stY2lyY2xlICBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIC0tPgo8c3ZnIGFyaWEtaGlkZGVuPSJ0cnVlIiBmb2N1c2FibGU9ImZhbHNlIiBkYXRhLXByZWZpeD0iZmFyIiBkYXRhLWljb249ImNoZWNrLWNpcmNsZSIgY2xhc3M9InN2Zy1pbmxpbmUtLWZhIGZhLWNoZWNrLWNpcmNsZSBmYS13LTE2IiByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDUxMiA1MTIiPjxwYXRoIGZpbGw9IiMyN2E5YzgiIGQ9Ik0yNTYgOEMxMTkuMDMzIDggOCAxMTkuMDMzIDggMjU2czExMS4wMzMgMjQ4IDI0OCAyNDggMjQ4LTExMS4wMzMgMjQ4LTI0OFMzOTIuOTY3IDggMjU2IDh6bTAgNDhjMTEwLjUzMiAwIDIwMCA4OS40NTEgMjAwIDIwMCAwIDExMC41MzItODkuNDUxIDIwMC0yMDAgMjAwLTExMC41MzIgMC0yMDAtODkuNDUxLTIwMC0yMDAgMC0xMTAuNTMyIDg5LjQ1MS0yMDAgMjAwLTIwMG0xNDAuMjA0IDEzMC4yNjdsLTIyLjUzNi0yMi43MThjLTQuNjY3LTQuNzA1LTEyLjI2NS00LjczNi0xNi45Ny0uMDY4TDIxNS4zNDYgMzAzLjY5N2wtNTkuNzkyLTYwLjI3N2MtNC42NjctNC43MDUtMTIuMjY1LTQuNzM2LTE2Ljk3LS4wNjlsLTIyLjcxOSAyMi41MzZjLTQuNzA1IDQuNjY3LTQuNzM2IDEyLjI2NS0uMDY4IDE2Ljk3MWw5MC43ODEgOTEuNTE2YzQuNjY3IDQuNzA1IDEyLjI2NSA0LjczNiAxNi45Ny4wNjhsMTcyLjU4OS0xNzEuMjA0YzQuNzA0LTQuNjY4IDQuNzM0LTEyLjI2Ni4wNjctMTYuOTcxeiI+PC9wYXRoPjwvc3ZnPgo=);
	width: 28px;
	line-height: 1;
	margin-right: 10px;
	vertical-align: text-top;
}

.intl-api-product-price {
	margin-bottom: 30px;
}

.intl-api-product-price-from,
.intl-api-product-price-per-request {
	display: block;
}

.intl-api-product-price-amount {
	font-family: gilroy;
	font-size: 56px;
	line-height: 1;
	font-weight: 500;
	color: #444;
}

.intl-api-product-price-detail {
	display: inline-block;
	width: 85px;
	margin-left: 20px;
	line-height: 1;
}

.intl-api-price-content-header h3 {
	font-size: 22px;
	font-weight: 500;
	margin: 0;
}

.frontpage-demo-wrapper {
	display: flex;
	margin: 80px auto;
	gap: 40px;
	align-items: flex-start;
}

.frontpage-demo-wrapper > div {
	flex: 1;
	margin: 0;
}

.frontpage-data-sources {
	height: 450px;
	padding: 40px;
	background-image: linear-gradient(transparent, rgba(0, 0, 0, .25)), url(../2.0.12.1/img/huisjes.jpg);
}

.frontpage-data-sources h2 {
	margin: 0 0 20px 0;
	font-size: 48px;
	line-height: 1;
	font-weight: 800;
	color: #fff;
}

.frontpage-data-sources p {
	padding: 20px;
	color: #fff;
	background-color: rgba(0, 0, 0, .5);
	backdrop-filter: var(--backdrop-blur);
}

.frontpage-data-sources a {
	color: inherit;
}

.frontpage-faq {
	margin: 80px 0;
	padding: 40px 0;
	background-color: var(--color-primary-light);
}

.faq-items > dt {
	line-height: 1.2;
	padding-left: 20px;
	text-transform: uppercase;
	font-weight: 700;
	color: var(--color-primary);
}

.faq-items > dt:before {
	line-height: 1;
	display: inline-block;
	margin-right: 10px;
	margin-left: -17px;
	font-family: entypo;
	content: '';
	color: #000;
	transition: transform .2s;
}

.faq-items > dd {
	overflow: hidden;
	height: 30px;
}

.faq-items dl {
	margin: 0;
}

.faq-items dt {
	margin-bottom: 10px;
}

.faq-items dd {
	margin: 0 0 20px 0;
}

.faq-items h4 + p {
	margin-top: 10px;
}

.faq-item-active:before {
	transform: rotate(90deg);
}

.faq-item-active + dd {
	height: auto;
}

.faq-item-active + dd > dl {
	padding: 15px 20px;
	background-color: #fff;
}

.faq-item-active + dd dt {
	font-weight: 700;
}

.about-postcode-eu-content {
	min-height: 100px;
	background: url(../2.0.12.1/img/postcode-eu-square.svg) no-repeat 0 0;
	background-size: 100px;
	padding-left: 120px;
}

.well-newsletter {
	padding: 20px 0 60px 0;
}

.well-newsletter .well-cta-content {
	align-items: flex-end;
	color: inherit;
}

.button-product-newsletter {
	margin-left: 40px;
	flex-shrink: 0;
}

.frontpage-newsletter {
	background-color: #edf6f9;
	margin-top: 80px;
	margin-bottom: 80px;
}

.clientele {
	margin: 80px auto;
	padding: 40px;
	text-transform: uppercase;
	text-align: center;
	color: #27a9c8;
	background-color: #f0f0f0;
}

.clientele-items {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 0;
	margin: 0;
}

.clientele-item {
	flex-basis: 158px;
	height: 0;
	margin: 20px;
	padding-top: 40px;
	overflow: hidden;
	background-image: url(../2.0.12.1/img/clientele-sprite.png);
	background-repeat: no-repeat;
	background-size: 158px;
}

.clientele-afas {
	background-position: 0 10px;
}

.clientele-blokker {
	background-position: 0 -37px;
}

.clientele-fleurop {
	background-position: 0 -85px;
	flex-basis: 70px;
}

.clientele-yellowbrick {
	background-position: 0 -140px;
	flex-basis: 140px;
}

.clientele-omoda {
	background-position: 0 -197px;
}

.clientele-ah {
	background-position: 0 -255px;
	flex-basis: 100px;
}

.clientele-gall {
	background-position: 0 -307px;
	flex-basis: 132px;
}

.clientele-ikea {
	background-position: 0 -362px;
	flex-basis: 92px;
}

.clientele-werkaandemuur {
	background-position: 0 -408px;
}

.clientele-partou {
	background-position: 0 -457px;
	flex-basis: 72px;
}

.clientele-siemens {
	background-position: 0 -499px;
}

.clientele-topbloemen {
	background-position: 0 -546px;
}

.clientele-nederlandse-loterij {
	background-position: 0 -598px;
	flex-basis: 132px;
}

.clientele-sunny-cars {
	background-position: 0 -651px;
	flex-basis: 104px;
}

.clientele-lucardi {
	background-position: 0 -702px;
	flex-basis: 120px;
}

.clientele-lucardi {
	background-position: 0 -702px;
	flex-basis: 120px;
}

.clientele-vandebron {
	background-position: 0 -748px;
}

.clientele-xxl-nutrition {
	background-position: 0 -793px;
	flex-basis: 65px;
}

.clientele-petsplace {
	background-position: 0 -846px;
	flex-basis: 55px;
}

.footer-country-selector {
	position: relative;
}

.footer-country-selector .national-flag {
	margin-right: 5px;
}

.footer-country-options {
	position: absolute;
	z-index: 600;
	bottom: 35px;
	left: -9999px;
	margin: 0;
	padding: 10px;
	columns: 2;
	column-gap: 0;
	list-style-type: none;
	text-align: left;
	background-color: var(--color-primary);
	backdrop-filter: var(--backdrop-blur);
	-webkit-backdrop-filter: var(--backdrop-blur);
	box-shadow: var(--dropdown-shadow);
	opacity: 0;
	transition: opacity var(--menu-transition-duration);
}

.footer-country-options a {
	display: block;
	white-space: nowrap;
	padding: 10px;
}

.footer-country-options a:hover,
.footer-country-options [aria-selected],
.footer-country-options:hover [aria-selected]:hover {
	background-color: #fff;
	color: var(--color-primary);
}

.footer-country-options:hover [aria-selected] {
	background-color: unset;
	color: unset;
}

.footer-country-label:hover + .footer-country-options,
.footer-country-label:focus + .footer-country-options,
.footer-country-options:hover {
	left: auto;
	opacity: 1;
}

.footer-country-options:before {
	
	display: block;
	position: absolute;
	bottom: -20px;
	left: 0;
	right: 0;
	z-index: 600;
	height: 20px;
	content: '';
}

.footer-country-options:after {
	
	display: block;
	position: absolute;
	bottom: -20px;
	left: 24px;
	box-sizing: border-box;
	width: 20px;
	height: 20px;
	border: 10px solid transparent;
	border-top-color: var(--color-primary);
	content: '';
}

.main-section {
	margin-top: 40px;
	min-height: 400px;
}

.search-result-type {
	padding: 20px 40px;
	color: #00759a;
	background-color: #edf6f9;
}

.search-result-type a:first-child {
	font-weight: 700;
}

.addresstype-note {
	color: #777;
	font-style: italic;
}

.search-result-heading {
	text-transform: initial;
}

.search-result-content-header {
	min-height: 52px;
	margin-bottom: 30px;
	align-items: flex-start;
}

.search-result-content-header .search-result-heading {
	flex-basis: auto;
}

.nav-search-result {
	position: relative;
	min-width: 50px;
	padding-left: 20px;
	margin-left: auto;
}

.nav-search-result form {
	display: none;
	width: 555px;
	padding-right: 45px;
	background-color: transparent;
	border-bottom: 3px solid #00759a;
}

.nav-search-result.has-search-form-open form {
	display: block;
}

.nav-search-result form .input-search-query {
	height: auto;
	padding: 10px 12px;
}

.nav-search-result form .button-search-submit {
	display: none;
}

.search-result-form-open,
.search-result-form-close {
	position: absolute;
	right: 0;
}

.search-result-form-open {
	top: 0;
	display: inline-block;
	padding-top: 42px;
	height: 0;
	width: 45px;
	background: url(../2.0.12.1/img/icons-sprite.svg) no-repeat 5px -437px;
	background-size: 72px 2000px;
	overflow: hidden;
}

.search-result-form-close {
	display: none;
	bottom: 10px;
	width: 45px;
	font-size: 40px;
	line-height: 1;
	text-align: center;
}

.has-search-form-open .search-result-form-open {
	display: none;
}

.has-search-form-open .search-result-form-close {
	display: block;
}

.search-result-subtitle {
	display: block;
	margin-top: 10px;
	font-size: 20px;
	color: #404040;
}

.search-results-form-wrapper h1 {
	text-transform: none;
	font-weight: 600;
}

.search-results-form-wrapper form {
	padding: 20px;
	margin-bottom: 10px;
}

.search-results-form-wrapper .button-search-submit:hover,
.search-results-form-wrapper .button-search-submit:focus {
	background-color: #1c88a3;
}

.search-result-table .badge {
	margin-left: 5px;
}

.search-result-table td:empty:after {
	content: ''; 
}

.address-view-title {
	margin-top: 40px;
}

.address-view-title small {
	color: var(--color-primary-400);
}

.address-view-content {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: flex-start;
}

.address-view-data {
	flex: 0 0 630px;
	margin-bottom: 40px;
}

.address-view-data h2 {
	font-size: 20px;
	line-height: 1.2;
	padding: 15px 20px;
	margin: 0 0 5px 0;
	background-color: #00759a;
	color: #fff;
	text-transform: initial;
	font-family: inherit;
	font-weight: 400;
}

.address-view-data h2:nth-child(n+2) {
	margin-top: 30px;
}

.address-view-data-dl {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}

.address-view-data-dl > :nth-of-type(2n+1) {
	background-color: #edf6f9;
}

.address-view-data-dl > dt {
	flex: 0 0 210px;
	padding: 15px 0 15px 20px;
	line-height: 30px;
	font-size: 20px;
	font-weight: bold;
}

.address-view-data-dl > dd {
	flex: 1 0 calc(100% - 270px);
	flex-basis: calc(100% - 270px); 
	line-height: 30px;
	padding: 15px 20px 15px 20px;
	margin: 0;
}

.address-view-data-container {
	padding: 20px;
	font-weight: 700;
	background-color: #edf6f9;
}

.address-view-addressing-title {
	position: relative;
}

.address-view-addressing-address {
	white-space: pre-line;
}

.copy-addressing-link {
	position: absolute;
	top: 20px;
	right: 20px;
	line-height: 1;
	color: inherit;
}

@keyframes fade-address {
	0%, 100% { opacity: 1; }
	20% { opacity: .2; }
}

.fade-address {
	animation: fade-address 1s;
}

.address-view-map {
	height: 600px;
	margin-bottom: 40px;
}

.address-view-ad-api {
	padding: 20px 20px 20px 100px;
	margin-top: 20px;
	background-color: #00526c;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzOS45OTkgNTcuMjY4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgoJPGcgZmlsbD0iI2Q0OWIwMCI+CgkJPHBhdGggZD0ibTE5LjkyIDIyLjc3OGEwLjkgMC45IDAgMCAxLTAuODMtMC4zNjlsLTUuNDQxLTUuNDQxYTEuMTI2IDEuMTI2IDAgMCAxLTAuMzY5LTAuODMgMC45IDAuOSAwIDAgMSAwLjM2OS0wLjgzIDEuMTI2IDEuMTI2IDAgMCAxIDAuODMtMC4zNjkgMC45IDAuOSAwIDAgMSAwLjgzIDAuMzY5bDQuMTUgNC4xNWEwLjcgMC43IDAgMCAwIDAuNDYxIDAuMTg0YzAuMTg0IDAgMC4yNzctMC4wOTIgMC40NjEtMC4xODRsMTcuNjE0LTE3LjcwNmExLjEyNiAxLjEyNiAwIDAgMSAwLjgzLTAuMzY5IDAuOSAwLjkgMCAwIDEgMC44MyAwLjM2OSAxLjI4MyAxLjI4MyAwIDAgMSAwIDEuNzUybC0xOC45IDE4LjlhMSAxIDAgMCAxLTAuODM1IDAuMzc0eiIvPgoJCTxwYXRoIGQ9Im0xOC44MTMgNTcuMjY4Yy0zLjc4MSAwLTguOTQ1LTkuODY3LTExLjcxMi0xNS42NzctMy4yMjgtNy4wMDktNy4xMDEtMTcuMTUzLTcuMTAxLTIyLjc3OGExOC44MTMgMTguODEzIDAgMCAxIDM3LjYyNSAwYzAgNS40NDEtMy43ODEgMTUuMzA4LTcuMzc4IDIyLjY4Ni02LjU0NyAxMy43NC05Ljk1OSAxNS43NjktMTEuNDM0IDE1Ljc2OXptLTAuMDkzLTIuNzY4em0wLjA5Mi01MS43MzVhMTYuMDU4IDE2LjA1OCAwIDAgMC0xNi4wNDUgMTYuMDQ4YzAgMTAuMTQ0IDEyLjgxOCAzNC45NTEgMTYuMDQ2IDM1LjYgMy4yMjgtMS4yIDE2LjEzOC0yNi4zNzUgMTYuMTM4LTM1LjZhMTYuMiAxNi4yIDAgMCAwLTE2LjEzOC0xNi4wNDZ6Ii8+CgkJPHBhdGggZD0ibTE5LjE4MSAzMC4xNTVhMTAuOTc0IDEwLjk3NCAwIDEgMSAxMC45NzQtMTAuOTc0IDExIDExIDAgMCAxLTEwLjk3NCAxMC45NzR6bTAtMTkuMTgyYTguMjA3IDguMjA3IDAgMSAwIDguMjA3IDguMjA3IDguMjI2IDguMjI2IDAgMCAwLTguMjA3LTguMjA2eiIvPgoJPC9nPgo8L3N2Zz4K), linear-gradient(#edf7f9, #fff);
	background-repeat: no-repeat;
	background-position: 20px 20px, 0 0;
	background-size: 60px 90px, auto;
	color: #00759a;
}

.address-view-ad-api h3,
.address-view-ad-api a {
	margin: 0;
	color: inherit;
}

.content-wrapper-contact {
	display: flex;
	justify-content: space-between;
	margin: 40px auto;
}

.content-wrapper-contact > div {
	flex: 0 0 calc(50% - 20px);
	flex-basis: calc(50% - 20px);
}

.contact-details address {
	margin-bottom: 40px;
}

.contactmessage-create-form {
	max-width: none;
}

.contact-form-result {
	margin-bottom: 80px;
}

.page-footer-locale-popup-link:hover + form .locale-options,
.page-footer-locale:hover .locale-options:hover {
	left: 0;
}

.page-footer-locale .locale-options:after {
	left: 20px;
}

.blog-post-wrapper {
	display: flex;
	justify-content: space-between;
	gap: 40px;
	padding-top: 40px;
}

.blog-post {
	flex: 0 1 800px;
}

.blog-post h2:first-child {
	margin: 0 0 20px 0;
}

.blog-post-image {
	margin: 20px 0;
}

.blog-post-image img {
	max-width: 100%;
}

.blog-post-aside {
	background-color: var(--color-primary-light);
	flex: 0 1 340px;
	padding: 40px;
}

.blog-post-aside ul {
	color: #00759a; 
	padding: 0;
}

.blog-post-aside :first-child {
	margin-top: 0;
}

.blog-post-posted-at {
	font-size: 85%;
	color: var(--color-grey);
}

.button-wrapper {
	margin-top: 20px;
	text-align: right;
}

.product-description {
	flex: 0 1 800px;
}

.product-description > h2 {
	font-size: 30px;
	margin: 40px 0 20px 0;
}

.product-essentials {
	display: flex;
	align-items: flex-start;
	margin-bottom: 60px;
}

.product-properties {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	background-color: var(--color-primary-100);
	flex: 0 1 340px;
	margin: 50px 0 0 60px;
	padding: 40px;
}

.product-properties:before {
	position: absolute;
	top: -85px;
	left: 0;
	right: 0;
	height: 70px;
	line-height: 70px;
	font-size: 48px;
	font-family: var(--font-family-icons);
	content: ''; 
	text-align: center;
	color: #fff;
	background-color: var(--color-primary);
}

.product-features {
	list-style-type: none;
	padding: 10px 0 0 40px;
}

.product-features li {
	position: relative;
	margin-bottom: 10px;
}

.product-features li:before,
.well-databases li:before {
	position: absolute;
	top: 0;
	left: -30px;
	font-size: 60px;
	line-height: 28px;
	font-family: var(--font-family-icons);
	content: ''; 
	color: var(--color-primary-300);
}

.well-highlight .product-features li:before {
	color: #fff;
}

.product-properties > p {
	margin: 0;
}

.product-cta {
	margin-top: auto;
	padding-top: 20px;
	text-align: center;
}

.product-countries {
	padding-left: 80px;
	margin-bottom: 40px;
	background: url(../2.0.12.1/img/icons-sprite.svg) no-repeat 0 -1927px;
	background-size: 72px 2000px;
}

.product-countries h4 {
	margin: 0;
}

.product-countries ul {
	display: flex;
	margin: 15px 0 0 0;
	padding: 0;
	flex-wrap: wrap;
	list-style-type: none;
}

.product-countries li {
	line-height: 45px;
	padding-right: 20px;
	background-repeat: no-repeat;
	background-position: 0 center;
	background-size: 24px;
	white-space: nowrap;
}

.content-wrapper-product-api-methods {
	margin-bottom: 80px;
}

.product-api-methods-tabs,
.product-demo-tabs {
	white-space: nowrap;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.product-api-methods-tabs li,
.product-demo-tabs li {
	display: inline;
}

.product-api-methods-tab {
	display: inline-block;
	padding: 20px 30px;
	margin-right: 5px;
	font-size: 20px;
	font-weight: 500;
	line-height: 1;
	text-transform: none;
	text-decoration: none;
	background-color: #d5ebf0;
	background-size: 25px;
}

.product-api-methods-tab span {
	margin-right: 5px;
}

.product-api-methods-tab-active {
	background-color: var(--color-primary-100);
}

.product-api-methods-tab-intl {
	padding-left: 30px;
}

.well-product-api-methods {
	padding: 30px;
	margin-bottom: 20px;
	color: var(--color-primary);
}

.product-api-methods-title {
	width: 50%;
	font-size: 24px;
}

.product-api-methods {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0;
}

.product-api-method-name {
	flex: 0 0 100%;
	height: 40px;
}

.product-api-method-description,
.product-api-method-example {
	flex: 0 0 calc(50% - 30px);
	margin: 20px 0 0 0;
}

.product-api-method-example {
	margin-top: -79px;
}

.product-api-method-example h4 {
	margin: 0;
	font-size: 24px;
}

.product-api-method-example dt {
	margin-top: 10px;
}

.product-api-method-example dd {
	margin: 5px 0 0 -15px;
	padding: 5px 15px;
	border-radius: 20px;
	background-color: #fff;
}

.product-api-method-example img {
	max-width: 100%;
	height: auto;
}

.product-demo-intl {
	position: relative;
	width: 900px;
	min-height: 500px;
	margin: 60px 0 80px 0;
	padding: 100px;
	background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%) no-repeat 0 500px, url(../2.0.12.1/img/tablet-outline.svg) no-repeat 0 0;
	background-size: 100% 200px, contain;
}

.product-demo-tab {
	display: inline-block;
	padding: 20px;
	margin: 0 5px -3px 0;
	font-size: 20px;
	font-weight: 500;
	line-height: 1;
	text-transform: none;
	text-decoration: none;
	white-space: normal;
	color: var(--color-primary);
	border: 3px solid var(--color-primary);
	border-bottom: 0;
}

.product-demo-tab[aria-selected=true] {
	background-color: var(--color-primary-100);
}

.product-demo-panels {
	border: 3px solid var(--color-primary);
	border-image: linear-gradient(var(--color-primary), #fff) 1;
}

.product-demo .label-text {
	display: block;
	margin: 10px 0 5px 0;
}

.product-demo .addresslookup-house-number-addition-select {
	margin-top: 5px;
}

.product-demo .ui-autocomplete-loading {
	background-image: url(../2.0.12.1/img/loader-grey.gif);
	background-repeat: no-repeat;
	background-position: center right 10px;
}

.product-demo-title {
	margin: 0 0 20px 0;
	padding: 20px 30px;
	line-height: 1;
	background-color: var(--color-primary);
	color: #fff;
	box-shadow: 0 5px 20px var(--color-shadow);
}

.product-demo-title span {
	text-transform: none;
	font-weight: 400;
}

.product-demo-wrapper {
	max-width: 1100px;
}

.address-lookup-demo-mask {
	position: absolute;
	z-index: 1;
	top: 86px;
	right: 77px;
	bottom: 77px;
	left: 77px;
	height: 555px;
	overflow: hidden;
}

.address-lookup-demo-mask:after {
	position: absolute;
	right: 0;
	bottom: 8%;
	left: 0;
	height: 80px;
	background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)) no-repeat bottom;
	content: '';
}

.product-demo-bel #address-lookup-demo-map {
	width: 100%;
}

.product-demo-bel .leaflet-control-attribution,
.product-demo-deu .leaflet-control-attribution {
	display: none;
}

#address-lookup-demo-map {
	height: 92%;
}

#address-lookup-demo-map .leaflet-right {
	right: 40px;
}

.product-demo .label-text,
.product-demo dt > label {
	font-size: 20px;
}

.addresslookup-form-container {
	position: relative;
	z-index: 2;
}

.product-demo-form {
	max-width: none;
	margin-top: 210px;
	padding: 20px;
	font-size: 18px;
	background-color: rgba(0, 117, 154, 0.8);
	box-shadow: 0 5px 20px var(--color-shadow);
}

.product-demo-form dt {
	margin: 0 0 10px 0;
	font-size: 16px;
	font-weight: 700;
	font-family: var(--font-family-base);
	text-transform: uppercase;
}

.product-demo-form dd {
	margin: 10px 0 0 0;
}

.product-demo-address-container {
	display: flex;
}

.product-demo-input,
.product-demo-result {
	font-size: 22px;
}

.product-demo-input {
	padding: 9px 18px;
}

.product-demo-result {
	margin-top: 10px;
}

.product-demo-result:empty {
	display: none;
}

.product-demo-input-description {
	color: inherit;
}

.addresslookup-house-number-addition-links {
	list-style-type: none;
	margin: 5px 0 20px 0;
	padding: 0;
}

.addresslookup-house-number-addition-links li {
	display: inline;
}

.addresslookup-house-number-addition-links li + li {
	margin-left: 10px;
}

.addresslookup-house-number-addition-links a {
	font-weight: 600;
}

.address-lookup-output {
	margin-top: 10px;
}

.autocomplete-address-result {
	position: relative;
	line-height: 1.2;
	margin-top: 10px;
	padding: 20px;
	background-color: var(--color-green-200);
	color: var(--color-green-600);
}

.autocomplete-address-result:empty {
	display: none;
}

.product-subscription-country {
	display: inline-block;
	cursor: pointer;
}

.product-subscription-country input {
	vertical-align: middle;
	margin-bottom: 3px;
}

.product-demo-country-selected {
	background-color: var(--color-primary-200);
}

.webshop-demo-path {
	margin: 20px 0;
	padding: 0;
	list-style-type: none;
	font-family: var(--font-family-headings);
	text-transform: uppercase;
	color: var(--color-primary);
}

.webshop-demo-path [data-icon]:before {
	vertical-align: 1px;
}

.webshop-demo-path > li {
	display: inline;
}

.webshop-demo-path > li + li:before {
	margin: 0 10px;
	font-family: var(--font-family-icons);
	content: ''
}

.webshop-demo-home {
	padding: 20px 40px 40px 40px;
}

.product-demo-accordion-label {
	position: relative;
	display: inline-block;
	margin: 0 40px;
	padding: 10px 15px;
	font-size: 20px;
	font-weight: 600;
	color: var(--color-primary);
	cursor: pointer;
	text-decoration-line: underline;
	text-decoration-style: dotted;
}

.product-demo-accordion-label:nth-child(n+2) {
	margin-top: 1px;
}

.product-demo-accordion-label:before {
	position: absolute;
	left: 0px;
	font-family: var(--font-family-icons);
	content: '';
	transition: transform .2s;
}

.product-demo-accordion-label-active:before {
	transform: rotate(90deg);
}

.product-demo-accordion-panel {
	height: 0;
	padding: 0 40px;
	overflow: hidden;
}

.product-demo-accordion-panel.webshop-demo-has-result .webshop-demo-shipto {
	margin-bottom: 20px;
}

.product-demo-compact .product-demo-accordion-label-active+.webshop-demo {
	height: auto;
	overflow: visible;
}

.webshop-demo-checkout-main {
	display: flex;
	max-width: 940px;
	justify-content: space-between;
}

.product-demo-compact .webshop-demo-checkout-main {
	flex-wrap: wrap;
}

.webshop-demo form {
	position: relative;
	flex-basis: 450px;
	padding: 0;
	background-color: transparent;
	color: var(--color-primary);
}

.webshop-demo form h3 {
	margin: 0 0 20px 0;
}

.webshop-demo form dt {
	margin: 10px 0 5px 0;
}

.webshop-demo form dd {
	margin: 0;
}

.webshop-demo form dd:last-child {
	margin-bottom: 0;
}

.webshop-demo-form label {
	display: block;
}

.webshop-demo-form .postcodenl-dropdown-api-countries {
	margin-bottom: 14px;
}

.webshop-demo-form .postcodenl-dropdown-api-countries .postcodenl-dropdown-label {
	width: auto;
	padding-left: 80px;
	background-color: var(--color-primary);
	color: #fff;
}

.webshop-demo-form .postcodenl-dropdown-api-countries .postcodenl-dropdown-label:before {
	border-top-color: #fff;
}

.webshop-demo [type=text] {
	border: 2px solid var(--color-primary);
	background-color: transparent;

	&.input-valid {
		color: var(--color-green-700);
		background-color: var(--color-green-100);
		border-color: var(--color-green-500);
	}

	&.input-error {
		color: var(--color-red-700);
		background-color: var(--color-red-100);
		border-color: var(--color-red-500);
	}

	&::placeholder {
		color: rgba(0, 117, 154, .5);
	}
}

.webshop-demo .form-column {
	margin-top: 0;
}

.webshop-demo-shipto {
	position: relative;
	width: 450px;
}

.webshop-demo-shipto h4 {
	margin: 0 0 20px 0;
	font-weight: 500;
	color: inherit;
}

.webshop-demo-shipto a {
	color: inherit;
}

.webshop-demo-result-form {
	transition: opacity .15s;
	opacity: 0;
}

.webshop-demo-has-result .webshop-demo-result-form {
	opacity: 1;
}

.form-column-house-number-intl {
	flex: 0 0 160px;
}

.form-column-postcode {
	flex-basis: 160px;
}

.webshop-demo-address-hint {
	position: absolute;
	top: 15px;
	padding: 20px 40px;
	background-color: var(--color-primary-300);
	color: #fff;
	box-shadow: 0 5px 20px var(--color-shadow);
	transition: opacity .15s;
}

.product-demo-compact .webshop-demo-address-hint {
	top: 18px;
}

.product-demo-compact .webshop-demo-address-hint-nl {
	top: auto;
	bottom: -22px;
}

.webshop-demo-has-result .webshop-demo-address-hint {
	top: -9999px;
	bottom: auto;
	opacity: 0;
}

.webshop-demo-address-hint:before {
	position: absolute;
	left: -29px;
	top: 138px;
	box-sizing: border-box;
	width: 30px;
	height: 30px;
	border: 15px solid transparent;
	border-right-color: var(--color-primary-300);
	content: '';
}

.webshop-demo-address-hint-nl:before {
	top: 40px;
}

.product-demo-compact .webshop-demo-address-hint:before {
	left: 30px;
	top: -29px;
	border-right-color: transparent;
	border-bottom-color: var(--color-primary-300);
}

.webshop-demo-address-examples {
	margin: 0 0 10px 0;
	padding-left: 20px;
	color: #fff;
}

.webshop-demo-address-examples a {
	text-decoration: none;
	border-bottom: 1px dotted;
}

.webshop-demo-address-examples a:hover {
	border-bottom: 0;
}

.webshop-demo-address-hint h4 {
	margin: 0 0 20px 0;
	font-size: 18px;
	font-weight: 600;
}

.webshop-demo-reset {
	font-size: 16px;
	margin: 15px 0 0 0;
	opacity: 0;
	transition: opacity .15s;
}

.webshop-demo-has-result .webshop-demo-reset {
	opacity: 1;
}

.product-demo-compact .webshop-demo-intl .webshop-demo-reset {
	position: absolute;
	bottom: 60px;
	right: 0;
}

.webshop-demo-reset-link {
	margin-left: 3px;
}

.webshop-demo-nl .address-validation-output {
	margin: 0;
}

.webshop-demo-nl-result-elements {
	opacity: 0;
	transition: opacity .15s;
}

.webshop-demo-has-result .webshop-demo-nl-result-elements {
	opacity: 1;
}

.webshop-demo-nl-house-number.postcodenl-address-lookup-loading {
	background-image: url(../2.0.12.1/img/loader-grey-small.gif);
	background-repeat: no-repeat;
	background-position: center right 17px;
}

.webshop-demo-intl-components-result {
	margin-top: 15px;
	line-height: 1.2;
	font-weight: 600;
}

.webshop-demo-intl-components-result address {
	padding: 10px 15px;
	white-space: pre-line;
	background-color: var(--color-green-100);
	color: var(--color-green-500);
}

.webshop-demo-intl-components-result small {
	font-weight: 400;
}

.webshop-demo-intl-components-result:empty {
	display: none;
}

.product-demo-api {
	position: relative;
	margin-top: 80px;
	padding: 40px 0;
	flex-grow: 1;
	background-image: linear-gradient(var(--color-primary-100) 130px, #fff);
}

.product-demo-api-title {
	position: absolute;
	top: -25px;
	left: 40px;
}

.product-subscriptions {
	padding: 0 20px 80px 20px;
	margin-bottom: 80px;
}

.product-subscriptions-content {
	max-width: 1200px;
}

.product-subscriptions-header {
	position: relative;
	bottom: 25px;
	display: flex;
	line-height: 50px;
}

.product-subscriptions-header h2 {
	display: inline-block;
	margin: 0 20px 0 0;
	padding: 0 30px;
	line-height: inherit;
	background-color: var(--color-primary-400);
	color: #fff;
}

.product-subscriptions-controls {
	line-height: 50px;
	margin: 0;
	padding: 0 30px;
	background-color: var(--color-primary-100);
	color: var(--color-grey-700);
}

.product-subscriptions-countries {
	display: inline;
}

.product-subscriptions-countries label {
	color: var(--color-primary);
	margin-left: 20px;
	white-space: nowrap;
}

.well-product-implementation {
	margin-bottom: 80px;
}

.product-essentials-api {
	margin-bottom: 40px;
}

.product-description-api {
	display: flex;
	margin-bottom: 80px;
	flex-wrap: wrap;
	justify-content: space-around;
}

.product-description-api > div {
	flex: 0 0 calc(50% - 80px);
	flex-basis: calc(50% - 80px);
	margin-top: 40px;
}

.product-description-api h2 {
	margin-top: 0;
	font-size: 30px;
	font-weight: 800;
}

.database-products {
	display: flex;
	justify-content: space-between;
	margin-bottom: 100px;
}

.database-products > div {
	flex: 0 0 328px;
}

.database-product {
	margin: 135px 0 0 0;
}

.well-databases {
	padding: 40px;
	margin-top: -35px;
}

.well-databases h3 {
	font-size: 24px;
	font-family: var(--font-family-headings);
	font-weight: 500;
}

.well-databases ul {
	list-style-type: none;
}

.well-databases li {
	position: relative;
	margin-bottom: 10px;
}

.well-databases li:before {
	color: #fff;
}

.database-products-contact {
	margin: 100px auto;
	background: linear-gradient(to right, rgba(0, 0, 0, .75), transparent) no-repeat 0 0, url(../2.0.12.1/img/masthead-search.jpg) no-repeat 0 0;
	background-size: 100% 270px, auto;
}

.database-products-contact-content {
	display: block;
}

.database-products-contact p {
	margin: 0 0 20px 0;
}

.addressdata-products-geo-dtm {
	display: flex;
}

.addressdata-products-geo-dtm > div {
	display: flex;
	flex: 0 1 50%;
	flex-direction: column;
	padding: 0 40px 40px 40px;
}

.addressdata-products-geo-dtm h2 {
	margin-top: 0;
	padding: 0 0 5px 80px;
	background: url(../2.0.12.1/img/icons-sprite.svg) no-repeat 0 -1398px;
	background-size: 72px 2000px;
}

.addressdata-products-geo-dtm p {
	padding-left: 80px;
}

.addressdata-products-geo-dtm .button {
	margin: auto 0 0 auto;
	align-self: flex-end;
}

.well-demofiles {
	display: block;
	color: inherit;
	margin-top: 100px;
}

.developers-intro {
	display: flex;
	margin-bottom: 80px;
	justify-content: space-between;
}

.api-plugin-screens {
	flex: 0 0 640px;
	width: 640px;
	height: 500px;
	margin: 40px 0 40px 40px;
	border: 3px solid var(--color-primary);
	border-image: linear-gradient(var(--color-primary), #fff) 1;
}

.carousel {
	position: relative;
}

.carousel-content-wrapper {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.carousel-content {
	display: flex;
	height: 100%;
	margin: 0;
	padding: 0;
	list-style-type: none;
	transform: translateX(0);
	transition: transform .5s;
}

.carousel-item {
	display: flex;
	width: 100%;
	height: calc(100% - 20px);
	padding: 10px 0;
	flex-shrink: 0;
	justify-content: center;
	align-items: center;
}

.carousel-item:before {
	position: absolute;
	top: 0;
	width: 160px;
	height: 40px;
	content: '';
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 24px;
}

.carousel-item-plugin-m2:before {
	background-image: url(../2.0.12.1/img/plugins/magento-2.svg);
}

.carousel-item-plugin-wc:before {
	background-image: url(../2.0.12.1/img/plugins/woocommerce.svg);
}

.carousel-item-plugin-shopware:before {
	background-image: url(../2.0.12.1/img/plugins/shopware-blue.svg);
}

.carousel-content img {
	max-width: 100%;
	max-height: 100%;
}

.carousel-controls > a {
	position: absolute;
	top: 0;
	bottom: 0;
	display: flex;
	width: 90px;
	font-size: 32px;
	align-items: center;
	cursor: pointer;
	text-align: center;
}

.carousel-controls a:hover {
	background-color: rgba(255, 255, 255, .15);
}

.carousel-controls [data-icon] {
	display: block;
	width: 40px;
	line-height: 40px;
	border-radius: 40px;
	color: #fff;
	background-color: rgba(64, 64, 64, .75);
}

.carousel-controls [data-icon]:before {
	position: relative;
}

.carousel-controls-prev {
	left: 0;
}

.carousel-controls-prev [data-icon] {
	margin-left: 10px;
}

.carousel-controls-prev [data-icon]:before {
	right: 1px;
}

.carousel-controls-next {
	right: 0;
	justify-content: flex-end;
}

.carousel-controls-next [data-icon] {
	margin-right: 10px;
}

.carousel-controls-next [data-icon]:before {
	left: 1px;
}

.carousel-controls-navigation {
	position: absolute;
	bottom: -30px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.carousel-controls-navigation li {
	margin: 0 10px;
}

.carousel-controls-navigation a {
	display: block;
	width: 12px;
	height: 0;
	padding-top: 12px;
	overflow: hidden;
	border-radius: 12px;
	text-decoration: none;
	cursor: pointer;
	background-color: var(--color-grey-700);
}

.carousel-controls-navigation a:hover {
	background-color: var(--color-grey-600);
}

.carousel-controls-navigation .carousel-link-active,
.carousel-controls-navigation .carousel-link-active:hover {
	background-color: var(--color-primary-400);
}

.table-plugins-modules {
	margin: 0;
}

.table-plugins-modules .col-name {
	width: 250px;
}

.table-plugins-modules .col-countries {
	width: 150px;
}

.table-plugins-modules img {
	height: 35px;
	margin: 10px 20px;
}

.table-plugins-modules tbody tr td {
	vertical-align: middle;
}

.table-plugins-modules tbody tr td:first-child {
	height: 55px;
	padding-left: 0;
	padding-right: 40px;
	border: 0;
	text-align: center;
	background-color: #a2abae;
	background-clip: content-box;
}

.table-plugins-modules td:last-child,
.table-plugins-modules th:last-child {
	text-align: right;
}

.plugin-module-details {
	position: relative;
	padding-right: 100px;
}

.plugin-module-details small {
	margin-right: 10px;
}

.plugin-module-requirement {
	display: block;
	line-height: 1;
}

.plugin-module-price {
	position: absolute;
	top: calc(50% - 10px);
	right: 0;
	line-height: 1;
}

.plugin-countries {
	padding: 0 0 20px 60px;
	background: url(../2.0.12.1/img/icons/world-white.svg) no-repeat 0 0;
	background-size: 40px;
}

.plugin-countries h4 {
	margin: 0;
	font-size: 18px;
	font-weight: 500;
}

.plugin-countries-list {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.plugin-countries-list li {
	display: inline-block;
	padding-right: 15px;
}

.plugin-countries-list .national-flag {
	margin-right: 3px;
}

.plugins-modules-content .well {
	margin-bottom: 100px;
	padding-bottom: 40px;
}

.plugins-modules-remark {
	margin: 20px 0;
	font-size: 16px;
	text-align: right;
}

.plugins-modules-remark {
	margin: 20px 0;
	font-size: 16px;
	text-align: right;
}

.button-plugins-modules-contact {
	margin-left: 10px;
	vertical-align: bottom;
}

.well-support-contact {
	background: linear-gradient(to right, rgba(0, 0, 0, .75), transparent), url(../2.0.12.1/img/masthead-search.jpg) no-repeat 0 0;
}

.well-support-contact p {
	flex-basis: 60%;
	margin: 0;
}

.product-properties-geosuite {
	align-self: flex-start;
}

.well-geosuite-databases {
	margin: 120px 0 80px 0;
}

.table-geosuite-databases {
	margin: 0 0 20px 0;
}

.table-geosuite-databases th {
	text-transform: none;
	font-family: var(--font-family-base);
	font-weight: 700;
}

.table-geosuite-databases td {
	padding-right: 0;
}

.col-geosuite-coordinates {
	width: 230px;
}

.content-wrapper-database {
	display: flex;
	margin: 80px auto;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}

.well-address-notation {
	flex: 1 1 auto;
	margin-bottom: 40px;
}

.table-address-notation {
	margin: 0;
}

.table-address-notation th,
.table-address-notation td {
	padding: 30px;
}

.col-address-notation-unofficial {
	width: 50%;
}

.well-demofiles dt {
	display: none;
}

.database-content-column {
	flex-basis: calc(100% - 500px);
	margin: 20px 0;
}

.button-cta-databases-bottom {
	margin-top: 20px;
}

.products-contact-database {
	flex-basis: 380px;
	padding: 40px;
	margin-top: 20px;
	background-color: #e3f2f6;
}

.products-contact-database h3 {
	margin: 0;
	font-size: 24px;
}

.content-wrapper-contact {
	display: flex;
	justify-content: space-between;
	margin: 40px auto;
}

.content-wrapper-contact > div {
	flex: 0 0 calc(50% - 20px);
	flex-basis: calc(50% - 20px);
}

.contact-details address {
	margin-bottom: 40px;
}

.previous-link {
	padding-right: 20px;
}

.col-productorder-label {
	width: 300px;
}

.validation-contact {
	margin-top: 40px;
	text-align: center;
}

.validation-contact-remark {
	margin-bottom: 40px;
	line-height: 1.2;
	font-family: var(--font-family-headings);
	font-weight: 600;
}

.table-products .th-products-name,
.table-products .td-products-name {
	text-align: left;
}

.table-products .th-products-price small {
	white-space: nowrap;
}

.table-products .td-products-price,
.table-products .td-products-requests {
	font-weight: 600;
	white-space: nowrap;
}

.table-products-api {
	margin-bottom: 20px;
}

.table-products-api th {
	white-space: nowrap;
}

.table-products-api h3 {
	margin: 5px 0 0 0;
	font-size: 24px;
	font-weight: 600;
	color: #fff;
}

.table-products-api h4 {
	margin: 0;
}

.table-high-contrast.table-products-api h4 {
	color: #fff;
}

.table-products-api td:first-child {
	text-align: left;
}

tbody .tr-api-title .td-api-title {
	background-color: var(--color-grey-100);
}

.table-high-contrast .tr-api-title .td-api-title {
	padding-left: 20px;
	background-color: var(--color-grey-600);
	border: 0;
}

.table-high-contrast.table-products-api tbody tr + tr td {
	border: 0;
}

tbody .tr-api-title~tr td {
	background-color: transparent;
}

.table-high-contrast .api-tier-unit-rate {
	color: var(--color-grey-300);
}

.table-high-contrast .td-api-title {
	border-bottom: 2px dashed var(--color-grey-300);
}

.td-api-country {
	padding-right: 0;
}

.tr-api-data+.tr-api-data {
	border-top: 1px solid var(--color-grey-200);
}

.td-api-countries .product-countries {
	padding: 0;
	margin: 0;
	list-style-type: none;
	background-image: none;
}

.td-api-unit-rate {
	white-space: nowrap;
}

.api-price-calculators {
	display: flex;
	margin: 40px 0;
	gap: 20px;
}

.well-price-calculator {
	max-width: 640px;
	background-color: var(--color-primary);
	color: #fff;
}

.well-price-calculator h3 {
	color: inherit;
}

.well-tier-calculator {
	flex: 0 0 50%;
}

.tier-calculator-form {
	padding: 0;
	max-width: none;
}

.well-high-contrast .tier-calculator-form {
	background-color: transparent;
}

.table-tier-calculator thead th {
	padding-top: 0;
	border: 0;
}

.table-tier-calculator td:first-child {
	padding-left: 0;
}

.table-tier-calculator tbody tr th {
	background-color: var(--color-primary-400);
}

.table-tier-calculator tbody tr td {
	background-color: transparent;
	vertical-align: middle;
}

.table-tier-calculator tbody td + td {
	text-align: right;
}

.tr-tier-calculator-input+.tr-tier-calculator-input td {
	padding-top: 0;
}

.table-tier-calculator-more~tr {
	display: none;
}

.tier-calculator-requests {
	width: 120px;
	margin-right: 10px;
	text-align: right;
}

.tier-calculator-result {
	background-color: var(--color-primary-400);
}

.tier-calculator-result-heading,
.tier-calculator-contact {
	margin: 0;
	padding: 15px 20px 0;
	font-size: 24px;
	text-align: right;
}

.tier-calculator-result-price-extra {
	font-weight: 500;
	font-size: 20px;
}

.tier-calculator-visual {
	display: flex;
	height: 38px;
	padding: 15px;
	transition: width .5s;
}

.tier-calculator-segment {
	position: relative;
	overflow: hidden;
	height: 100%;
	flex: 1 1 auto;
	transition: flex-grow .5s;
	background-color: var(--color-primary-300);
}

.tier-calculator-segment:nth-child(even) {
	background-color: var(--color-primary);
}

.tier-calculator-segment .national-flag {
	position: absolute;
	top: 5px;
	left: 5px;
	background-position: top;
}

.dl-savings-calculator {
	display: flex;
	gap: 5px 0;
	flex-wrap: wrap;
	margin: 0;
}

.dl-savings-calculator dt {
	flex: 0 0 60%;
}

.dl-savings-calculator dd {
	margin: 0;
	flex: 0 0 40%;
	text-align: right;
}

.savings-calculator-input dt,
.savings-calculator-input dd {
	line-height: 50px;
	padding-top: 10px;
	margin-top: 10px;
}

.savings-calculator-input input {
	text-align: right;
}

.savings-calculator-input .input-group {
	display: inline-flex;
	width: 135px;
}

.savings-calculator-output {
	margin-top: 40px;
	padding: 15px;
	background-color: var(--color-primary-400);
}

.savings-calculator-output-returns-remark {
	font-size: 16px;
	margin: 0;
	color: var(--color-primary-200);
}

.savings-calculator-output-savings dt:last-of-type,
.savings-calculator-output-savings dd:last-of-type {
	font-weight: 700;
	border-top: 1px solid;
	margin-top: 5px;
	padding-top: 5px;
}

.api-tier-prices-cta {
	margin: 0 0 100px 0;
}

.products-overview-contact {
	width: 640px;
	margin-top: 60px;
}

.partner-reseller-models {
}

.partner-reseller-models > div {
	flex: 0 0 calc(50% - 100px);
	flex-basis: calc(50% - 100px);
}

.partners-integrators-list {
	display: flex;
	padding: 0;
	flex-wrap: wrap;
	justify-content: space-between;
	list-style-type: none;
}

.integrators-list {
	margin-bottom: 60px;
}

.partners-integrators-list-item {
	padding-top: 55px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: auto 40px;
	flex: 0 0 calc(33.33% - 20px);
	flex-basis: calc(33.33% - 20px);
}

.integrators-loqate {
	background-image: url(../2.0.12.1/img/partners/loqate.svg);
}

.integrators-aareon {
	background-image: url(../2.0.12.1/img/partners/aareon.png);
}

.integrators-itix {
	background-image: url(../2.0.12.1/img/partners/itix.svg);
}

.landing-intl-api-implementation {
	margin-top: 80px;
	margin-bottom: 80px;
}

.products-api-show-requests {
	font-size: 16px;
}

.well-high-contrast .api-tier {
	background-color: transparent;
	border: 3px solid var(--color-primary-400);
}

.well-high-contrast .api-tier-promo {
	border-color: var(--color-secondary-500);
}

.well-high-contrast .api-tier-head {
	background-color: var(--color-primary-400);
}

.well-high-contrast .api-tier-unit-rate {
	color: var(--color-grey-300);
}

.well-high-contrast .product-countries {
	background: url(../2.0.12.1/img/icons/world-white.svg) no-repeat 0 0;
}

.frontpage-api-countries .product-countries {
	background: none;
}

.supported-countries-map-container {
	position: relative;
}

.map-region-supported {
	fill: var(--color-green-500);
}

.map-region-supported:hover {
	fill: var(--color-green-400);
}

.supported-countries-map-tooltip {
	display: none;
	position: absolute;
	top: 40px;
	left: -150px;
	pointer-events: none;
}

.supported-countries-map-tooltip-content {
	width: 260px;
	padding: 20px;
	background-color: rgba(0, 117, 154, 0.8);
	box-shadow: 0 5px 20px var(--color-shadow);
	color: #fff;
}

.supported-countries-map-container:hover .supported-countries-map-tooltip {
	display: block;
}

.supported-countries-map-tooltip:before {
	position: absolute;
	top: -30px;
	left: 50%;
	box-sizing: border-box;
	width: 30px;
	height: 30px;
	transform: translateX(-50%);
	border: 15px solid transparent;
	border-bottom-color: rgba(0, 117, 154, 0.8);
	content: '';
}

.supported-countries-map-tooltip-title {
	margin: 0 0 10px 0;
	color: #fff;
}

.supported-countries-map-tooltip-details {
	font-size: 80%;
	margin: 0;
}

.supported-countries-map-tooltip-details dt {
	font-weight: 700;
}

.supported-countries-map-tooltip-details dd {
	margin: 0;
}

.supported-countries-map-tooltip-details ul {
	padding-left: 15px;
}

.supported-countries-data-sources ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.supported-countries-data-sources li:nth-child(n+2) {
	margin-top: 10px;
}

.col-retention-term {
	width: 30%;
}

.col-retention-term-legal {
	width: 20%;
}

.privacy-statement-contact {
	display: flex;
	flex-wrap: wrap;
	margin-top: 30px;
}

.privacy-statement-contact h1 {
	flex: 0 0 100%;
}

.privacy-statement-contact p:first-of-type {
	flex-basis: 200px;
}

.well-privacy-permissions {
	font-style: italic;
}

.table-cookies th:first-child,
.table-cookies td:first-child {
	padding-right: 0;
}

.table-cookies-col-cookie {
	width: 270px;
}

.table-cookies-col-type,
.table-cookies-col-retention {
	width: 130px;
}

.input-group-checkbox {
	display: inline-block;
	background-color: #fff;
	color: var(--color-grey-700);
	line-height: 2.3;
	white-space: nowrap;
	padding: 0 12px 0 14px;
	flex-grow: 1;
}

.product-price {
	line-height: 1;
	font-size: 18px;
	padding: 20px 0 20px 40px;
	white-space: nowrap;
	background-color: #fff;
}

.product-price small {
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
}

.database-product .product-price {
	margin: 20px 0;
}

.product-price-from {
	display: block;
}

.product-price-amount {
	font-family: var(--font-family-headings);
	font-size: 45px;
	line-height: 1;
	color: var(--color-primary);
}

.product-price-detail {
	display: inline-block;
	width: 85px;
	margin-left: 20px;
	line-height: 1;
}

.product-description p:first-child {
	margin-top: 80px;
}

.product-api-implementation h3 {
	background-position: 0 -1060px;
}

.products-contact {
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	flex: 1 0 0;
	padding: 40px;
	margin: 0;
	background: #e3f2f6;
}

.products-contact h3 {
	min-height: 0;
	padding-left: 0;
	flex: 0 0 100%;
	background: transparent;
}

.products-contact p {
	margin-left: 0;
	margin-right: 20px;
}

.button-products-contact {
	margin: 0 0 0 auto;
}

.well-api-status {
	display: flex;
	margin-bottom: 80px;
	justify-content: space-between;
	align-items: baseline;
}

.well-api-status h2 {
	margin: 0;
}

.badge-building-range {
	font-weight: 400;
}

.badge.api-status-requests {
	top: 0;
	padding: 1px 20px 0 20px;
	margin-right: 10px;
	font-size: 110%;
	font-family: inherit;
	vertical-align: baseline;
}

.page-footer-vat {
	margin-left: 10px;
}

body.websitedotnl-endpoint .logo a {
	background-image: url(../2.0.12.1/img/postcodenl-logo.svg);
}


.leaflet-container {
	font-family: Assistant;
	font-size: 20px;
}

.leaflet-container .leaflet-control-attribution {
	font-size: 16px;
	opacity: .8;
	background-color: rgb(255, 255, 255, .33);
	backdrop-filter: var(--backdrop-blur);
	-webkit-backdrop-filter: var(--backdrop-blur);
}

.leaflet-container .leaflet-control-attribution:hover {
	opacity: 1;
	background-color: rgb(255, 255, 255, .66);
}

.leaflet-popup-content-wrapper {
	padding: 15px 20px;
	margin-bottom: 10px;
	border-radius: 0;
	text-align: center;
	background-color: rgb(255, 255, 255, .33);
	box-shadow: var(--dropdown-shadow);
	backdrop-filter: var(--backdrop-blur);
	-webkit-backdrop-filter: var(--backdrop-blur);
}

.leaflet-popup-content {
	line-height: 1.2;
	margin: 0;
	white-space: nowrap;
}

.leaflet-popup-tip-container {
	display: none;
}

.leaflet-control-layers-list {
	padding: 5px 15px;
	background-color: inherit;
	color: inherit;
}

.leaflet-control-layers label {
	margin-left: 0;
}
.report-feedback-box {
	position: relative;
	background-color: var(--color-primary-100);
	padding: 40px 210px 40px 40px;
	margin-top: 40px;
}

.report-feedback-box h2 {
	margin: 0;
}

.report-feedback-box p {
	margin-top: 5px;
}

.report-feedback-box .button {
	position: absolute;
	top: calc(50% - 28px);
	right: 40px;
	vertical-align: middle;
}

.feedback-address {
	margin-top: 23px;
}

.bagfeedback-map {
	height: 300px;
	margin-bottom: 10px;
	z-index: 1;
}

.input-bagfeedback-map + label.input-valid {
	top: -38px;
	left: calc(100% - 120px);
}

.bagfeedback-content {
	display: flex;
	justify-content: space-between;
}

.bagfeedback-content > div {
	flex: 0 0 calc(50% - 20px);
	flex-basis: calc(50% - 20px);
}

.bagfeedback-login {
	max-width: none;
	padding-top: 10px;
	padding-bottom: 10px;
}

.well-bagfeedback {
	margin-top: 40px;
}

.bagfeedback-form {
	max-width: none;
}

.feedback-status-icon {
	display: inline-block;
	margin-right: 5px;
}

.feedback-author {
	font-weight: 600;
}

.feedback-comment-time {
	margin-left: 10px;
	font-size: 80%;
	color: var(--color-grey-500);
}

.feedback-comment {
	margin: 0 0 20px 0;
}

.feedback-current-value {
	padding: 10px;
	color: #383d41;
	background-color: #e2e3e5;
	display: block;
}

.feedback-current-value:empty:before {
	content: '-';
}

.bagfeedback-createfeedbackanonymous-form [name=description] ~ .input-description,
.bagfeedback-createfeedback-form [name=description] ~ .input-description {
	padding: 10px;
	color: var(--color-secondary-700);
	background-color: var(--color-secondary-100);
}

@media (max-width: 1280px) {

	.masthead-content-frontpage,
	.masthead-compact .masthead-content,
	.masthead-product .content-wrapper,
	.product-subscriptions-content,
	.plugins-modules-content,
	.addressdata-products-geo-dtm {
		padding-left: 0;
		padding-right: 0;
	}

	.address-view-data {
		flex-basis: calc(50% - 10px);
	}

	.address-view-data-dl > dt {
		flex-basis: 150px;
	}

	.address-view-data-dl > dd {
		flex-basis: calc(100% - 230px);
	}

	.nav-search-result {
		padding: 0;
	}

	.search-result-form-wrapper {
		margin-top: 10px;
		margin-left: auto;
	}

	.product-properties {
		margin-left: 40px;
	}

	.product-demo-wrapper {
		padding: 0;
		max-width: inherit;
	}

	.product-demo-intl {
		background: none;
		width: auto;
		padding: 20px 40px;
	}

	.address-lookup-demo-mask {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.database-products > div {
		flex-basis: 300px;
		margin-left: 0;
	}

	.database-products .well-databases {
		flex-basis: 290px;
		padding-right: 20px;
	}

	.database-product .product-price {
		padding-left: 20px;
	}

	.products-contact-database {
		flex-basis: 340px;
	}

	.masthead-content-databases h1 {
		min-height: 96px;
	}

	.frontpage-product-header {
		display: unset;
	}

	.frontpage-product-header .product-price {
		margin-top: 20px;
	}

	.frontpage-product-header .product-price-from {
		display: unset;
		margin-right: 10px;
	}

	.frontpage-product-header .product-price-amount {
		font-size: 30px;
		font-weight: 500;
	}

}

@media (max-width: 1200px) {

	.header-navigation {
		justify-content: normal;
	}

	.primary-navigation {
		position: static;
		order: 2;
	}

	.header-country-selector {
		position: relative;
		top: initial;
		left: initial;
		order: 2;
		margin: 9px 20px 0 0;
	}

	.user-navigation-locale .locale-options {
		margin-left: -37px;
	}

	.user-navigation-locale .locale-options:after {
		left: 40px;
	}

	.user-navigation {
		flex: 1 0 calc(100% - 250px);
		order: 1;
	}

	.frontpage-data-sources {
		padding: 40px 20px;
	}

	.content-wrapper-contact {
		display: block;
	}

	.contact-form-wrapper {
		margin-bottom: 40px;
	}

	.product-subscriptions-header {
		display: block;
		line-height: inherit;
	}

	.product-subscriptions-header h2 {
		margin: 0;
		padding: 8px 20px;
	}

	.masthead-product {
		height: 425px;
		padding-top: 60px;
	}

	.masthead-product h1 {
		padding-left: 100px;
		background-size: 80px;
	}

	.masthead-content-dtm h1 {
		padding-left: 150px;
		background-size: 120px;
	}

	.masthead-product .masthead-content {
		width: auto;
		padding: 0 20px 40px 20px;
	}

	.product-properties {
		margin-left: 20px;
	}

	.product-demo-intl {
		padding: 20px;
	}

	.table-plugins-modules,
	.table-plugins-modules tbody,
	.table-plugins-modules td,
	.table-plugins-modules tr {
		display: block;
	}

	.table-plugins-modules thead {
		display: none;
	}

	.table-plugins-modules tbody tr {
		position: relative;
	}

	.table-plugins-modules tbody tr + tr td {
		border: 0;
	}

	.table-plugins-modules td {
		padding: 10px 0;
	}

	.table-plugins-modules td[data-title] {
		position: relative;
		padding-left: 200px;
	}

	.table-plugins-modules td[data-title]:before {
		display: block;
		width: 180px;
		position: absolute;
		left: 0;
		overflow: hidden;
		content: attr(data-title) "\00A0";
		font-weight: bold;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.table-plugins-modules tbody tr td:first-child {
		padding: 20px 0 0 0;
	}

	.table-plugins-modules tbody tr:first-child td:first-child {
		padding: 0;
	}

	.table-plugins-modules tbody td:first-child:before,
	.table-plugins-modules tbody td:last-child:before {
		display: none;
	}

	.table-plugins-modules tbody td:last-child {
		position: absolute;
		bottom: 5px;
		right: 0;
		background-color: transparent;
	}

	.button-plugins-modules-contact {
		margin-top: 20px;
	}

	.well-support-contact,
	.database-products-contact {
		padding: 20px 20px 40px 20px;
		flex-direction: column;
		align-items: flex-start;
		background: linear-gradient(rgba(0, 0, 0, .75), transparent), url(../2.0.12.1/img/masthead-search.jpg) no-repeat 0 0;
	}

	.database-products-contact {
		margin: 60px auto;
	}

	.well-support-contact .button,
	.database-products-contact .button {
		margin-top: 20px;
		align-self: flex-end;
	}

	.button-cta-databases-bottom,
	.button-products-contact {
		margin: 0;
		float: right;
	}

	.well-api-status {
		display: block;
		overflow: hidden;
	}

	.well-api-status h2 {
		margin-bottom: 20px;
	}

	.well-api-status .button {
		float: right;
	}

	.products-overview-contact {
		width: auto;
		overflow: hidden;
	}

	.partner-reseller-models > div {
		flex: 0 0 calc(50% - 50px);
	}

	.addressdata-products-geo-dtm,
	.content-wrapper-database {
		display: block;
	}

	.col-products-title-databases {
		width: 320px;
	}

	.database-content-column,
	.products-contact-database {
		overflow: hidden;
	}

	.bagfeedback-content {
		display: block;
	}

	.well-bagfeedback {
		margin-bottom: 40px;
	}

	.col-products-title-databases {
		width: 320px;
	}

	.database-products {
		display: block;
	}

	.database-product h3 {
		min-height: 60px;
	}

	.well-databases {
		margin-top: 40px;
	}

	.table-demofiles-downloads,
	.table-demofiles-downloads tbody,
	.table-demofiles-downloads th,
	.table-demofiles-downloads td,
	.table-demofiles-downloads tr {
		display: block;
	}

	.table-demofiles-downloads thead {
		display: none;
	}

	.table-demofiles-downloads tbody tr + tr td {
		border: 0;
	}

	.table-demofiles-downloads th,
	.table-demofiles-downloads td {
		padding: 10px 0;
	}

	.table-demofiles-downloads td[data-title] {
		padding-left: 0;
	}

	.table-demofiles-downloads td[data-title]:before {
		display: block;
		content: attr(data-title) "\00A0";
		font-weight: bold;
	}

	.table-demofiles-downloads tbody .demofiles-database-versions {
		margin-top: 20px;
		padding: 10px;
		background-color: var(--color-grey-300);
		color: var(--color-grey-700);
	}

	.table-demofiles-downloads.table-high-contrast tr + tr,
	.table-demofiles-downloads tbody tr + tr th {
		border: 0;
	}

}

@media (max-width: 1024px) {

	.masthead-compact .masthead-content {
		display: block;
	}

	.search-form-compact-wrapper {
		display: block;
	}

	.address-view-content {
		display: block;
	}

	.frontpage-products {
		display: block;
		margin-bottom: 40px;
	}

	.frontpage-products-webshop {
		margin-right: 0;
	}

	.frontpage-products-intro {
		height: auto;
	}

	.frontpage-products-intro br,
	.frontpage-product h3 br {
		display: none;
	}

	.frontpage-products-business-wrapper {
		display: block;
	}

	.frontpage-product {
		margin-bottom: 20px;
	}

	.frontpage-product h3,
	.database-product h3 {
		margin-bottom: 0;
		padding-left: 50px;
		font-size: 20px;
		line-height: 1.3;
	}

	.product-countries {
		margin-bottom: 20px;
	}

	.search-result-table th,
	.search-result-table td {
		padding-right: 10px;
		padding-left: 10px;
	}

	.search-result-table th:first-child,
	.search-result-table td:first-child {
		padding-left: 20px;
	}

	.masthead h1 {
		font-size: 48px;
	}

	.masthead h2 {
		font-size: 28px;
	}

	.masthead-content-frontpage {
		width: auto;
	}

	.search-result-type {
		padding: 20px;
	}

	.well-api-price {
		padding-left: 0;
		padding-right: 0;
	}

	.intl-api-price-content,
	.frontpage-api-countries {
		width: auto;
	}

	.intl-api-price-content-main {
		padding: 40px;
	}

	.clientele {
		padding: 40px 20px;
	}

	.intl-api-price-content-header-apis {
		display: unset;
	}

	.intl-api-price-content-header-apis > div {
		margin-bottom: 20px;
	}

	.blog-post-wrapper {
		display: block;
	}

	.blog-post-aside {
		padding-top: 30px;
		padding-bottom: 30px;
		margin-top: 60px;
	}

	.frontpage-product-description {
		min-height: 0;
	}

	.masthead-product h1 span {
		white-space: normal;
	}

	.product-essentials {
		display: block;
	}

	.partners-integrators-list {
		display: block;
	}

	.partners-integrators-list-item {
		padding-top: 40px;
		background-position: 0 0;
		background-size: auto 30px;
	}

	.partners-integrators-list-item + li {
		margin-top: 30px;
	}

	#address-lookup-demo-map .leaflet-right {
		right: 20px;
	}

	.webshop-demo-form {
		margin: 0;
	}

	.webshop-demo-checkout-main {
		flex-wrap: wrap;
	}

	.webshop-demo-address-hint {
		top: 18px;
	}

	.webshop-demo-address-hint:before {
		left: 30px;
		top: -29px;
		border-right-color: transparent;
		border-bottom-color: var(--color-primary-300);
	}

	.webshop-demo-intl .webshop-demo-reset {
		position: absolute;
		bottom: 60px;
		right: 0;
	}

	.webshop-demo-address-hint-nl {
		top: auto;
		bottom: -18px;
		height: 192px;
	}

	.product-description {
		min-height: 0;
		margin-bottom: 80px;
	}

	.product-description p:first-child {
		margin-top: 60px;
	}

	.product-properties {
		margin-top: 135px;
		margin-left: 0;
	}

	.product-cta {
		margin: auto 0 0 0;
		text-align: left;
	}

	.product-description-api {
		justify-content: space-between;
	}

	.product-description-api > div {
		flex-basis: calc(50% - 40px);
	}

	.product-description-api .supported-countries-map-container,
	.product-description-api .supported-countries-data-sources {
		flex-basis: 100%;
	}

	.developers-intro {
		display: block;
	}

	.developers-features {
		display: block;
		margin-top: 60px;
	}

	.developers-features > div {
		position: relative;
	}

	.developers-features h2 {
		margin-top: 40px;
	}

	.developers-features .button {
		position: absolute;
		top: 0;
		right: 0;
	}

	.api-plugin-screens {
		margin: 60px 0 120px 0;
		width: auto;
	}

	.api-price-calculators {
		display: block;
	}

	.savings-calculator {
		margin-top: 40px;
	}

	.database-product h3 {
		padding-left: 80px;
	}

	.frontpage-demo-wrapper {
		display: block;
	}

}

@media (max-width: 768px) {

	.header-navigation {
		display: grid;
	}

	.header-country-selector {
		margin-right: 0;
		grid-area: 3 / 1;
		order: initial;
	}

	.primary-navigation {
		order: initial;
	}

	.user-navigation-locale .locale-options {
		margin-left: -47px;
	}

	.user-navigation-locale .locale-options:after {
		left: 50px;
	}

	.user-navigation {
		grid-area: 3 / 1;
	}

	.header-country-selector-options {
		display: none;
		position: static;
		margin-top: 25px;
		opacity: 1;
		box-shadow: none;
	}

	.header-country-selector-label:hover + .header-country-selector-options,
	.header-country-selector-label:focus + .header-country-selector-options,
	.header-country-selector-options:hover {
		display: block;
	}

	.search-form-wrapper,
	.masthead-frontpage-announcement {
		width: auto;
		margin-left: 20px;
		margin-right: 20px;
	}

	.search-form-wrapper {
		padding-left: 20px;
		padding-right: 20px;
	}

	.search-results-form-wrapper fieldset {
		width: auto;
	}

	.postcodenl-autocomplete-menu {
		width: auto;
		right: 40px;
	}

	.intl-api-price-content-main {
		padding: 20px;
	}

	.intl-api-price-content-main ul {
		font-size: 20px;
	}

	.intl-api-price-content-main li:before {
		width: 24px;
	}

	.masthead-product .masthead-content h2,
	.masthead-product .masthead-content .leading {
		width: auto;
	}

	.td-api-country {
		font-size: 18px;
	}

	.partner-reseller-models {
		display: block;
	}

	.product-api-methods-title {
		width: auto;
	}

	.product-api-methods {
		display: block;
	}

	.product-api-method-name {
		height: auto;
		margin-bottom: 20px;
	}

	.product-api-method-description {
		margin: 0;
	}

	.product-api-method-example {
		margin-top: 20px;
	}

	.product-api-method-example:before {
		font-size: 20px;
	}

	.product-api-method-example dd {
		margin: 5px 0 0 0;
		font-size: 18px;
	}

	.product-description-api {
		display: block;
	}

	.product-description-api h2 {
		margin-top: 40px;
	}

	.product-description-api h2 br {
		display: none;
	}

	.api-plugin-screens {
		margin-left: -20px;
		margin-right: -20px;
	}

	.report-feedback-box {
		padding: 20px 20px 90px 20px;
	}

	.report-feedback-box .button {
		top: auto;
		right: 20px;
		bottom: 20px;
	}

	.table-products colgroup,
	.table-products thead {
		display: none;
	}

	.table-products tr {
		display: flex;
		margin-top: 20px;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}

	.table-products td {
		order: 2;
		text-align: left;
		padding: 0;
	}

	.table-products tbody tr td {
		background-color: transparent;
	}

	.table-products .td-products-name {
		flex: 1 0 100%;
		font-size: 24px;
	}

	.table-products .td-products-price {
		text-align: left;
		padding-right: 20px;
	}

	.table-products .td-products-price:after {
		font-weight: 400;
		font-size: 16px;
	}

	.table-products .td-products-price:after {
		content: ' ' attr(data-responsive-text);
	}

}

@media (max-width: 640px) {

	.header-navigation-active .header-country-selector-label .national-flag {
		margin-right: 2px;
	}

	.header-navigation-active .header-country-selector-name {
		display: none;
	}

	.search-form-wrapper,
	.masthead-frontpage-announcement {
		margin-left: 0;
		margin-right: 0;
	}

	.search-form-wrapper {
		width: auto;
		padding: 10px;
	}

	.address-search-form {
		width: auto;
	}

	.masthead h1 {
		font-size: 32px;
	}

	.masthead-content .leading,
	.masthead-content p {
		font-size: 20px;
	}

	.masthead-compact .address-search-form {
		margin: 0;
	}

	.masthead-frontpage-announcement {
		font-size: 16px;
	}

	.frontpage-products-intro,
	.frontpage-product {
		padding: 20px 10px;
	}

	.postcodenl-autocomplete-menu {
		right: 10px;
	}

	.frontpage-data-sources {
		padding-left: 10px;
		padding-right: 10px;
	}

	.intl-api-price-content-main {
		display: block;
		text-align: center;
	}

	.intl-api-price-content-main .button-primary {
		min-width: 150px;
	}

	.intl-api-price-content-main ul {
		margin: 40px 0 0 0;
		padding: 0;
	}

	.intl-api-price-content-main li {
		display: inline-block;
		padding: 0 20px 10px 0;
	}

	.intl-api-price-content-main li:before {
		margin-right: 5px;
	}

	.search-result-table tbody {
		margin: 0 -10px;
	}

	.search-result-table td {
		min-height: 24px;
	}

	.search-result-table th:first-child,
	.search-result-table td:first-child {
		padding-left: 140px;
	}

	.field-button .input-search-query {
		min-width: 0;
		width: 0;
	}

	.button-search-submit {
		width: 63px;
		padding-right: 0;
		padding-left: 0;
		background-position: 12px -425px;
	}

	.button-search-submit:hover,
	.button-search-submit:focus {
		background-position: 12px -272px;
	}

	.search-result-type {
		padding: 20px 10px;
	}

	.search-result-form-open {
		top: 10px;
	}

	.search-results-list,
	.search-results-form-wrapper form {
		margin-left: -10px;
		margin-right: -10px;
	}

	.search-results-form-wrapper form {
		padding: 20px 10px;
	}

	.nav-search-result {
		height: 62px;
	}

	.nav-search-result.has-search-form-open {
		flex: 1 0 100%;
	}

	.nav-search-result form {
		width: auto;
	}

	.nav-search-result .input-group-addon-flag {
		padding-left: 0;
	}

	.masthead-product .masthead-content {
		padding: 0 10px 40px 10px;
	}

	.masthead-product {
		height: auto;
		background-size: cover;
		background-position: 0 0;
	}

	.masthead-product h1 {
		padding: 0 0 0 40px;
		margin-bottom: 20px;
		background-size: 32px;
	}

	.masthead-content {
		padding: 0 0 40px 0;
	}

	.masthead-content h2 {
		font-size: 24px;
	}

	.masthead-compact .masthead-content {
		height: auto;
	}

	.masthead-frontpage {
		height: auto;
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.masthead-frontpage h1 {
		font-size: 32px;
	}

	.masthead-frontpage h2 {
		font-size: 20px;
	}

	.masthead-frontpage .leading {
		margin-bottom: 25px;
	}

	.masthead-content-frontpage {
		height: 440px;
		padding: 0;
	}

	.masthead-product h2 {
		margin-top: 20px;
	}

	.products-contact {
		padding: 20px;
	}

	.product-description h2 {
		font-size: 24px;
	}

	.product-properties {
		padding: 20px 10px;
	}

	.product-price {
		padding: 20px;
		margin-bottom: 0;
	}

	.product-price-amount {
		font-size: 40px;
	}

	.product-price-detail {
		display: block;
		width: auto;
		margin-left: 0;
		line-height: inherit;
	}

	.product-properties p {
		padding-left: 0;
	}

	.product-properties .product-price {
		padding-left: 20px;
	}

	.product-api-methods-tab {
		padding-left: 10px;
		padding-right: 10px;
		background-position: 10px center;
	}

	.product-api-methods-tab-intl {
		padding-left: 10px;
	}

	.masthead-content-developers,
	.masthead-content-api {
		margin-top: 0;
	}

	.masthead-content-developers h1 {
		background: url(../2.0.12.1/img/icons/cog-white.svg) no-repeat 0 0;
		background-size: 32px;
	}

	.developers-features .button {
		position: static;
	}

	.table-plugins-modules td[data-title],
	.table-address-notation td[data-title] {
		padding-left: 0;
	}

	.table-plugins-modules td[data-title]:before,
	.table-address-notation td[data-title]:before {
		width: auto;
		position: static;
	}

	.table-plugins-modules tbody tr td:first-child,
	.table-address-notation tbody tr td:first-child {
		padding: 10px 0 10px 0;
	}

	.table-address-notation tbody tr td {
		padding: 10px 0;
	}

	.table-address-notation tr + tr {
		padding-top: 10px;
	}

	.table-plugins-modules td:nth-child(2):before {
		display: none;
	}

	.table-plugins-modules .supported-countries-list {
		margin-top: 10px;
	}

	.table-plugins-modules tbody td:last-child {
		bottom: 0;
	}

	.button-plugins-modules-contact {
		display: block;
	}

	.well-support-contact,
	.database-products-contact {
		padding-left: 10px;
		padding-right: 10px;
		background-size: auto auto, auto 100%;
	}

	.well-api-status .api-status-day {
		display: block;
		margin: 10px 0 40px 0;
	}

	.product-subscriptions {
		padding-left: 10px;
		padding-right: 10px;
	}

	.product-demo-api {
		margin-left: -10px;
		margin-right: -10px;
		padding: 40px 10px;
	}

	.product-demo-intl {
		padding-left: 10px;
		padding-right: 10px;
	}

	.product-demo-api-title {
		left: 20px;
	}

	.webshop-demo {
		max-width: none;
	}

	.webshop-demo-home {
		padding: 20px;
	}

	.webshop-demo form {
		flex: 1 1 auto;
		margin: 0;
	}

	.webshop-demo .form-columns {
		margin: 0 -10px;
		flex-wrap: wrap;
	}

	.webshop-demo .form-column {
		margin: 0 10px;
	}

	.product-demo-accordion-label {
		margin: 0 15px;
	}

	.product-demo-accordion-panel {
		padding: 0 10px;
	}

	.product-demo-tab {
		line-height: 1.2;
		padding: 10px;
		width: 135px;
		text-align: center;
	}

	.webshop-demo-shipto {
		width: 100%;
		max-height: 250px;
	}

	.webshop-demo-has-result .webshop-demo-shipto {
		max-height: none;
	}

	.webshop-demo-address-hint {
		left: 0;
		right: 0;
	}

	.postcodenl-autocomplete-menu {
		width: auto;
		right: 10px;
	}

	.api-plugin-screens {
		margin-left: -10px;
		margin-right: -10px;
	}

	.table-country-data-sources,
	.table-country-data-sources tr,
	.table-country-data-sources td {
		display: block;
	}

	.table-country-data-sources td:first-child {
		position: absolute;
		background-color: transparent;
	}

	.table-country-data-sources td:nth-child(2) {
		padding-left: 50px;
		padding-bottom: 0;
	}

	.table-country-data-sources .national-flag {
		background-position: 0;
	}

	.database-product h3 {
		font-size: 20px;
		line-height: 1.15;
	}

	.well-databases {
		padding: 10px;
	}

	.addressdata-products-geo-dtm {
		padding: 0 10px;
	}

	.addressdata-products-geo-dtm > div {
		padding: 0;
		margin-bottom: 40px;
	}

	.addressdata-products-geo-dtm p {
		padding: 0;
	}

	.products-contact-database {
		padding: 20px 10px;
	}

	.masthead-content-geosuite h1,
	.masthead-content-dtm h1,
	.masthead-content-validation h1 {
		background-position: 0 0;
	}

	.frontpage-products-api {
		margin-bottom: 20px;
	}

	.masthead-content-databases {
		min-height: 64px;
	}

	.report-feedback-box {
		padding: 10px 10px 80px 10px;
	}

	.report-feedback-box .button {
		right: 10px;
		bottom: 10px;
	}

	.table-database-comparison td[data-title]:before {
		left: 0;
	}

	.table-demofiles-downloads td[data-title]:before {
		width: auto;
		position: static
	}

	.table-demofiles-downloads tbody .demofiles-database-versions {
		padding: 10px;
	}

	.table-products-databases td:first-child {
		margin-bottom: 5px;
	}

	.table-products-databases td:last-child {
		flex: 0 0 100%;
		text-align: left;
		margin: 10px 0;
	}

	.address-view-data {
		margin-left: -10px;
		margin-right: -10px;
	}

	.address-view-data h2 {
		padding: 15px 10px;
	}

	.address-view-data-dl > :nth-child(n),
	.address-view-data-container {
		padding-left: 10px;
		padding-right: 10px;
	}

	.copy-addressing-link {
		right: 10px;
	}

	.button-product-newsletter {
		margin: 20px 0 0 0;
	}

	.header-country-selector-options {
		columns: unset;
	}

}

@media (max-width: 480px) {

	.header-country-selector-option {
		flex-grow: 1;
	}

	.about-postcode-eu-content {
		padding-left: 0;
		padding-top: 80px;
		background-position: center 0;
		text-align: center;
	}

	.frontpage-api-tiers > h2,
	.frontpage-api-tiers > p,
	.frontpage-data-sources,
	.well-product-implementation,
	.well-newsletter {
		text-align: center;
	}

	.footer-country-options {
		columns: 1;
	}

	.products-overview-contact .button {
		float: none;
		width: auto;
		text-align: center;
	}

	input.postcodenl-autocomplete-address-input-blank {
		background-image: none;
	}

	.table-tier-calculator tr,
	.table-tier-calculator th,
	.table-tier-calculator td {
		display: block;
	}

	.table-tier-calculator-more ~ tr {
		display: none;
	}

	.table-tier-calculator {
		margin-bottom: 20px;
	}

	.table-tier-calculator + h3 {
		margin-top: 20px;
	}

	.table-tier-calculator tbody td + td {
		padding: 0 0 30px 0;
		text-align: left;
	}

	.tier-calculator-result,
	.tier-calculator-contact {
		text-align: left;
	}

	#webshop-demo-shipping-address {
		font-size: 20px;
	}

	.webshop-demo-home {
		padding: 20px 10px;
	}

	.webshop-demo-address-hint {
		padding: 20px;
	}

	.webshop-demo-address-hint h4 {
		font-size: 16px;
	}

	.input-bagfeedback-map + label.input-valid {
		left: calc(100% - 90px);
	}

	.postcodenl-dropdown-api-countries .postcodenl-dropdown-options {
		display: unset;
	}

	.address-view-data-dl {
		display: block;
	}

	.address-view-data-dl > dt {
		padding: 20px 20px 0 20px;
	}

	.search-result-content-header {
		display: flex;
	}

	.postcodenl-autocomplete-menu-ad {
		position: static;
		padding-right: 20px;
		overflow: hidden;
	}

}

@media (max-width: 360px) {

	.masthead h1 {
		font-size: 28px;
	}

	.product-demo-intl {
		padding: 20px 0;
		margin: 40px 0;
		min-height: auto;
	}

	.product-demo-tab {
		width: 110px;
		font-size: 18px;
	}

	#address-lookup-demo-map {
		width: 100%;
	}

	.well-api-status .button {
		font-size: 18px;
	}

	.product-api-methods-tab {
		position: relative;
		padding: 40px 10px 10px 10px;
		font-size: 18px;
		text-align: center;
	}

	.product-api-methods-tab .national-flag {
		position: absolute;
		top: 12px;
		left: calc(50% - 12px);
	}

	.product-api-methods-tab-intl {
		padding-top: 10px;
	}

	.product-api-methods-tab-intl [data-icon] {
		display: block;
		margin: 0 0 10px 0;
		font-size: 20px;
		text-align: center;
	}

	.table-plugins-modules .supported-countries-list {
		width: 80px;
	}

	.webshop-demo-result-form {
		margin-left: -20px;
		margin-right: -20px;
	}

	.webshop-demo-address-hint h4 {
		font-size: 14px;
	}

	.savings-calculator-input {
		display: block;
	}

	.savings-calculator-input dt {
		margin-top: 0;
	}

	.savings-calculator-input dd {
		margin-top: 0;
		padding-top: 0;
		text-align: left;
	}

}
@media print {}