:root {
  --bosch-red-95: #ffecec;
  --bosch-red-90: #ffd9d9;
  --bosch-red-85: #ffc6c6;
  --bosch-red-80: #ffb2b2;
  --bosch-red-75: #ff9d9d;
  --bosch-red-70: #ff8787;
  --bosch-red-65: #ff6e6f;
  --bosch-red-60: #ff5152;
  --bosch-red-55: #ff2124;
  --bosch-red-50: #ed0007;
  --bosch-red-45: #d50005;
  --bosch-red-40: #be0004;
  --bosch-red-35: #a80003;
  --bosch-red-30: #920002;
  --bosch-red-25: #7d0002;
  --bosch-red-20: #680001;
  --bosch-red-15: #540001;
  --bosch-red-10: #410000;
  --bosch-red-5: #2d0000;
  --bosch-purple-95: #f7eef6;
  --bosch-purple-90: #f0dcee;
  --bosch-purple-85: #ebcae8;
  --bosch-purple-80: #e8b6e3;
  --bosch-purple-75: #e5a2df;
  --bosch-purple-70: #e48cdd;
  --bosch-purple-65: #e472db;
  --bosch-purple-60: #e552da;
  --bosch-purple-55: #d543cb;
  --bosch-purple-50: #c535bc;
  --bosch-purple-45: #b12ea9;
  --bosch-purple-40: #9e2896;
  --bosch-purple-35: #8b2284;
  --bosch-purple-30: #791d73;
  --bosch-purple-25: #671761;
  --bosch-purple-20: #551151;
  --bosch-purple-15: #440c41;
  --bosch-purple-10: #340731;
  --bosch-purple-5: #230421;
  --bosch-blue-95: #e8f1ff;
  --bosch-blue-90: #d1e4ff;
  --bosch-blue-85: #b8d6ff;
  --bosch-blue-80: #9dc9ff;
  --bosch-blue-75: #7ebdff;
  --bosch-blue-70: #56b0ff;
  --bosch-blue-65: #00a4fd;
  --bosch-blue-60: #0096e8;
  --bosch-blue-55: #0088d4;
  --bosch-blue-50: #007bc0;
  --bosch-blue-45: #006ead;
  --bosch-blue-40: #00629a;
  --bosch-blue-35: #005587;
  --bosch-blue-30: #004975;
  --bosch-blue-25: #003e64;
  --bosch-blue-20: #003253;
  --bosch-blue-15: #002742;
  --bosch-blue-10: #001d33;
  --bosch-blue-5: #001222;
  --bosch-turquoise-95: #def5f3;
  --bosch-turquoise-90: #b6ede8;
  --bosch-turquoise-85: #a1dfdb;
  --bosch-turquoise-80: #8dd2cd;
  --bosch-turquoise-75: #79c5c0;
  --bosch-turquoise-70: #66b8b2;
  --bosch-turquoise-65: #54aba5;
  --bosch-turquoise-60: #419e98;
  --bosch-turquoise-55: #2e908b;
  --bosch-turquoise-50: #18837e;
  --bosch-turquoise-45: #147671;
  --bosch-turquoise-40: #116864;
  --bosch-turquoise-35: #0e5b57;
  --bosch-turquoise-30: #0a4f4b;
  --bosch-turquoise-25: #07423f;
  --bosch-turquoise-20: #053634;
  --bosch-turquoise-15: #032b28;
  --bosch-turquoise-10: #02201e;
  --bosch-turquoise-5: #011413;
  --bosch-green-95: #e2f5e7;
  --bosch-green-90: #b8efc9;
  --bosch-green-85: #9be4b3;
  --bosch-green-80: #86d7a2;
  --bosch-green-75: #72ca92;
  --bosch-green-70: #5ebd82;
  --bosch-green-65: #4ab073;
  --bosch-green-60: #37a264;
  --bosch-green-55: #219557;
  --bosch-green-50: #00884a;
  --bosch-green-45: #007a42;
  --bosch-green-40: #006c3a;
  --bosch-green-35: #005f32;
  --bosch-green-30: #00512a;
  --bosch-green-25: #004523;
  --bosch-green-20: #00381b;
  --bosch-green-15: #002c14;
  --bosch-green-10: #00210e;
  --bosch-green-5: #001507;
  --bosch-gray-95: #eff1f2;
  --bosch-gray-90: #e0e2e5;
  --bosch-gray-85: #d0d4d8;
  --bosch-gray-80: #c1c7cc;
  --bosch-gray-75: #b2b9c0;
  --bosch-gray-70: #a4abb3;
  --bosch-gray-65: #979ea4;
  --bosch-gray-60: #8a9097;
  --bosch-gray-55: #7d8389;
  --bosch-gray-50: #71767c;
  --bosch-gray-45: #656a6f;
  --bosch-gray-40: #595e62;
  --bosch-gray-35: #4e5256;
  --bosch-gray-30: #43464a;
  --bosch-gray-25: #383b3e;
  --bosch-gray-20: #2e3033;
  --bosch-gray-15: #232628;
  --bosch-gray-10: #1a1c1d;
  --bosch-gray-5: #101112;
  --bosch-yellow-95: #ffefd1;
  --bosch-yellow-90: #ffdf95;
  --bosch-yellow-85: #ffcf00;
  --bosch-yellow-80: #eec100;
  --bosch-yellow-75: #deb300;
  --bosch-yellow-70: #cda600;
  --bosch-yellow-65: #bd9900;
  --bosch-yellow-60: #ad8c00;
  --bosch-yellow-55: #9e7f00;
  --bosch-yellow-50: #8f7300;
  --bosch-yellow-45: #806700;
  --bosch-yellow-40: #725b00;
  --bosch-yellow-35: #644f00;
  --bosch-yellow-30: #564400;
  --bosch-yellow-25: #493900;
  --bosch-yellow-20: #3c2e00;
  --bosch-yellow-15: #2f2400;
  --bosch-yellow-10: #231a00;
  --bosch-yellow-5: #171000;
  --bosch-white: #ffffff;
  --bosch-black: #000000;
}

.h2--2xl h2 {
  font-size: rem(32px);
  line-height: 1.35;
}

.-strong {
  font-weight: bold;
}

.-center {
  text-align: center;
}

.-left {
  text-align: center;
}

.-right {
  text-align: right;
}
@font-face {
  font-family: "BoschSans-Black";
  font-style: normal;
  font-weight: 100;
  src: url("/fonts/BoschSans-Black.otf");
  src: url("/fonts/BoschSans-Black.eot"), url("/fonts/BoschSans-Black.eot?#iefix") format("embedded-opentype"), url("/fonts/BoschSans-Black.woff") format("woff"), url("/fonts/BoschSans-Black.ttf") format("truetype");
}
@font-face {
  font-family: "BoschSans-BlackItalic";
  font-style: normal;
  font-weight: 100;
  src: url("/fonts/BoschSans-BlackItalic.otf");
  src: url("/fonts/BoschSans-BlackItalic.eot"), url("/fonts/BoschSans-BlackItalic.eot?#iefix") format("embedded-opentype"), url("/fonts/BoschSans-BlackItalic.woff") format("woff"), url("/fonts/BoschSans-BlackItalic.ttf") format("truetype");
}
@font-face {
  font-family: "BoschSans-Bold";
  font-style: normal;
  font-weight: 100;
  src: url("/fonts/BoschSans-Bold.otf");
  src: url("/fonts/BoschSans-Bold.eot"), url("/fonts/BoschSans-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/BoschSans-Bold.woff") format("woff"), url("/fonts/BoschSans-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "BoschSans-BoldItalic";
  font-style: normal;
  font-weight: 100;
  src: url("/fonts/BoschSans-BoldItalic.otf");
  src: url("/fonts/BoschSans-BoldItalic.eot"), url("/fonts/BoschSans-BoldItalic.eot?#iefix") format("embedded-opentype"), url("/fonts/BoschSans-BoldItalic.woff") format("woff"), url("/fonts/BoschSans-BoldItalic.ttf") format("truetype");
}
@font-face {
  font-family: "BoschSans-Light";
  font-style: normal;
  font-weight: 100;
  src: url("/fonts/BoschSans-Light.otf");
  src: url("/fonts/BoschSans-Light.eot"), url("/fonts/BoschSans-Light.eot?#iefix") format("embedded-opentype"), url("/fonts/BoschSans-Light.woff") format("woff"), url("/fonts/BoschSans-Light.ttf") format("truetype");
}
@font-face {
  font-family: "BoschSans-LightItalic";
  font-style: normal;
  font-weight: 100;
  src: url("/fonts/BoschSans-LightItalic.otf");
  src: url("/fonts/BoschSans-LightItalic.eot"), url("/fonts/BoschSans-LightItalic.eot?#iefix") format("embedded-opentype"), url("/fonts/BoschSans-LightItalic.woff") format("woff"), url("/fonts/BoschSans-LightItalic.ttf") format("truetype");
}
@font-face {
  font-family: "BoschSans-Medium";
  font-style: normal;
  font-weight: 100;
  src: url("/fonts/BoschSans-Medium.otf");
  src: url("/fonts/BoschSans-Medium.eot"), url("/fonts/BoschSans-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/BoschSans-Medium.woff") format("woff"), url("/fonts/BoschSans-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "BoschSans-MediumItalic";
  font-style: normal;
  font-weight: 100;
  src: url("/fonts/BoschSans-MediumItalic.otf");
  src: url("/fonts/BoschSans-MediumItalic.eot"), url("/fonts/BoschSans-MediumItalic.eot?#iefix") format("embedded-opentype"), url("/fonts/BoschSans-MediumItalic.woff") format("woff"), url("/fonts/BoschSans-MediumItalic.ttf") format("truetype");
}
@font-face {
  font-family: "BoschSans-Regular";
  font-style: normal;
  font-weight: 100;
  src: url("/fonts/BoschSans-Regular.otf");
  src: url("/fonts/BoschSans-Regular.eot"), url("/fonts/BoschSans-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/BoschSans-Regular.woff") format("woff"), url("/fonts/BoschSans-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "BoschSans-RegularItalic";
  font-style: normal;
  font-weight: 100;
  src: url("/fonts/BoschSans-RegularItalic.otf");
  src: url("/fonts/BoschSans-RegularItalic.eot"), url("/fonts/BoschSans-RegularItalic.eot?#iefix") format("embedded-opentype"), url("/fonts/BoschSans-RegularItalic.woff") format("woff"), url("/fonts/BoschSans-RegularItalic.ttf") format("truetype");
}
@font-face {
  font-family: "BoschSans-Semibold";
  font-style: normal;
  font-weight: 100;
  src: url("/fonts/BoschSans-Semibold.otf");
  src: url("/fonts/BoschSans-Semibold.eot"), url("/fonts/BoschSans-Semibold.eot?#iefix") format("embedded-opentype"), url("/fonts/BoschSans-Semibold.woff") format("woff"), url("/fonts/BoschSans-Semibold.ttf") format("truetype");
}
@font-face {
  font-family: "OpenSans-Bold-webfont";
  font-style: normal;
  font-weight: 100;
  src: url("/fonts/OpenSans-Bold-webfont.otf");
  src: url("/fonts/OpenSans-Bold-webfont.eot"), url("/fonts/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/OpenSans-Bold-webfont.woff") format("woff"), url("/fonts/OpenSans-Bold-webfont.ttf") format("truetype");
}
@font-face {
  font-family: "OpenSans-ERP-Regular";
  font-style: normal;
  font-weight: 100;
  src: url("/fonts/OpenSans-ERP-Regular.otf");
  src: url("/fonts/OpenSans-ERP-Regular.eot"), url("/fonts/OpenSans-ERP-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/OpenSans-ERP-Regular.woff") format("woff"), url("/fonts/OpenSans-ERP-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "OpenSans-Italic-webfont";
  font-style: normal;
  font-weight: 100;
  src: url("/fonts/OpenSans-Italic-webfont.otf");
  src: url("/fonts/OpenSans-Italic-webfont.eot"), url("/fonts/OpenSans-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/OpenSans-Italic-webfont.woff") format("woff"), url("/fonts/OpenSans-Italic-webfont.ttf") format("truetype");
}
@font-face {
  font-family: "OpenSans-Regular-webfont";
  font-style: normal;
  font-weight: 100;
  src: url("/fonts/OpenSans-Regular-webfont.otf");
  src: url("/fonts/OpenSans-Regular-webfont.eot"), url("/fonts/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/OpenSans-Regular-webfont.woff") format("woff"), url("/fonts/OpenSans-Regular-webfont.ttf") format("truetype");
}
@font-face {
  font-family: "OpenSans-Semibold-webfont";
  font-style: normal;
  font-weight: 100;
  src: url("/fonts/OpenSans-Semibold-webfont.otf");
  src: url("/fonts/OpenSans-Semibold-webfont.eot"), url("/fonts/OpenSans-Semibold-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/OpenSans-Semibold-webfont.woff") format("woff"), url("/fonts/OpenSans-Semibold-webfont.ttf") format("truetype");
}
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

main {
  display: block;
}

h1 {
  margin: 0.67em 0;
  font-size: 2em;
}

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

pre {
  font-family: "monospace", monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
  color: #005691;
}

a img {
  border: none;
  outline: none;
}

abbr[title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  border-bottom: none;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: "monospace", monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  display: table;
  max-width: 100%;
  padding: 0;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

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

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

figure {
  margin: 0;
}

:root {
  -moz-tab-size: 4;
  tab-size: 4;
}

body {
  box-sizing: border-box;
  min-height: 100vh;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

strong {
  font-family: "BoschSans-Medium", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#accordion .panel-default,
.accordion-panel {
  border: none;
  background-color: transparent;
  box-shadow: none;
}
#accordion .panel-default .accordion-title,
.accordion-panel .accordion-title {
  display: block;
  color: #1b2a55;
  margin: 15px 0 0;
}
#accordion .panel-default .accordion-title.accordion-title-lg,
.accordion-panel .accordion-title.accordion-title-lg {
  font-size: 20px;
}
.wb-light-blue #accordion .panel-default .accordion-title,
.wb-light-blue .accordion-panel .accordion-title {
  color: #007db8;
}
#accordion .panel-default .accordion-body, #accordion .panel-default .accordion-title,
.accordion-panel .accordion-body,
.accordion-panel .accordion-title {
  background-color: #f7f7f7;
  padding: 24px;
}
.band-grey #accordion .panel-default .accordion-body, .band-grey:nth-of-type(odd) ~ .band:nth-of-type(even) #accordion .panel-default .accordion-body, .band:nth-of-type(even) #accordion .panel-default .accordion-body, .band-grey #accordion .panel-default .accordion-title, .band-grey:nth-of-type(odd) ~ .band:nth-of-type(even) #accordion .panel-default .accordion-title, .band:nth-of-type(even) #accordion .panel-default .accordion-title,
.band-grey .accordion-panel .accordion-body,
.band-grey:nth-of-type(odd) ~ .band:nth-of-type(even) .accordion-panel .accordion-body,
.band:nth-of-type(even) .accordion-panel .accordion-body,
.band-grey .accordion-panel .accordion-title,
.band-grey:nth-of-type(odd) ~ .band:nth-of-type(even) .accordion-panel .accordion-title,
.band:nth-of-type(even) .accordion-panel .accordion-title {
  background-color: #FFFFFF;
}
#accordion .panel-default .accordion-body,
.accordion-panel .accordion-body {
  padding: 24px;
  background: #f7f7f7;
  border-top: solid 2px #eaeaea;
}
#accordion .panel-default .accordion-arrow,
.accordion-panel .accordion-arrow {
  border-left: 2px solid #005691;
  border-bottom: 2px solid #005691;
  transition: transform 230ms;
  height: 15px;
  width: 15px;
  display: block;
  float: right;
  transform: rotate(-225deg);
}
.collapsed #accordion .panel-default .accordion-arrow,
.collapsed .accordion-panel .accordion-arrow {
  transform: rotate(-45deg);
}
.accordion-title-lg #accordion .panel-default .accordion-arrow,
.accordion-title-lg .accordion-panel .accordion-arrow {
  height: 20px;
  width: 20px;
}
.wb-light-blue #accordion .panel-default .accordion-arrow,
.wb-light-blue .accordion-panel .accordion-arrow {
  border-left-color: #007db8;
  border-bottom-color: #007db8;
}

.band {
  padding: 50px 0;
  background-color: #FFFFFF;
  background-size: 100% 100%;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  position: relative;
}

.band:nth-of-type(even) {
  background-color: #f7f7f7;
}

.band-grey {
  background-color: #f7f7f7;
}

.band-grey:nth-of-type(odd) ~ .band:nth-of-type(even) {
  background-color: #FFFFFF;
}

.band-grey:nth-of-type(odd) ~ .band:nth-of-type(odd) {
  background-color: #f7f7f7;
}

.band-grey:nth-of-type(even) ~ .band:nth-of-type(even) {
  background-color: #f7f7f7;
}

.band-grey:nth-of-type(even) ~ .band:nth-of-type(odd) {
  background-color: #FFFFFF;
}

.band-inverse:nth-of-type(odd) ~ .band:nth-of-type(odd) {
  background-color: #f7f7f7;
}

.band-inverse:nth-of-type(odd) ~ .band:nth-of-type(even) {
  background-color: #FFFFFF;
}

.band-inverse:nth-of-type(even) ~ .band:nth-of-type(odd) {
  background-color: #FFFFFF;
}

.band-inverse:nth-of-type(even) ~ .band:nth-of-type(even) {
  background-color: #f7f7f7;
}

.band-grey-darker {
  background-color: #f7f7f7;
}
.band-title {
  margin-bottom: 20px;
  font-size: 28px;
}
.wb-wai-dashboard .band-title {
  color: #50237f;
}

.band-heading {
  padding-top: 90px;
  padding-bottom: 20px;
  box-shadow: inset 0 20px 20px -10px rgba(0, 0, 0, 0.3);
}

.band-inverse {
  background-color: #005691 !important;
}
.band-inverse.band-grey {
  background-color: #f7f7f7 !important;
}

.band-tertiary {
  background-color: #65a11b !important;
}

.band-tertiary .band-title {
  color: #fff;
}
.band-tertiary p {
  color: #fff;
}

.band-inverse > .band-body > .grid > .grid-col > .band-title {
  margin-top: 25px;
}

.band-inverse .band-title,
.band-inverse > .band-body > p,
.band-inverse > .band-body > .grid > .grid-col > p {
  color: #FFFFFF;
}

.band-inverse .embed-responsive {
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.6);
}

.band-inverse-content {
  color: #FFFFFF;
}
.band-inverse-content h1, .band-inverse-content .h1, .band-inverse-content h2, .band-inverse-content .h2, .band-inverse-content h3, .band-inverse-content .h3, .band-inverse-content h4, .band-inverse-content .h4, .band-inverse-content h5, .band-inverse-content .h5, .band-inverse-content h6, .band-inverse-content .h6 {
  color: #FFFFFF;
}

.band-image {
  position: relative;
  float: left;
  top: -50px;
  margin-bottom: -100px;
  height: 0;
  width: 32.4%;
  margin-left: 0;
  background-size: auto 100%;
  background-size: cover;
  background-position: center right;
}
.band-image-right {
  float: right;
}
.band-info {
  text-align: center;
  padding: 30px;
  background: linear-gradient(to right, #005691, #008ecf);
}

.wb-blue .band.band-info,
.band.band-info.wb-blue,
.band.band-colour-bg.wb-blue {
  background: #003E64;
}

.wb-purple .band.band-info,
.band.band-info.wb-purple,
.band.band-colour-bg.wb-purple {
  background: linear-gradient(to right, #50237f, #005691);
}

.wb-light-blue .band.band-info,
.band.band-info.wb-light-blue,
.band.band-colour-bg.wb-light-blue {
  background: linear-gradient(to right, #008ecf, #00a8b0);
}

.wb-teal .band.band-info,
.band.band-info.wb-teal,
.band.band-colour-bg.wb-teal {
  background: linear-gradient(to right, #00a8b0, #78be20);
}

.wb-green .band.band-info,
.band.band-info.wb-green,
.band.band-colour-bg.wb-green {
  background: linear-gradient(to right, #78be20, #006249);
}

.wb-fuchsia .band.band-info,
.band.band-info.wb-fuchsia,
.band.band-colour-bg.wb-fuchsia {
  background: #551151;
}

.band-info-light p {
  font-size: 1.3em;
  line-height: 1.2em;
  margin-bottom: 1em;
}

.band-info p {
  margin-bottom: 0;
}

.band-info a {
  text-decoration: underline;
  color: #FFFFFF;
}

.band-info .btn {
  text-decoration: none;
}

.band-info p,
.band-info a:hover,
.band-info .band-title {
  color: #FFFFFF;
}

.band-info .band-title {
  font-weight: 300;
  margin-bottom: 20px;
}

.band-info-padded {
  padding: 80px 30px;
}
.band-info-two-cols .grid-col {
  padding: 40px 0;
}

.band-callouts {
  position: relative;
  width: 100%;
  padding: 0;
  background-color: fadeout(#005691, 10%);
}

.list.list-callouts {
  margin-bottom: 0;
}

.list.list-callouts > li {
  height: 45px;
  padding-right: 0;
  border: 0;
}

.list.list-callouts > li > a {
  display: block;
  height: 100%;
}

ul.select-boiler.dropdown-menu {
  overflow-y: scroll;
  max-height: 400px;
}

.band-callouts .list.list-callouts > li > a {
  color: #FFFFFF;
}
.band-thin .band-body {
  max-width: 800px;
}

.band-wide .band-body {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.band-sm .band-body {
  padding-top: 40px;
  padding-bottom: 40px;
}

.band-search-small {
  padding-top: 10px;
  padding-bottom: 10px;
}

.band-search-small label {
  margin-top: 5px;
  font-size: 1.15em;
  font-weight: normal;
}

.band-overflow-hidden {
  overflow: hidden;
  margin-top: -50px;
  padding-top: 50px;
}
.band-gradient {
  background: linear-gradient(to bottom, #fff 60%, #ededed 100%);
}

.band-offblue {
  background-color: #005691 !important;
  line-height: 1.75;
}

.band-offblue .band-body > .grid {
  color: #f7f7f7;
}

.band-offblue .band-title {
  color: #FFFFFF;
}

.band-offblue a:not(.btn) {
  color: #65a11b;
}
.band-offblue a:not(.btn):hover, .band-offblue a:not(.btn):focus, .band-offblue a:not(.btn):active {
  color: #80cd22;
}

.band-offwhite {
  background: #F7F7F7 !important;
  border-top: 1px solid #BFC0C2;
  border-bottom: 1px solid #BFC0C2;
}

.band-overlap {
  z-index: 1;
  box-shadow: 0 4px 8px -3px #b2b2b6;
}

.band-overlap-previous {
  z-index: 1;
  box-shadow: 0 -4px 8px -3px #b2b2b6;
}

.band-nopadding {
  padding: 0;
}

.background-svg-wrapper-cover svg {
  position: relative;
  min-width: 1350px;
}

.background-svg-wrapper {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  background-size: cover;
}

.background-svg {
  display: block;
  width: 100%;
  height: 100%;
}

.band-colour-bg .band-body,
.background-svg-wrapper .band-body,
.wb-blue .band-colour-bg .band-body,
.background-svg-wrapper.wb-blue .band-body {
  display: block;
  position: relative;
}
.band-colour-bg .background-svg #Rectangle-path,
.background-svg-wrapper .background-svg #Rectangle-path,
.wb-blue .band-colour-bg .background-svg #Rectangle-path,
.background-svg-wrapper.wb-blue .background-svg #Rectangle-path {
  fill: url(#_LinearBlue1);
}
.band-colour-bg .background-svg #Shape,
.background-svg-wrapper .background-svg #Shape,
.wb-blue .band-colour-bg .background-svg #Shape,
.background-svg-wrapper.wb-blue .background-svg #Shape {
  fill: url(#_LinearBlue2);
}
.band-colour-bg .background-svg #Shape1,
.background-svg-wrapper .background-svg #Shape1,
.wb-blue .band-colour-bg .background-svg #Shape1,
.background-svg-wrapper.wb-blue .background-svg #Shape1 {
  fill: rgb(36, 84, 149);
}
.band-colour-bg .background-svg #Shape2,
.background-svg-wrapper .background-svg #Shape2,
.wb-blue .band-colour-bg .background-svg #Shape2,
.background-svg-wrapper.wb-blue .background-svg #Shape2 {
  fill: url(#_LinearBlue3);
}
.band-colour-bg .background-svg #Shape3,
.background-svg-wrapper .background-svg #Shape3,
.wb-blue .band-colour-bg .background-svg #Shape3,
.background-svg-wrapper.wb-blue .background-svg #Shape3 {
  fill: url(#_LinearBlue4);
}
.band-colour-bg .background-svg #Shape4,
.background-svg-wrapper .background-svg #Shape4,
.wb-blue .band-colour-bg .background-svg #Shape4,
.background-svg-wrapper.wb-blue .background-svg #Shape4 {
  fill: rgb(0, 88, 150);
}
.band-colour-bg .background-svg #Shape5,
.background-svg-wrapper .background-svg #Shape5,
.wb-blue .band-colour-bg .background-svg #Shape5,
.background-svg-wrapper.wb-blue .background-svg #Shape5 {
  fill: url(#_LinearBlue5);
}
.band-colour-bg .background-svg #Shape6,
.background-svg-wrapper .background-svg #Shape6,
.wb-blue .band-colour-bg .background-svg #Shape6,
.background-svg-wrapper.wb-blue .background-svg #Shape6 {
  fill: rgb(34, 67, 128);
}
.band-colour-bg .background-svg #Shape7,
.background-svg-wrapper .background-svg #Shape7,
.wb-blue .band-colour-bg .background-svg #Shape7,
.background-svg-wrapper.wb-blue .background-svg #Shape7 {
  fill: rgb(0, 95, 158);
}
.band-colour-bg .background-svg #Shape8,
.background-svg-wrapper .background-svg #Shape8,
.wb-blue .band-colour-bg .background-svg #Shape8,
.background-svg-wrapper.wb-blue .background-svg #Shape8 {
  fill: rgb(34, 67, 128);
}
.band-colour-bg .background-svg #Shape9,
.background-svg-wrapper .background-svg #Shape9,
.wb-blue .band-colour-bg .background-svg #Shape9,
.background-svg-wrapper.wb-blue .background-svg #Shape9 {
  fill: rgb(0, 78, 131);
}
.band-colour-bg .background-svg #Shape10,
.background-svg-wrapper .background-svg #Shape10,
.wb-blue .band-colour-bg .background-svg #Shape10,
.background-svg-wrapper.wb-blue .background-svg #Shape10 {
  fill: rgb(0, 117, 179);
}
.band-colour-bg .background-svg #Shape11,
.background-svg-wrapper .background-svg #Shape11,
.wb-blue .band-colour-bg .background-svg #Shape11,
.background-svg-wrapper.wb-blue .background-svg #Shape11 {
  fill: url(#_LinearBlue6);
}
.band-colour-bg .background-svg #Shape12,
.background-svg-wrapper .background-svg #Shape12,
.wb-blue .band-colour-bg .background-svg #Shape12,
.background-svg-wrapper.wb-blue .background-svg #Shape12 {
  fill: url(#_LinearBlue7);
}
.band-colour-bg .background-svg #Shape13,
.background-svg-wrapper .background-svg #Shape13,
.wb-blue .band-colour-bg .background-svg #Shape13,
.background-svg-wrapper.wb-blue .background-svg #Shape13 {
  fill: url(#_LinearBlue8);
}
.band-colour-bg .background-svg #Shape14,
.background-svg-wrapper .background-svg #Shape14,
.wb-blue .band-colour-bg .background-svg #Shape14,
.background-svg-wrapper.wb-blue .background-svg #Shape14 {
  fill: url(#_LinearBlue9);
}
.band-colour-bg .background-svg #Shape15,
.background-svg-wrapper .background-svg #Shape15,
.wb-blue .band-colour-bg .background-svg #Shape15,
.background-svg-wrapper.wb-blue .background-svg #Shape15 {
  fill: url(#_LinearBlue10);
}
.band-colour-bg .background-svg #Shape16,
.background-svg-wrapper .background-svg #Shape16,
.wb-blue .band-colour-bg .background-svg #Shape16,
.background-svg-wrapper.wb-blue .background-svg #Shape16 {
  fill: rgb(47, 70, 137);
}
.band-colour-bg .background-svg #Shape17,
.background-svg-wrapper .background-svg #Shape17,
.wb-blue .band-colour-bg .background-svg #Shape17,
.background-svg-wrapper.wb-blue .background-svg #Shape17 {
  fill: url(#_LinearBlue11);
}
.band-colour-bg .background-svg #Shape18,
.background-svg-wrapper .background-svg #Shape18,
.wb-blue .band-colour-bg .background-svg #Shape18,
.background-svg-wrapper.wb-blue .background-svg #Shape18 {
  fill: url(#_LinearBlue12);
}
.band-colour-bg .background-svg #Shape19,
.background-svg-wrapper .background-svg #Shape19,
.wb-blue .band-colour-bg .background-svg #Shape19,
.background-svg-wrapper.wb-blue .background-svg #Shape19 {
  fill: url(#_LinearBlue13);
}
.band-colour-bg .background-svg #Shape20,
.background-svg-wrapper .background-svg #Shape20,
.wb-blue .band-colour-bg .background-svg #Shape20,
.background-svg-wrapper.wb-blue .background-svg #Shape20 {
  fill: url(#_LinearBlue14);
}

.bosch .band-colour-bg .background-svg #Rectangle-path,
.background-svg-wrapper.bosch .background-svg #Rectangle-path {
  fill: url(#_Linear1);
}
.bosch .band-colour-bg .background-svg #Shape,
.background-svg-wrapper.bosch .background-svg #Shape {
  fill: url(#_Linear2);
}
.bosch .band-colour-bg .background-svg #Shape1,
.background-svg-wrapper.bosch .background-svg #Shape1 {
  fill: url(#_Linear3);
}
.bosch .band-colour-bg .background-svg #Shape2,
.background-svg-wrapper.bosch .background-svg #Shape2 {
  fill: url(#_Linear4);
}
.bosch .band-colour-bg .background-svg #Shape3,
.background-svg-wrapper.bosch .background-svg #Shape3 {
  fill: url(#_Linear5);
}
.bosch .band-colour-bg .background-svg #Shape4,
.background-svg-wrapper.bosch .background-svg #Shape4 {
  fill: rgb(175, 25, 23);
}
.bosch .band-colour-bg .background-svg #Shape5,
.background-svg-wrapper.bosch .background-svg #Shape5 {
  fill: url(#_Linear6);
}
.bosch .band-colour-bg .background-svg #Shape6,
.background-svg-wrapper.bosch .background-svg #Shape6 {
  fill: rgb(147, 24, 19);
}
.bosch .band-colour-bg .background-svg #Shape7,
.background-svg-wrapper.bosch .background-svg #Shape7 {
  fill: rgb(177, 38, 56);
}
.bosch .band-colour-bg .background-svg #Shape8,
.background-svg-wrapper.bosch .background-svg #Shape8 {
  fill: rgb(147, 24, 19);
}
.bosch .band-colour-bg .background-svg #Shape9,
.background-svg-wrapper.bosch .background-svg #Shape9 {
  fill: rgb(148, 35, 49);
}
.bosch .band-colour-bg .background-svg #Shape10,
.background-svg-wrapper.bosch .background-svg #Shape10 {
  fill: rgb(213, 19, 23);
}
.bosch .band-colour-bg .background-svg #Shape11,
.background-svg-wrapper.bosch .background-svg #Shape11 {
  fill: url(#_Linear7);
}
.bosch .band-colour-bg .background-svg #Shape12,
.background-svg-wrapper.bosch .background-svg #Shape12 {
  fill: url(#_Linear8);
}
.bosch .band-colour-bg .background-svg #Shape13,
.background-svg-wrapper.bosch .background-svg #Shape13 {
  fill: rgb(22, 154, 57);
}
.bosch .band-colour-bg .background-svg #Shape14,
.background-svg-wrapper.bosch .background-svg #Shape14 {
  fill: url(#_Linear9);
}
.bosch .band-colour-bg .background-svg #Shape15,
.background-svg-wrapper.bosch .background-svg #Shape15 {
  fill: url(#_Linear10);
}
.bosch .band-colour-bg .background-svg #Shape16,
.background-svg-wrapper.bosch .background-svg #Shape16 {
  fill: rgb(40, 53, 135);
}
.bosch .band-colour-bg .background-svg #Shape17,
.background-svg-wrapper.bosch .background-svg #Shape17 {
  fill: url(#_Linear11);
}
.bosch .band-colour-bg .background-svg #Shape18,
.background-svg-wrapper.bosch .background-svg #Shape18 {
  fill: url(#_Linear12);
}
.bosch .band-colour-bg .background-svg #Shape19,
.background-svg-wrapper.bosch .background-svg #Shape19 {
  fill: url(#_Linear13);
}
.bosch .band-colour-bg .background-svg #Shape20,
.background-svg-wrapper.bosch .background-svg #Shape20 {
  fill: url(#_Linear14);
}

.wb-light-blue .band-colour-bg .background-svg #Rectangle-path,
.wb-teal .band-colour-bg .background-svg #Rectangle-path,
.background-svg-wrapper.blue-light .background-svg #Rectangle-path {
  fill: url(#_LinearBlueLight1);
}
.wb-light-blue .band-colour-bg .background-svg #Shape,
.wb-teal .band-colour-bg .background-svg #Shape,
.background-svg-wrapper.blue-light .background-svg #Shape {
  fill: url(#_LinearBlueLight2);
}
.wb-light-blue .band-colour-bg .background-svg #Shape1,
.wb-teal .band-colour-bg .background-svg #Shape1,
.background-svg-wrapper.blue-light .background-svg #Shape1 {
  fill: url(#_LinearBlueLight3);
}
.wb-light-blue .band-colour-bg .background-svg #Shape2,
.wb-teal .band-colour-bg .background-svg #Shape2,
.background-svg-wrapper.blue-light .background-svg #Shape2 {
  fill: url(#_LinearBlueLight4);
}
.wb-light-blue .band-colour-bg .background-svg #Shape3,
.wb-teal .band-colour-bg .background-svg #Shape3,
.background-svg-wrapper.blue-light .background-svg #Shape3 {
  fill: url(#_LinearBlueLight5);
}
.wb-light-blue .band-colour-bg .background-svg #Shape4,
.wb-teal .band-colour-bg .background-svg #Shape4,
.background-svg-wrapper.blue-light .background-svg #Shape4 {
  fill: rgb(0, 163, 193);
}
.wb-light-blue .band-colour-bg .background-svg #Shape5,
.wb-teal .band-colour-bg .background-svg #Shape5,
.background-svg-wrapper.blue-light .background-svg #Shape5 {
  fill: url(#_LinearBlueLight6);
}
.wb-light-blue .band-colour-bg .background-svg #Shape6,
.wb-teal .band-colour-bg .background-svg #Shape6,
.background-svg-wrapper.blue-light .background-svg #Shape6 {
  fill: rgb(0, 135, 162);
}
.wb-light-blue .band-colour-bg .background-svg #Shape7,
.wb-teal .band-colour-bg .background-svg #Shape7,
.background-svg-wrapper.blue-light .background-svg #Shape7 {
  fill: rgb(0, 171, 202);
}
.wb-light-blue .band-colour-bg .background-svg #Shape8,
.wb-teal .band-colour-bg .background-svg #Shape8,
.background-svg-wrapper.blue-light .background-svg #Shape8 {
  fill: rgb(0, 135, 162);
}
.wb-light-blue .band-colour-bg .background-svg #Shape9,
.wb-teal .band-colour-bg .background-svg #Shape9,
.background-svg-wrapper.blue-light .background-svg #Shape9 {
  fill: rgb(0, 143, 170);
}
.wb-light-blue .band-colour-bg .background-svg #Shape10,
.wb-teal .band-colour-bg .background-svg #Shape10,
.background-svg-wrapper.blue-light .background-svg #Shape10 {
  fill: rgb(0, 181, 221);
}
.wb-light-blue .band-colour-bg .background-svg #Shape11,
.wb-teal .band-colour-bg .background-svg #Shape11,
.background-svg-wrapper.blue-light .background-svg #Shape11 {
  fill: url(#_LinearBlueLight7);
}
.wb-light-blue .band-colour-bg .background-svg #Shape12,
.wb-teal .band-colour-bg .background-svg #Shape12,
.background-svg-wrapper.blue-light .background-svg #Shape12 {
  fill: url(#_LinearBlueLight8);
}
.wb-light-blue .band-colour-bg .background-svg #Shape13,
.wb-teal .band-colour-bg .background-svg #Shape13,
.background-svg-wrapper.blue-light .background-svg #Shape13 {
  fill: rgb(0, 181, 221);
}
.wb-light-blue .band-colour-bg .background-svg #Shape14,
.wb-teal .band-colour-bg .background-svg #Shape14,
.background-svg-wrapper.blue-light .background-svg #Shape14 {
  fill: url(#_LinearBlueLight9);
}
.wb-light-blue .band-colour-bg .background-svg #Shape15,
.wb-teal .band-colour-bg .background-svg #Shape15,
.background-svg-wrapper.blue-light .background-svg #Shape15 {
  fill: url(#_LinearBlueLight10);
}
.wb-light-blue .band-colour-bg .background-svg #Shape16,
.wb-teal .band-colour-bg .background-svg #Shape16,
.background-svg-wrapper.blue-light .background-svg #Shape16 {
  fill: rgb(44, 122, 154);
}
.wb-light-blue .band-colour-bg .background-svg #Shape17,
.wb-teal .band-colour-bg .background-svg #Shape17,
.background-svg-wrapper.blue-light .background-svg #Shape17 {
  fill: url(#_LinearBlueLight11);
}
.wb-light-blue .band-colour-bg .background-svg #Shape18,
.wb-teal .band-colour-bg .background-svg #Shape18,
.background-svg-wrapper.blue-light .background-svg #Shape18 {
  fill: url(#_LinearBlueLight12);
}
.wb-light-blue .band-colour-bg .background-svg #Shape19,
.wb-teal .band-colour-bg .background-svg #Shape19,
.background-svg-wrapper.blue-light .background-svg #Shape19 {
  fill: url(#_LinearBlueLight13);
}
.wb-light-blue .band-colour-bg .background-svg #Shape20,
.wb-teal .band-colour-bg .background-svg #Shape20,
.background-svg-wrapper.blue-light .background-svg #Shape20 {
  fill: url(#_LinearBlueLight14);
}

.wb-purple .band-colour-bg .background-svg #Rectangle-path,
.background-svg-wrapper.wb-purple .background-svg #Rectangle-path {
  fill: url(#_LinearViolet1);
}
.wb-purple .band-colour-bg .background-svg #Shape,
.background-svg-wrapper.wb-purple .background-svg #Shape {
  fill: url(#_LinearViolet2);
}
.wb-purple .band-colour-bg .background-svg #Shape1,
.background-svg-wrapper.wb-purple .background-svg #Shape1 {
  fill: url(#_LinearViolet3);
}
.wb-purple .band-colour-bg .background-svg #Shape2,
.background-svg-wrapper.wb-purple .background-svg #Shape2 {
  fill: url(#_LinearViolet4);
}
.wb-purple .band-colour-bg .background-svg #Shape3,
.background-svg-wrapper.wb-purple .background-svg #Shape3 {
  fill: url(#_LinearViolet5);
}
.wb-purple .band-colour-bg .background-svg #Shape4,
.background-svg-wrapper.wb-purple .background-svg #Shape4 {
  fill: rgb(113, 93, 138);
}
.wb-purple .band-colour-bg .background-svg #Shape5,
.background-svg-wrapper.wb-purple .background-svg #Shape5 {
  fill: url(#_LinearViolet6);
}
.wb-purple .band-colour-bg .background-svg #Shape6,
.background-svg-wrapper.wb-purple .background-svg #Shape6 {
  fill: rgb(95, 74, 122);
}
.wb-purple .band-colour-bg .background-svg #Shape7,
.background-svg-wrapper.wb-purple .background-svg #Shape7 {
  fill: rgb(123, 103, 148);
}
.wb-purple .band-colour-bg .background-svg #Shape8,
.background-svg-wrapper.wb-purple .background-svg #Shape8 {
  fill: rgb(95, 74, 122);
}
.wb-purple .band-colour-bg .background-svg #Shape9,
.background-svg-wrapper.wb-purple .background-svg #Shape9 {
  fill: rgb(99, 79, 126);
}
.wb-purple .band-colour-bg .background-svg #Shape10,
.background-svg-wrapper.wb-purple .background-svg #Shape10 {
  fill: rgb(143, 121, 168);
}
.wb-purple .band-colour-bg .background-svg #Shape11,
.background-svg-wrapper.wb-purple .background-svg #Shape11 {
  fill: url(#_LinearViolet7);
}
.wb-purple .band-colour-bg .background-svg #Shape12,
.background-svg-wrapper.wb-purple .background-svg #Shape12 {
  fill: url(#_LinearViolet8);
}
.wb-purple .band-colour-bg .background-svg #Shape13,
.background-svg-wrapper.wb-purple .background-svg #Shape13 {
  fill: rgb(143, 121, 168);
}
.wb-purple .band-colour-bg .background-svg #Shape14,
.background-svg-wrapper.wb-purple .background-svg #Shape14 {
  fill: url(#_LinearViolet9);
}
.wb-purple .band-colour-bg .background-svg #Shape15,
.background-svg-wrapper.wb-purple .background-svg #Shape15 {
  fill: url(#_LinearViolet10);
}
.wb-purple .band-colour-bg .background-svg #Shape16,
.background-svg-wrapper.wb-purple .background-svg #Shape16 {
  fill: rgb(76, 39, 116);
}
.wb-purple .band-colour-bg .background-svg #Shape17,
.background-svg-wrapper.wb-purple .background-svg #Shape17 {
  fill: url(#_LinearViolet11);
}
.wb-purple .band-colour-bg .background-svg #Shape18,
.background-svg-wrapper.wb-purple .background-svg #Shape18 {
  fill: url(#_LinearViolet12);
}
.wb-purple .band-colour-bg .background-svg #Shape19,
.background-svg-wrapper.wb-purple .background-svg #Shape19 {
  fill: url(#_LinearViolet13);
}
.wb-purple .band-colour-bg .background-svg #Shape20,
.background-svg-wrapper.wb-purple .background-svg #Shape20 {
  fill: url(#_LinearViolet14);
}

.wb-dark-green .band-colour-bg .background-svg #Rectangle-path,
.background-svg-wrapper.wb-dark-green .background-svg #Rectangle-path {
  fill: url(#_LinearGreen1);
}
.wb-dark-green .band-colour-bg .background-svg #Shape,
.background-svg-wrapper.wb-dark-green .background-svg #Shape {
  fill: url(#_LinearGreen2);
}
.wb-dark-green .band-colour-bg .background-svg #Shape1,
.background-svg-wrapper.wb-dark-green .background-svg #Shape1 {
  fill: url(#_LinearGreen3);
}
.wb-dark-green .band-colour-bg .background-svg #Shape2,
.background-svg-wrapper.wb-dark-green .background-svg #Shape2 {
  fill: url(#_LinearGreen4);
}
.wb-dark-green .band-colour-bg .background-svg #Shape3,
.background-svg-wrapper.wb-dark-green .background-svg #Shape3 {
  fill: url(#_LinearGreen5);
}
.wb-dark-green .band-colour-bg .background-svg #Shape4,
.background-svg-wrapper.wb-dark-green .background-svg #Shape4 {
  fill: rgb(102, 162, 64);
}
.wb-dark-green .band-colour-bg .background-svg #Shape5,
.background-svg-wrapper.wb-dark-green .background-svg #Shape5 {
  fill: url(#_LinearGreen6);
}
.wb-dark-green .band-colour-bg .background-svg #Shape6,
.background-svg-wrapper.wb-dark-green .background-svg #Shape6 {
  fill: rgb(42, 146, 54);
}
.wb-dark-green .band-colour-bg .background-svg #Shape7,
.background-svg-wrapper.wb-dark-green .background-svg #Shape7 {
  fill: rgb(119, 168, 80);
}
.wb-dark-green .band-colour-bg .background-svg #Shape8,
.background-svg-wrapper.wb-dark-green .background-svg #Shape8 {
  fill: rgb(42, 146, 54);
}
.wb-dark-green .band-colour-bg .background-svg #Shape9,
.background-svg-wrapper.wb-dark-green .background-svg #Shape9 {
  fill: rgb(148, 189, 85);
}
.wb-dark-green .band-colour-bg .background-svg #Shape10,
.background-svg-wrapper.wb-dark-green .background-svg #Shape10 {
  fill: rgb(29, 134, 48);
}
.wb-dark-green .band-colour-bg .background-svg #Shape11,
.background-svg-wrapper.wb-dark-green .background-svg #Shape11 {
  fill: url(#_LinearGreen7);
}
.wb-dark-green .band-colour-bg .background-svg #Shape12,
.background-svg-wrapper.wb-dark-green .background-svg #Shape12 {
  fill: url(#_LinearGreen8);
}
.wb-dark-green .band-colour-bg .background-svg #Shape13,
.background-svg-wrapper.wb-dark-green .background-svg #Shape13 {
  fill: rgb(148, 189, 85);
}
.wb-dark-green .band-colour-bg .background-svg #Shape14,
.background-svg-wrapper.wb-dark-green .background-svg #Shape14 {
  fill: url(#_LinearGreen9);
}
.wb-dark-green .band-colour-bg .background-svg #Shape15,
.background-svg-wrapper.wb-dark-green .background-svg #Shape15 {
  fill: url(#_LinearGreen10);
}
.wb-dark-green .band-colour-bg .background-svg #Shape16,
.background-svg-wrapper.wb-dark-green .background-svg #Shape16 {
  fill: rgb(148, 189, 85);
}
.wb-dark-green .band-colour-bg .background-svg #Shape17,
.background-svg-wrapper.wb-dark-green .background-svg #Shape17 {
  fill: url(#_LinearGreen11);
}
.wb-dark-green .band-colour-bg .background-svg #Shape18,
.background-svg-wrapper.wb-dark-green .background-svg #Shape18 {
  fill: url(#_LinearGreen12);
}
.wb-dark-green .band-colour-bg .background-svg #Shape19,
.background-svg-wrapper.wb-dark-green .background-svg #Shape19 {
  fill: url(#_LinearGreen13);
}
.wb-dark-green .band-colour-bg .background-svg #Shape20,
.background-svg-wrapper.wb-dark-green .background-svg #Shape20 {
  fill: url(#_LinearGreen14);
}

.wb-grey .band-colour-bg .background-svg #Rectangle-path,
.background-svg-wrapper.wb-grey .background-svg #Rectangle-path {
  fill: url(#_LinearGrey);
}
.wb-grey .band-colour-bg .background-svg #Shape,
.background-svg-wrapper.wb-grey .background-svg #Shape {
  fill: url(#_LinearGrey2);
}
.wb-grey .band-colour-bg .background-svg #Shape1,
.background-svg-wrapper.wb-grey .background-svg #Shape1 {
  fill: url(#_LinearGrey3);
}
.wb-grey .band-colour-bg .background-svg #Shape2,
.background-svg-wrapper.wb-grey .background-svg #Shape2 {
  fill: url(#_LinearGrey4);
}
.wb-grey .band-colour-bg .background-svg #Shape3,
.background-svg-wrapper.wb-grey .background-svg #Shape3 {
  fill: url(#_LinearGrey5);
}
.wb-grey .band-colour-bg .background-svg #Shape4,
.background-svg-wrapper.wb-grey .background-svg #Shape4 {
  fill: #757474;
}
.wb-grey .band-colour-bg .background-svg #Shape5,
.background-svg-wrapper.wb-grey .background-svg #Shape5 {
  fill: url(#_LinearGrey6);
}
.wb-grey .band-colour-bg .background-svg #Shape6,
.background-svg-wrapper.wb-grey .background-svg #Shape6 {
  fill: #676766;
}
.wb-grey .band-colour-bg .background-svg #Shape7,
.background-svg-wrapper.wb-grey .background-svg #Shape7 {
  fill: #7a7a7a;
}
.wb-grey .band-colour-bg .background-svg #Shape8,
.background-svg-wrapper.wb-grey .background-svg #Shape8 {
  fill: #676766;
}
.wb-grey .band-colour-bg .background-svg #Shape9,
.background-svg-wrapper.wb-grey .background-svg #Shape9 {
  fill: #6b6b6a;
}
.wb-grey .band-colour-bg .background-svg #Shape10,
.background-svg-wrapper.wb-grey .background-svg #Shape10 {
  fill: #999998;
}
.wb-grey .band-colour-bg .background-svg #Shape11,
.background-svg-wrapper.wb-grey .background-svg #Shape11 {
  fill: url(#_LinearGrey7);
}
.wb-grey .band-colour-bg .background-svg #Shape12,
.background-svg-wrapper.wb-grey .background-svg #Shape12 {
  fill: url(#_LinearGrey8);
}
.wb-grey .band-colour-bg .background-svg #Shape13,
.background-svg-wrapper.wb-grey .background-svg #Shape13 {
  fill: #7e7e7d;
}
.wb-grey .band-colour-bg .background-svg #Shape14,
.background-svg-wrapper.wb-grey .background-svg #Shape14 {
  fill: url(#_LinearGrey9);
}
.wb-grey .band-colour-bg .background-svg #Shape15,
.background-svg-wrapper.wb-grey .background-svg #Shape15 {
  fill: url(#_LinearGrey10);
}
.wb-grey .band-colour-bg .background-svg #Shape16,
.background-svg-wrapper.wb-grey .background-svg #Shape16 {
  fill: #6b6b6a;
}
.wb-grey .band-colour-bg .background-svg #Shape17,
.background-svg-wrapper.wb-grey .background-svg #Shape17 {
  fill: url(#_LinearGrey11);
}
.wb-grey .band-colour-bg .background-svg #Shape18,
.background-svg-wrapper.wb-grey .background-svg #Shape18 {
  fill: url(#_LinearGrey12);
}
.wb-grey .band-colour-bg .background-svg #Shape19,
.background-svg-wrapper.wb-grey .background-svg #Shape19 {
  fill: url(#_LinearGrey13);
}
.wb-grey .band-colour-bg .background-svg #Shape20,
.background-svg-wrapper.wb-grey .background-svg #Shape20 {
  fill: url(#_LinearGrey14);
}

.wb-light-grey .band-colour-bg .background-svg #Rectangle-path,
.background-svg-wrapper.wb-light-grey .background-svg #Rectangle-path {
  fill: url(#_LinearGreyLight);
}
.wb-light-grey .band-colour-bg .background-svg #Shape,
.background-svg-wrapper.wb-light-grey .background-svg #Shape {
  fill: url(#_LinearGreyLight2);
}
.wb-light-grey .band-colour-bg .background-svg #Shape1,
.background-svg-wrapper.wb-light-grey .background-svg #Shape1 {
  fill: url(#_LinearGreyLight3);
}
.wb-light-grey .band-colour-bg .background-svg #Shape2,
.background-svg-wrapper.wb-light-grey .background-svg #Shape2 {
  fill: url(#_LinearGreyLight4);
}
.wb-light-grey .band-colour-bg .background-svg #Shape3,
.background-svg-wrapper.wb-light-grey .background-svg #Shape3 {
  fill: url(#_LinearGreyLight5);
}
.wb-light-grey .band-colour-bg .background-svg #Shape4,
.background-svg-wrapper.wb-light-grey .background-svg #Shape4 {
  fill: #f1f1f1;
}
.wb-light-grey .band-colour-bg .background-svg #Shape5,
.background-svg-wrapper.wb-light-grey .background-svg #Shape5 {
  fill: url(#_LinearGreyLight6);
}
.wb-light-grey .band-colour-bg .background-svg #Shape6,
.background-svg-wrapper.wb-light-grey .background-svg #Shape6 {
  fill: #efeeee;
}
.wb-light-grey .band-colour-bg .background-svg #Shape7,
.background-svg-wrapper.wb-light-grey .background-svg #Shape7 {
  fill: #f8f8f8;
}
.wb-light-grey .band-colour-bg .background-svg #Shape8,
.background-svg-wrapper.wb-light-grey .background-svg #Shape8 {
  fill: #efeeee;
}
.wb-light-grey .band-colour-bg .background-svg #Shape9,
.background-svg-wrapper.wb-light-grey .background-svg #Shape9 {
  fill: #f4f4f4;
}
.wb-light-grey .band-colour-bg .background-svg #Shape10,
.background-svg-wrapper.wb-light-grey .background-svg #Shape10 {
  fill: #f8f8f8;
}
.wb-light-grey .band-colour-bg .background-svg #Shape11,
.background-svg-wrapper.wb-light-grey .background-svg #Shape11 {
  fill: url(#_LinearGreyLight7);
}
.wb-light-grey .band-colour-bg .background-svg #Shape12,
.background-svg-wrapper.wb-light-grey .background-svg #Shape12 {
  fill: url(#_LinearGreyLight8);
}
.wb-light-grey .band-colour-bg .background-svg #Shape13,
.background-svg-wrapper.wb-light-grey .background-svg #Shape13 {
  fill: url(#_LinearGreyLight9);
}
.wb-light-grey .band-colour-bg .background-svg #Shape14,
.background-svg-wrapper.wb-light-grey .background-svg #Shape14 {
  fill: url(#_LinearGreyLight10);
}
.wb-light-grey .band-colour-bg .background-svg #Shape15,
.background-svg-wrapper.wb-light-grey .background-svg #Shape15 {
  fill: url(#_LinearGreyLight11);
}
.wb-light-grey .band-colour-bg .background-svg #Shape16,
.background-svg-wrapper.wb-light-grey .background-svg #Shape16 {
  fill: #e8e8e8;
}
.wb-light-grey .band-colour-bg .background-svg #Shape17,
.background-svg-wrapper.wb-light-grey .background-svg #Shape17 {
  fill: url(#_LinearGreyLight12);
}
.wb-light-grey .band-colour-bg .background-svg #Shape18,
.background-svg-wrapper.wb-light-grey .background-svg #Shape18 {
  fill: url(#_LinearGreyLight13);
}
.wb-light-grey .band-colour-bg .background-svg #Shape19,
.background-svg-wrapper.wb-light-grey .background-svg #Shape19 {
  fill: url(#_LinearGreyLight14);
}
.wb-light-grey .band-colour-bg .background-svg #Shape20,
.background-svg-wrapper.wb-light-grey .background-svg #Shape20 {
  fill: url(#_LinearGreyLight15);
}

.wb-medium-grey .band-colour-bg .background-svg #Rectangle-path,
.background-svg-wrapper.wb-medium-grey .background-svg #Rectangle-path {
  fill: url(#_LinearGreyMedium);
}
.wb-medium-grey .band-colour-bg .background-svg #Shape,
.background-svg-wrapper.wb-medium-grey .background-svg #Shape {
  fill: url(#_LinearGreyMedium2);
}
.wb-medium-grey .band-colour-bg .background-svg #Shape1,
.background-svg-wrapper.wb-medium-grey .background-svg #Shape1 {
  fill: url(#_LinearGreyMedium3);
}
.wb-medium-grey .band-colour-bg .background-svg #Shape2,
.background-svg-wrapper.wb-medium-grey .background-svg #Shape2 {
  fill: url(#_LinearGreyMedium4);
}
.wb-medium-grey .band-colour-bg .background-svg #Shape3,
.background-svg-wrapper.wb-medium-grey .background-svg #Shape3 {
  fill: url(#_LinearGreyMedium5);
}
.wb-medium-grey .band-colour-bg .background-svg #Shape4,
.background-svg-wrapper.wb-medium-grey .background-svg #Shape4 {
  fill: #e4e4e3;
}
.wb-medium-grey .band-colour-bg .background-svg #Shape5,
.background-svg-wrapper.wb-medium-grey .background-svg #Shape5 {
  fill: url(#_LinearGreyMedium6);
}
.wb-medium-grey .band-colour-bg .background-svg #Shape6,
.background-svg-wrapper.wb-medium-grey .background-svg #Shape6 {
  fill: #dedede;
}
.wb-medium-grey .band-colour-bg .background-svg #Shape7,
.background-svg-wrapper.wb-medium-grey .background-svg #Shape7 {
  fill: #f1f1f1;
}
.wb-medium-grey .band-colour-bg .background-svg #Shape8,
.background-svg-wrapper.wb-medium-grey .background-svg #Shape8 {
  fill: #dedede;
}
.wb-medium-grey .band-colour-bg .background-svg #Shape9,
.background-svg-wrapper.wb-medium-grey .background-svg #Shape9 {
  fill: #e9e9e9;
}
.wb-medium-grey .band-colour-bg .background-svg #Shape10,
.background-svg-wrapper.wb-medium-grey .background-svg #Shape10 {
  fill: #f1f1f1;
}
.wb-medium-grey .band-colour-bg .background-svg #Shape11,
.background-svg-wrapper.wb-medium-grey .background-svg #Shape11 {
  fill: url(#_LinearGreyMedium7);
}
.wb-medium-grey .band-colour-bg .background-svg #Shape12,
.background-svg-wrapper.wb-medium-grey .background-svg #Shape12 {
  fill: url(#_LinearGreyMedium8);
}
.wb-medium-grey .band-colour-bg .background-svg #Shape13,
.background-svg-wrapper.wb-medium-grey .background-svg #Shape13 {
  fill: url(#_LinearGreyMedium9);
}
.wb-medium-grey .band-colour-bg .background-svg #Shape14,
.background-svg-wrapper.wb-medium-grey .background-svg #Shape14 {
  fill: url(#_LinearGreyMedium10);
}
.wb-medium-grey .band-colour-bg .background-svg #Shape15,
.background-svg-wrapper.wb-medium-grey .background-svg #Shape15 {
  fill: url(#_LinearGreyMedium11);
}
.wb-medium-grey .band-colour-bg .background-svg #Shape16,
.background-svg-wrapper.wb-medium-grey .background-svg #Shape16 {
  fill: #d0d0d0;
}
.wb-medium-grey .band-colour-bg .background-svg #Shape17,
.background-svg-wrapper.wb-medium-grey .background-svg #Shape17 {
  fill: url(#_LinearGreyMedium12);
}
.wb-medium-grey .band-colour-bg .background-svg #Shape18,
.background-svg-wrapper.wb-medium-grey .background-svg #Shape18 {
  fill: url(#_LinearGreyMedium13);
}
.wb-medium-grey .band-colour-bg .background-svg #Shape19,
.background-svg-wrapper.wb-medium-grey .background-svg #Shape19 {
  fill: url(#_LinearGreyMedium14);
}
.wb-medium-grey .band-colour-bg .background-svg #Shape20,
.background-svg-wrapper.wb-medium-grey .background-svg #Shape20 {
  fill: url(#_LinearGreyMedium15);
}

.band-bg .band-bg-img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  object-fit: cover;
}

.band-lifestyle-slant {
  background: linear-gradient(105deg, #1a1a1a 61%, #000 60%);
}
.band-lifestyle-slant h2,
.band-lifestyle-slant p {
  color: #FFFFFF;
}

.cta-band-container {
  padding-left: 80px;
  padding-right: 80px;
}

.band.band-black {
  width: 100%;
  background-color: #000000;
  display: block;
  position: relative;
}
.band.band-black a {
  font-size: 18px;
}
.band.band-black h1 {
  color: #FFFFFF;
}
.band.band-black h3 {
  color: #FFFFFF;
  letter-spacing: 1.6px;
}
.band.band-black p {
  color: #FFFFFF;
}

.band-padding-xxl {
  padding: 50px 0;
}

.band-padding-xl {
  padding: 50px 0;
}

.band.address-lookup-black .h1 {
  color: #000000;
  text-transform: uppercase;
}
.band.address-lookup-black p {
  color: #000000;
}
.band.address-lookup-black .capture-plus-container input[type=text] {
  border: 1px solid #000000;
  height: 60px;
}
.band.address-lookup-black .v2wb-btn[disabled].btn-success {
  background-color: #525f6b;
}
.band.address-lookup-black .btn-success {
  background-color: #000000;
  width: 60px;
  font-size: 20px;
}
.band.address-lookup-black .btn-success:hover {
  background-color: #525f6b;
}
.band.address-lookup-black p {
  margin-bottom: 30px;
}

.band-white {
  background-color: #FFFFFF;
}

.band.medium-padding {
  padding-top: 50px;
  padding-bottom: 50px;
}
.band.padding-bottom {
  padding-bottom: 0;
}

.band-trustpilot {
  padding: 60px 0;
}

.band-homepage-two-images {
  padding: 75px 0 0;
}

.band-homepage-fast-track {
  padding: 30px 0 0;
}

.band-homepage-advice {
  padding: 75px 0 45px;
}

.band--white {
  background-color: #FFFFFF !important;
}

.band-vh {
  min-height: calc(100vh - 250px);
}

.band--pb0 {
  padding-bottom: 0;
}

.fab-fai-banner {
  position: relative;
  display: flex;
  width: 100%;
  min-height: 460px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.fab-fai-banner-content {
  color: #FFFFFF;
  padding: 12px 0 8px 0;
  position: relative;
  min-height: 120px;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fab-fai-banner-content h1,
.fab-fai-banner-content h2,
.fab-fai-banner-content strong {
  font-weight: 700;
  color: #FFFFFF;
}
.fab-fai-banner-content h1,
.fab-fai-banner-content h2 {
  font-weight: 400;
  margin: 0;
  padding-right: 110px;
  font-size: 18px;
  display: inline-block;
  max-width: 100%;
  text-align: left;
  vertical-align: middle;
}
.fab-fai-banner-content h3 {
  color: #FFFFFF;
  font-size: 18px;
  margin: 0;
}

.fab-fai-banner-purple-gradient {
  background: linear-gradient(to right, #50237f, #005691);
  min-height: 400px;
  height: auto;
  width: 100%;
}
.fab-fai-banner-purple-gradient:before {
  background: transparent;
}
.fab-fai-banner-purple-gradient h1,
.fab-fai-banner-purple-gradient h2 {
  text-align: center;
  padding: 0;
  margin-bottom: 20px;
}
.fab-fai-banner-purple-gradient h1 {
  font-size: 24px;
}
.fab-fai-banner-purple-gradient h2 {
  opacity: 0;
  font-size: 0;
  margin: 0;
  transition: opacity 0.3s ease-in-out;
}
.fab-fai-banner-purple-gradient h2.installer-show {
  opacity: 1;
  font-size: 14px;
  transition: opacity 0.3s ease-in-out;
}
.fab-fai-banner-purple-gradient div.fai-search-close {
  display: none;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  z-index: 100;
  cursor: pointer;
  padding-top: 14px;
}
.fab-fai-banner-purple-gradient div.fai-search-close svg {
  transform: rotate(180deg);
  stroke-width: 0;
  height: 14px;
  width: 10px;
  margin-right: 10px;
}
.fab-fai-banner-purple-gradient div.fai-search-close svg path {
  fill: #FFFFFF;
}

.fab-fai-banner-col {
  text-transform: none;
  background: transparent !important;
  display: flex;
  flex-flow: column;
  padding-bottom: 0;
  margin-bottom: 100px;
  height: 300px;
  width: 100%;
  z-index: 2;
}
.fab-fai-banner-col .fab-fai-banner-btn-container {
  position: relative;
  display: block;
  width: 100%;
  max-width: 640px;
  justify-content: center;
  max-height: 116px;
  margin-top: 20px;
}
.fab-fai-banner-col .fab-fai-banner-btn-container .btn-boxed {
  color: #FFFFFF;
  border: solid 2px #FFFFFF;
  line-height: 1;
  padding: 15px 20px;
  width: 100%;
  float: left;
}
.fab-fai-banner-col .fab-fai-banner-btn-container .btn-boxed:first-child {
  margin: 0 0 20px;
}
.fab-fai-banner-col .fab-fai-banner-btn-container .btn-boxed:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.fab-fai-banner-col .fab-fai-banner-btn-container .fai-address-search-mount {
  width: 0;
  opacity: 0;
  margin: 0;
  position: relative;
  display: flex;
}
.fab-fai-banner-col .fab-fai-banner-btn-container .fai-address-search-mount .fai-search {
  opacity: 0;
  width: 0;
}
.fab-fai-banner-col .fab-fai-banner-btn-container .fai-address-search-mount.fadeout-remove-reverse {
  opacity: 1;
  width: 100%;
  height: 50px;
  transition: all 0.3s ease-in;
}
.fab-fai-banner-col .fab-fai-banner-btn-container .fai-address-search-mount.fadeout-remove-reverse .fai-search {
  opacity: 1;
  width: 100%;
  height: 50px;
  transition: all 0.3s ease-in;
}
.fab-fai-banner-col .fab-fai-banner-btn-container .capture-plus-input {
  padding: 15px;
  border-right: none;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.fab-fai-banner-pictures-bottom-middle {
  max-height: 100px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.secondary-cta-row {
  font-size: 14px;
  line-height: 1.1;
  display: flex;
  flex-flow: row wrap;
  padding: 20px 0;
}
.secondary-cta-row a {
  text-decoration: none;
}
.secondary-cta-row p {
  margin: 10px 0 0;
  color: #444444;
  text-decoration: none;
}
.secondary-cta-row p:focus, .secondary-cta-row p:active {
  outline: none;
}
.secondary-cta-row a {
  transition: all 0.2s ease-in-out;
  width: 50%;
}
.secondary-cta-row a:hover {
  text-decoration: none;
  background: #eeeeee;
  transition: all 0.2s ease-in-out;
}
.secondary-cta-row a:focus, .secondary-cta-row a:active {
  text-decoration: none;
}
.secondary-cta-row a .secondary-cta-item {
  border-right: 2px solid #eeeeee;
  padding: 20px 12px;
  line-height: 1.1;
  font-size: 14px;
  height: 100%;
}
.secondary-cta-row a:last-of-type .secondary-cta-item {
  border-right: none;
}
.secondary-cta-row .secondary-cta-icon {
  height: 45px;
  width: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.visible-print {
  display: none !important;
}
.sr-only,
.radio-images:not(#foo) input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font-size: 0px;
  line-height: 0;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.box {
  position: relative;
  margin-bottom: 30px;
  padding: 15px 20px;
  background-color: #FFFFFF;
  border: 1px solid #eaeaea;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  overflow: hidden;
}
.band-trustpilot .box {
  margin-bottom: 22px;
}
.box > .box-title {
  margin-top: 8px;
}
.box .asset {
  overflow: hidden;
  position: relative;
  margin: -35px;
  margin-bottom: 20px;
  background-size: 100% 100%;
  background-size: cover;
  background-position: center;
  border-bottom: 1px solid #eaeaea;
}
.box .asset img {
  width: 100%;
}
.box .asset.medium {
  height: 340px;
  background-position: bottom;
}
.box .asset.small img {
  width: auto;
  max-height: 200px;
  margin: 0 auto;
}
.box .asset .heading {
  position: absolute;
  left: -5%;
  top: -15%;
  width: 50%;
}
.box .asset-grad-bg {
  background: linear-gradient(to right, #50237f, #005691);
  padding: 30px 20px;
  margin: 0 -20px;
}
.box .asset-grad-bg h3 {
  color: #FFFFFF;
  margin: 0;
}
.box .asset-grad-bg + p {
  margin-top: 20px;
}
.box.helper {
  border-top: 2px solid #78be20;
}
.box.helper--inverted {
  border-bottom: 2px solid #78be20;
  margin-bottom: 0;
}
.box.lifestyle {
  border-top-color: #50237f;
}
.box.filter-box {
  margin-bottom: 3em;
}
.box.filter-box label.block {
  display: block;
}
.box.filter-box .btn-row {
  margin-top: 15px;
}
.box.person .thumb {
  float: left;
  width: 60px;
  height: 60px;
  overflow: hidden;
  border-radius: 50%;
  behavior: url("/js/PIE.htc");
}
.box.person .thumb img {
  width: 100%;
}
.box.person .content {
  float: left;
  margin-left: 10px;
  margin-top: 10px;
}
.box.person .note {
  margin-top: 10px;
}
.box.person .note .small img {
  width: auto;
  max-height: 200px;
  margin: 0 auto;
}
.box > .btn-row, .box > form > .btn-row {
  margin: -55px;
  padding: 10px;
  border-top: 1px solid #eaeaea;
  background: #f7f7f7;
  clear: both;
}

.box > .btn-row-purple {
  background: #50237f;
}
.box > .btn-row-purple .btn-link {
  color: #FFFFFF;
}
.box > .btn-row-purple .btn-primary {
  border: 1px solid #50237f;
  background: #FFFFFF;
  color: #50237f;
}
.box > .btn-row-purple .btn-primary:hover {
  background: transparent;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
}

.box > .btn-row > .btn {
  margin-bottom: 0;
}

.box > .btn-row > .list-divider {
  margin: -10px;
}

.box > .btn-row > .list-divider > li {
  padding-top: 17px;
  padding-bottom: 17px;
}

.box > .btn-row > .list-divider > li:first-child {
  border-left: none;
}

.band-inverse > .band-body > .grid > .grid-col > .box {
  border: none;
}

.box-cosy {
  text-align: center;
  margin-bottom: 2em;
}

.box-cosy > .asset {
  height: 150px;
}

.btn-row-text {
  padding: 7px 12px;
}

.box-nopad .asset {
  margin-bottom: 0;
}

.box-nopad .btn-row {
  margin-top: 0;
}

.box-unpad {
  padding: 0;
}

.box-overflow {
  overflow: hidden;
}

.box.active {
  border-color: #65a11b;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1), 0 0 2.5px #65a11b;
}
.box-flex-space-between {
  justify-content: space-between;
}

.box-plain {
  border: 0;
  box-shadow: none;
  background-color: transparent;
}

.box-plain > .btn-row {
  border: 0;
}

.box-small {
  max-height: 150px;
  padding: 10px 0;
  margin: 0 25px;
}
.box-small .box-small-underlined {
  border-bottom: 2px solid #e5e5e5;
}
.box-small .box-small-img {
  display: inline-block;
  max-width: 50px;
  max-height: 50px;
}
.box-small .box-small-title {
  display: inline-block;
  margin: 0 0 0 10px;
  line-height: 1.6;
}
.box-small.box-small-alternating-even:nth-child(even) {
  background: #eee;
}

.box-small-overlay {
  border-bottom: 0;
}
.box-small-overlay:nth-child(even) {
  background: none;
}
.box-small-overlay .box-small-img {
  border-radius: 50%;
  background: #65a11b;
  padding: 5px;
  margin-right: 20px;
}
.box-small-overlay .box-small-title {
  color: #fff;
}
.box-small-overlay .box-small-title strong {
  color: #fff;
}

.box-login {
  margin-bottom: 0;
  padding: 30px 90px;
}

.box-login > .btn-row {
  padding: 10px 90px;
  margin: 0 -90px -30px -90px;
}
.box-light-border {
  box-shadow: none;
  border: 1px solid #eaeaea;
}

.box-btn-hover-effect {
  cursor: pointer;
}
.box-btn-hover-effect:active, .box-btn-hover-effect.active {
  border-color: #eaeaea;
  text-decoration: none;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1), 0 8px 8px rgba(0, 0, 0, 0.1);
}
.box-btn-hover-effect:active .box-btn-text, .box-btn-hover-effect.active .box-btn-text {
  font-weight: 700;
}
.box-btn-hover-effect:hover, .box-btn-hover-effect:focus {
  text-decoration: none;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.1);
}

.box-btn {
  text-align: center;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  justify-content: flex-start;
  justify-items: stretch;
  align-items: center;
  color: var(--bosch-black);
}
.box-btn .box-btn-img {
  max-width: 180px;
  height: 110px;
  margin: 0 auto;
}
.box-btn .box-btn-img img {
  object-fit: contain;
  display: block;
  width: 100%;
  height: 100%;
}
.box-btn .box-btn-img .box-img-padded {
  padding: 16px;
}
.box-btn .box-btn-img.box-btn-img-smaller {
  height: 90px;
  margin: 10px auto;
}
.box-btn .box-btn-hover-effect {
  cursor: pointer;
}
.box-btn .box-btn-hover-effect:active, .box-btn .box-btn-hover-effect.active {
  border-color: #eaeaea;
  text-decoration: none;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1), 0 8px 8px rgba(0, 0, 0, 0.1);
}
.box-btn .box-btn-hover-effect:active .box-btn-text, .box-btn .box-btn-hover-effect.active .box-btn-text {
  font-weight: 700;
}
.box-btn .box-btn-hover-effect:hover, .box-btn .box-btn-hover-effect:focus {
  text-decoration: none;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.1);
}
.box-btn .box-btn-text-wrapper {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  max-width: 100%;
}
.box-btn .box-btn-text {
  font-size: 16px;
  line-height: 1.2em;
  margin: auto;
  max-width: 100%;
}
.box-btn._no-hover, .box-btn._no-hover:hover, .box-btn._no-hover:focus, .box-btn._no-hover:active, .box-btn._no-hover.active {
  cursor: default;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
}
.box-btn._no-hover .box-btn-text, .box-btn._no-hover:hover .box-btn-text, .box-btn._no-hover:focus .box-btn-text, .box-btn._no-hover:active .box-btn-text, .box-btn._no-hover.active .box-btn-text {
  font-weight: 400;
}
.box-btn.box-btn-checkbox {
  padding: 0;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  overflow: visible;
  background: transparent;
  /* Base for label styling */
}
.box-btn.box-btn-checkbox label {
  position: relative;
  margin-bottom: 0;
  padding: 15px 20px;
  background-color: #FFFFFF;
  border: 1px solid #eaeaea;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  overflow: hidden;
  width: 100%;
  height: 100%;
  text-align: center;
}
.box-btn.box-btn-checkbox label .box-btn-img {
  display: inline-block !important;
  pointer-events: none;
}
.box-btn.box-btn-checkbox label .box-img-padded {
  display: inline !important;
  pointer-events: none;
}
.box-btn.box-btn-checkbox label .box-img-padded.hidden {
  display: none !important;
}
.box-btn.box-btn-checkbox label:after {
  display: none;
}
.has-error .box-btn.box-btn-checkbox label {
  border: 1px solid #a94442;
}
.box-btn.box-btn-checkbox .section-scroll:focus,
.box-btn.box-btn-checkbox .section-scroll:hover {
  text-decoration: none;
}
.box-btn.box-btn-checkbox input[type=checkbox]:not(:checked),
.box-btn.box-btn-checkbox input[type=checkbox]:checked,
.box-btn.box-btn-checkbox input[type=radio]:not(:checked),
.box-btn.box-btn-checkbox input[type=radio]:checked {
  position: absolute;
  left: -9999px;
}
.box-btn.box-btn-checkbox input[type=checkbox]:not(:checked) + label,
.box-btn.box-btn-checkbox input[type=checkbox]:checked + label,
.box-btn.box-btn-checkbox input[type=radio]:not(:checked) + label,
.box-btn.box-btn-checkbox input[type=radio]:checked + label {
  cursor: pointer;
  transition: all 2s;
}
.box-btn.box-btn-checkbox input[type=checkbox]:checked + label,
.box-btn.box-btn-checkbox input[type=radio]:checked + label {
  background-color: #65a11b;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1), 0 8px 8px rgba(0, 0, 0, 0.1);
}
.box-btn.box-btn-checkbox input[type=checkbox]:checked + label .box-img-padded,
.box-btn.box-btn-checkbox input[type=radio]:checked + label .box-img-padded {
  transition: opacity 0.2s ease;
  opacity: 0;
  display: none !important;
}
.box-btn.box-btn-checkbox input[type=checkbox]:checked + label .box-img-padded.hidden,
.box-btn.box-btn-checkbox input[type=radio]:checked + label .box-img-padded.hidden {
  display: inline !important;
  visibility: visible !important;
  opacity: 1;
}
.box-btn.box-btn-checkbox input[type=checkbox]:checked + label .box-btn-text,
.box-btn.box-btn-checkbox input[type=radio]:checked + label .box-btn-text {
  color: #FFFFFF;
}
.box-btn.box-btn-checkbox input[type=checkbox]:checked + label .box-btn-text h1, .box-btn.box-btn-checkbox input[type=checkbox]:checked + label .box-btn-text h2, .box-btn.box-btn-checkbox input[type=checkbox]:checked + label .box-btn-text h3, .box-btn.box-btn-checkbox input[type=checkbox]:checked + label .box-btn-text h4, .box-btn.box-btn-checkbox input[type=checkbox]:checked + label .box-btn-text h5, .box-btn.box-btn-checkbox input[type=checkbox]:checked + label .box-btn-text h6, .box-btn.box-btn-checkbox input[type=checkbox]:checked + label .box-btn-text p,
.box-btn.box-btn-checkbox input[type=radio]:checked + label .box-btn-text h1,
.box-btn.box-btn-checkbox input[type=radio]:checked + label .box-btn-text h2,
.box-btn.box-btn-checkbox input[type=radio]:checked + label .box-btn-text h3,
.box-btn.box-btn-checkbox input[type=radio]:checked + label .box-btn-text h4,
.box-btn.box-btn-checkbox input[type=radio]:checked + label .box-btn-text h5,
.box-btn.box-btn-checkbox input[type=radio]:checked + label .box-btn-text h6,
.box-btn.box-btn-checkbox input[type=radio]:checked + label .box-btn-text p {
  color: inherit;
}
.box-btn.box-btn-checkbox input[type=checkbox]:disabled + label,
.box-btn.box-btn-checkbox input[type=radio]:disabled + label {
  background-color: #444444;
}
.box-btn .box-btn-text-wrapper {
  display: block;
  text-align: center;
}
.box-btn .a-icon--7xl {
  margin: 1rem auto;
  font-size: 6rem;
}

.box-calendar--closed,
.box-calendar--open,
.box-calendar--coming {
  position: relative;
  padding: 65.19% 0 0 0;
  margin: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.box-calendar--closed .h3,
.box-calendar--open .h3,
.box-calendar--coming .h3 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  color: #fff;
  z-index: 1;
  font-size: 16px;
}
.box-calendar--closed .calendar-date,
.box-calendar--open .calendar-date,
.box-calendar--coming .calendar-date {
  position: absolute;
  top: 0;
  left: 0;
  background: #e5e5e5;
  padding: 7px 14px;
  z-index: 1;
}

.box-calendar--closed:after {
  content: "";
  background-color: rgba(156, 14, 14, 0.5);
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
}
.box-calendar--closed .closed-image {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  margin: 0 auto;
}

.box-calendar--open:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  border: 3px solid rgba(129, 188, 0, 0.7);
}
.box-calendar--open .h3 {
  background-color: rgba(129, 188, 0, 0.7);
  margin-bottom: 0;
  padding: 12px;
}

.box-inline {
  display: inline-block;
  width: 175px;
  min-height: 180px;
  margin: 10px;
}

.box-inline-small {
  display: inline-block;
  width: 120px;
  min-height: 130px;
  margin: 0;
  padding: 10px;
  vertical-align: middle;
}
.box-inline-small > .box-btn-text {
  padding-top: 13px;
}
.box-inline-small > .box-btn-img {
  height: 50px;
  width: 50px;
}

.box-title-grey {
  position: relative;
}
.box-title-grey:before {
  content: "";
  position: absolute;
  left: -20px;
  right: -20px;
  top: -15px;
  bottom: 0;
  background: #f7f7f7;
  overflow: hidden;
}
.box-title-grey h4 {
  position: relative;
  z-index: 1;
  font-weight: 600;
}

.box-content-flex {
  display: flex;
  align-items: flex-start;
  flex-direction: row;
}

.box-numbered {
  padding: 60px;
  margin: 41px;
  overflow: visible;
  border-left: 2px solid #005691;
  margin-top: 65px;
}
.box-numbered:before {
  content: attr(data-box-number);
  position: absolute;
  top: -41px;
  left: -41px;
  line-height: 82px;
  width: 82px;
  height: 82px;
  font-size: 28px;
  background-color: #005691;
  color: #fff;
  border-radius: 100%;
  text-align: center;
}

.box .asset-linear-background {
  height: 200px;
}
.box .asset-linear-background.asset-linear-background-short {
  min-height: 152px;
}
.box .asset-linear-background .icon, .box .asset-linear-background ul.tick li:before, ul.tick .box .asset-linear-background li:before {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.box .asset-linear-background .icon svg, .box .asset-linear-background ul.tick li:before svg, ul.tick .box .asset-linear-background li:before svg {
  max-height: 130px;
}
.box .asset-linear-background.wb-light-blue {
  background: linear-gradient(to right, #008ecf, #00a8b0);
}
.box .asset-linear-background.wb-blue {
  background: linear-gradient(to right, #005691, #008ecf);
}
.box .asset-linear-background.wb-purple {
  background: linear-gradient(to right, #50237f, #005691);
}
.box .asset-linear-background.wb-pink {
  background: linear-gradient(to right, #b90276, #50237f);
}
.box .asset-linear-background.wb-light-green {
  background: linear-gradient(to right, #00a8b0, #78be20);
}
.box .asset-linear-background.wb-green {
  background: linear-gradient(to right, #78be20, #006249);
}
.box .asset-linear-background > img {
  height: 100%;
}

.disabled > .box,
.box-disabled {
  pointer-events: none;
}
.disabled > .box > .box-title,
.disabled > .box > .box-body,
.box-disabled > .box-title,
.box-disabled > .box-body {
  color: #999999;
}
.disabled > .box > .asset-linear-background,
.box-disabled > .asset-linear-background {
  background: linear-gradient(90deg, rgba(110, 110, 110, 0.85) 35%, rgba(160, 160, 160, 0.85) 100%) !important;
}

.box-hover {
  max-height: 300px;
  padding: 0;
  width: 100%;
  float: left;
}
.box-hover .box-title {
  font-size: 18px;
}
.box-hover .asset {
  transition: all 3s;
  width: 100%;
  margin: 0 15px 20px 0;
}
.box-hover svg {
  max-height: 70px;
  transition: all 3s;
}
.box-hover .box-hover-text {
  font-size: 13px;
  color: #444444;
  transition: all 1s;
  padding: 0 20px 15px;
  max-width: 350px;
  margin: 0 auto;
}
.box-hover:hover {
  text-decoration: none;
}

.box-wide {
  background: #FFFFFF;
  width: 100%;
  max-width: 840px;
  display: flex;
}
.box-wide.box-filters {
  align-items: center;
}
.box-wide.box-filters .box-header {
  padding: 20px 20px 0;
}
.box-wide.box-filters .form-inline {
  padding: 20px;
}
.box-wide.box-filters .form-group {
  margin-bottom: 0;
}
.box-wide.box-filters .control-label {
  margin-bottom: 4px;
}
.box-wide.box-filters input[type=checkbox] {
  margin-top: 5px;
}

.box-opaque {
  background-color: rgba(255, 255, 255, 0.6);
  border: 0;
  box-shadow: none;
}

.background-image-cta {
  display: flex;
  height: 100%;
  position: relative;
  background-size: cover;
  background-position: center;
}
.background-image-cta .cta-top-section {
  padding: 25px 25px 0 25px;
}
.background-image-cta .cta-top-section p {
  font-size: 14px;
}
.background-image-cta .box-centered {
  width: 95%;
  margin: 139px auto;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background-color: rgba(255, 255, 255, 0.9);
}
.background-image-cta .cta-bottom-section {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  padding: 10px 0;
  bottom: 0;
  background-color: #007db8;
  font-size: 16px;
  color: #FFFFFF;
}

.box-img-container {
  margin: -20px -20px 20px -20px;
}

.box-img-wrapper {
  height: 185px;
  width: auto;
  display: block;
  position: relative;
}
.box-img-wrapper img {
  display: block;
  margin: 0 auto;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.box-fixed-height {
  display: flex;
  height: 126px;
  padding-bottom: 16px;
  align-items: center;
}
.box-fixed-height img {
  margin: auto;
  height: auto;
}

.box-bg-img-wrap {
  position: relative;
}
.box-bg-img-wrap h3 {
  position: absolute;
  bottom: 30px;
  color: #FFFFFF;
  padding: 0 30px;
  margin: 0;
}

.box-bg-img {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 320px;
  position: relative;
  transition: transform 0.2s ease-in-out;
}
.box-bg-img:hover {
  transform: scale(1.03);
}
.box-bg-img:hover h3 {
  transform: none;
}
.box-bg-img:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 200px;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
  transform: none;
}

.btn-loader {
  position: relative;
}
.btn-loader-spinner {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
}
.btn-loader-spinner, .btn-loader-loading .btn-loader-label {
  pointer-events: none;
  user-select: none;
}
.btn-loader-loading .btn-loader-label {
  opacity: 0;
}
.btn-loader-loading .btn-loader-spinner {
  display: block;
  opacity: 1;
}
.btn-loader-loading .btn-loader-spinner, .btn-loader-spinner .loader {
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.btn-loader-spinner .loader {
  position: absolute;
  font-size: 2px;
  border-top-color: white;
}
.btn-loader-alt .btn-loader-spinner .loader {
  border-top-color: #005691;
}

.btn:focus, .btn:hover {
  text-decoration: none;
  background-image: none;
}
.btn.btn-default:visited {
  color: #525f6b;
}
.btn.btn-danger:visited, .btn.btn-primary:visited {
  color: #FFFFFF;
}
.btn-link:focus, .btn-link:hover {
  color: #005691;
  text-decoration: underline;
}
.btn-primary {
  color: #FFFFFF;
  background: #007db8;
  border-color: #007db8;
}
.btn-primary[disabled] {
  background: #5c9ab7;
}
.btn-success {
  background: #65a11b;
}
.btn-success:focus, .btn-success:hover {
  background: #3c5f10;
  border-color: #3c5f10;
}
.btn-link {
  white-space: normal;
  background: transparent;
}
.btn-link.btn-primary:visited {
  color: #004768;
}
.btn-link.btn-alt, .btn-link.btn-success {
  color: #65a11b;
}
.btn-link.btn-alt:focus, .btn-link.btn-alt:hover, .btn-link.btn-alt:visited, .btn-link.btn-success:focus, .btn-link.btn-success:hover, .btn-link.btn-success:visited {
  background: none;
  border-color: transparent;
  color: #3c5f10;
}
.btn-link.btn-danger {
  color: #d9534f;
}
.btn-link.btn-danger:focus, .btn-link.btn-danger:hover, .btn-link.btn-danger:visited {
  color: #a90010;
}
.btn-link.btn-boxed {
  background: none;
  border: 1px solid;
  border-radius: 2px;
  transition: color 200ms, background-color 200ms;
  text-decoration: none;
}
.btn-link.btn-boxed:hover {
  color: #FFFFFF;
  background-color: #007db8;
  border-color: #007db8;
}
.btn-link[disabled] {
  color: #444444;
}
.btn-static {
  cursor: auto;
  background-image: none;
}
.btn-static[disabled] {
  opacity: 1;
}
.btn-static:active {
  margin-top: auto;
  margin-bottom: auto;
  box-shadow: none;
}
.btn-static.btn-success:active, .btn-static.btn-success:focus, .btn-static.btn-success:hover {
  background: #3c5f10;
}
.btn-static.btn-success[disabled] {
  background: #c1d9a4;
}
.btn-row {
  text-align: right;
}
.btn-row:before, .btn-row:after {
  content: " ";
  display: table;
}
.btn-row:after {
  clear: both;
}
.btn-row > .btn {
  margin-right: 10px;
}
.btn-row > .btn:last-child,
.btn-row > .btn-block {
  margin-right: 0;
}
.btn-row > .btn-link {
  float: left;
}
.btn-block, .btn-row > .btn {
  margin-bottom: 20px;
}
.btn-inverse {
  color: #fff;
  border-color: #fff;
}
.fast-track-gradiant-background .btn-inverse:active, .fast-track-gradiant-background .btn-inverse:focus, .fast-track-gradiant-background .btn-inverse:hover {
  background: #FFFFFF;
  border-color: #FFFFFF;
  color: #007db8;
}
.btn-link.btn-boxed.active {
  background-color: #007db8;
  border-color: #007db8;
  color: #fff;
}
.btn-animation svg {
  width: 14px;
  height: 12px;
  vertical-align: middle;
  margin-top: -3px;
  transition: transform 0.3s ease-in-out;
}
.btn-animation:hover {
  text-decoration: none;
  color: #007db8;
}
.btn-animation:hover svg {
  transform: translateX(7px);
}
.btn-lifestyle {
  cursor: pointer;
  padding: 8px 16px;
  color: #000000;
  border: 1px solid #000000;
  border-radius: 0;
  font-size: 15px;
  text-align: center;
}
.dark-band .btn-lifestyle, .grid-col-dual-band .btn-lifestyle, .lifestyle-page-nav .btn-lifestyle {
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
  line-height: 17px;
}
.dark-band .btn-lifestyle.active, .grid-col-dual-band .btn-lifestyle.active, .lifestyle-page-nav .btn-lifestyle.active {
  background: #FFFFFF;
  color: #000000;
}
.light-band .btn-lifestyle.active {
  background: #000000;
  color: #FFFFFF;
}
.lifestyle-page-nav .btn-lifestyle {
  align-items: center;
  justify-content: center;
  display: flex;
  height: 100%;
  max-width: 172px;
  min-width: 125px;
  margin: 0 30px;
  font-weight: bold;
}
.btn-lifestyle.btn-increased-padding-sides {
  padding: 20px 30px;
}
.btn-lifestyle.btn-regular-padding-sides {
  padding: 18px 40px;
  font-size: 14px;
}
.btn-lifestyle.btn-smaller-padding-sides {
  padding: 15px 30px;
}
.btn-lifestyle.btn-dark {
  border: 1px solid #FFFFFF;
  background-color: #000000;
  color: #FFFFFF;
  font-size: 14px;
}
.btn-lifestyle.btn-light {
  border: 1px solid #000000;
  background-color: #FFFFFF;
  color: #000000;
  font-size: 14px;
}
.btn-lifestyle.btn-transparent {
  background-color: rgba(216, 216, 216, 0.2);
  color: #FFFFFF;
  font-size: 14px;
}
.btn-lifestyle.btn-center {
  margin: 0 auto;
}
.btn-circles {
  border-radius: 50%;
  height: 50px;
  width: 50px;
  border: 1px solid #FFFFFF;
  position: relative;
}
.btn-circles.btn-circles-white {
  background-color: #FFFFFF;
}
.btn-circles.btn-circles-black {
  background-color: #000000;
}
.btn-circles.btn-circles-active {
  border: 2px solid rgba(0, 142, 207, 0.9);
}
.btn-circles.btn-circles-active:after, .btn-circles.btn-circles-active:before {
  content: "";
  position: absolute;
  border-radius: 50%;
  right: 0;
  display: block;
}
.btn-circles.btn-circles-active:after {
  width: 58px;
  height: 58px;
  left: -6px;
  bottom: -6px;
  border: 1px solid rgba(0, 142, 207, 0.9);
}
.btn-circles.btn-circles-active:before {
  width: 68px;
  height: 68px;
  left: -11px;
  bottom: -11px;
  border: 0.5px solid rgba(0, 142, 207, 0.4);
}
.grey-band .btn-lifestyle.btn-light {
  background: #f3f3f3;
}
.btn-text-wrap {
  width: auto;
  padding: 6px 12px;
  height: auto;
  border-radius: 2px;
  word-break: break-all;
  margin: 0 auto;
  display: inline-block;
  color: #FFFFFF;
  font-size: 14px;
}
.btn-text-wrap:hover {
  color: #FFFFFF;
  text-decoration: none;
}
.btn-text-wrap.btn-green {
  background-color: #65a11b;
}
.btn-text-wrap.btn-green:hover {
  background-color: #3c5f10;
}
.btn-text-wrap.btn-blue {
  background-color: #007db8;
}
.btn-text-wrap.btn-blue:hover {
  background-color: #004768;
}

.lifestyle-btn-wrap {
  display: block;
  position: relative;
  padding: 20px 0;
  font-size: 0;
  letter-spacing: 0;
}
.lifestyle-btn-wrap .btn-lifestyle {
  display: inline-block;
}

.button-row {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  padding: 5px 0;
}
.button-row h3 {
  padding-bottom: 15px;
}

.button-container {
  display: inline-block;
}
.button-container:nth-of-type(1) {
  margin-right: 40px;
}

.js-slider-tabs .slick-arrow {
  top: 20%;
}
.js-slider-tabs .slick-prev:before {
  border: 1px solid #000000;
  background-color: #000000;
}
.js-slider-tabs .slick-prev:after {
  border: 1px solid #000000;
  background-color: #000000;
}
.js-slider-tabs .slick-next:before {
  border: 1px solid #000000;
  background-color: #000000;
}
.js-slider-tabs .slick-next:after {
  border: 1px solid #000000;
  background-color: #000000;
}

.slider-dark-arrows .slick-prev:before {
  border: 1px solid #FFFFFF;
  background-color: #FFFFFF;
}
.slider-dark-arrows .slick-prev:after {
  border: 1px solid #FFFFFF;
  background-color: #FFFFFF;
}
.slider-dark-arrows .slick-next:before {
  border: 1px solid #FFFFFF;
  background-color: #FFFFFF;
}
.slider-dark-arrows .slick-next:after {
  border: 1px solid #FFFFFF;
  background-color: #FFFFFF;
}

.container, .band-body {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  padding-left: 8px;
  padding-right: 8px;
}
.container:before, .band-body:before, .container:after, .band-body:after {
  content: " ";
  display: table;
}
.container:after, .band-body:after {
  clear: both;
}

.grid {
  margin-left: -15px;
  margin-right: -15px;
}
.grid:before, .grid:after {
  content: " ";
  display: table;
}
.grid:after {
  clear: both;
}

.grid-two-col > .grid-col {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.grid-no-collapse .grid-two-col > .grid-col {
  position: relative;
  float: left;
  width: 50%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.grid-two-col.grid-col-right > .grid-col:first-child {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.grid-two-col.grid-col-right > .grid-col:first-child ~ .grid-col {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.grid-two-col.grid-col-left > .grid-col:first-child {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.grid-two-col.grid-col-left > .grid-col:first-child ~ .grid-col {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.grid-no-collapse .grid-two-col.grid-col-left > .grid-col:first-child {
  position: relative;
  float: left;
  width: 33.3333333333%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.grid-no-collapse .grid-two-col.grid-col-left > .grid-col:first-child ~ .grid-col {
  position: relative;
  float: left;
  width: 66.6666666667%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.grid-two-col.grid-col-left-small > .grid-col:first-child {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.grid-two-col.grid-col-left-small > .grid-col:first-child ~ .grid-col {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.grid-three-col > .grid-col {
  position: relative;
  min-height: 1px;
  padding-left: 8px;
  padding-right: 8px;
}
.grid-no-collapse .grid-three-col > .grid-col {
  position: relative;
  float: left;
  width: 33.3333333333%;
  min-height: 1px;
  padding-left: 8px;
  padding-right: 8px;
}

.grid-four-col > .grid-col {
  position: relative;
  min-height: 1px;
  padding-left: 8px;
  padding-right: 8px;
  position: relative;
  min-height: 1px;
  padding-left: 8px;
  padding-right: 8px;
}
.grid-no-collapse .grid-four-col > .grid-col {
  position: relative;
  float: left;
  width: 50%;
  min-height: 1px;
  padding-left: 8px;
  padding-right: 8px;
}

.grid-five-col > .grid-col {
  position: relative;
  float: left;
  width: 50%;
  min-height: 1px;
  padding-left: 8px;
  padding-right: 8px;
  position: relative;
  min-height: 1px;
  padding-left: 8px;
  padding-right: 8px;
}
.grid-no-collapse .grid-five-col > .grid-col {
  position: relative;
  float: left;
  width: 41.6666666667%;
  min-height: 1px;
  padding-left: 8px;
  padding-right: 8px;
}

.grid-six-col > .grid-col {
  position: relative;
  float: left;
  width: 58.3333333333%;
  min-height: 1px;
  padding-left: 8px;
  padding-right: 8px;
  position: relative;
  min-height: 1px;
  padding-left: 8px;
  padding-right: 8px;
}
.grid-no-collapse .grid-six-col > .grid-col {
  position: relative;
  float: left;
  width: 58.3333333333%;
  min-height: 1px;
  padding-left: 8px;
  padding-right: 8px;
}

.grid-swap > .grid-col:first-child {
  float: right !important;
}

.grid-box-btn:after,
.grid-box-btn:before,
.grid-flex:after,
.grid-flex:before {
  display: none !important;
}

.grid-flex-grow .grid-col {
  flex-grow: 1;
}

.grid-flex.grid-flex-end {
  justify-content: flex-end;
}

.grid-flex.grid-space-between {
  justify-content: space-between;
  align-items: center;
}

.grid-col-order-0-sm {
  order: 0;
}

.grid-col-order-1-sm {
  order: 1;
}

.grid-no-pad {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.grid-no-pad > .grid-col {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.grid-pad > .grid-col {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.grid-box-btn {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.grid-box-btn > .grid-col {
  padding-left: 32px;
  padding-right: 32px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  max-width: 30%;
  flex-basis: 30%;
}

.grid-two-col.grid-calls {
  display: flex;
  flex-wrap: wrap;
}
.grid-two-col.grid-calls > .grid-col {
  width: 42%;
  float: left;
}
.grid-two-col.grid-calls > .grid-col + .grid-col {
  width: 58%;
}

.grid-col-horizontal-border {
  border-left: 2px solid #e5e5e5;
  border-right: 2px solid #e5e5e5;
}

.grid-flex-match-height > .grid-col > .info-block {
  flex-grow: 1;
}

.header-padding {
  padding-top: 230px;
}

.header-wrap {
  z-index: 1030;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: 0 auto;
}

.wrapper-lg .header-wrap {
  max-width: 2000;
}

.menu-collapsed-open .header-wrap {
  position: fixed;
}

.header-wrap,
.header {
  background-color: white;
  border-bottom: 1px solid #BFC0C2;
}

.menu-collapsed-open .header {
  box-shadow: none;
}

.header:before {
  content: "";
  background-color: #005691;
  position: absolute;
  top: -100%;
  height: 100%;
  width: 100%;
}
.header-top {
  transition: none;
}

.header-top-strip {
  background-size: cover;
  background-repeat: repeat;
  background-position: center;
  width: 100%;
  height: 14px;
  z-index: 1031;
  position: relative;
}

.header-unpinned {
  transform: translateY(-110%);
}

.header-pinned {
  transform: translateY(0);
}

.header-installer-notification-padding {
  padding-top: 208px;
}
.header-installer-notification-padding.has-cookie-bar.header-padding {
  padding-top: 290px;
}

._uppercase {
  text-transform: uppercase !important;
}

._bold {
  font-weight: bold !important;
}

._underline {
  text-decoration: underline !important;
}

._center > * {
  float: none !important;
}

.vertical-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.vertical-middle {
  display: flex;
  justify-content: center;
}

.flex-start {
  align-items: flex-start;
}

.flex-align-right {
  justify-content: flex-end;
}

.vertical-space-between {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  justify-content: space-between;
}

.inline-text-wrap {
  text-align: center;
}

._top-padding {
  padding-top: 20px;
}

._bottom-padding {
  padding-bottom: 20px;
}

._bottom-padding-sm {
  padding-bottom: 10px;
}

._padding-bottom-md {
  padding-bottom: 30px !important;
}

._top-padding-large {
  padding-top: 50px;
}

._no-padding {
  padding: 0 !important;
}

._no-padding-left {
  padding-left: 0 !important;
}

._no-padding-right {
  padding-right: 0 !important;
}

._no-padding-top {
  padding-top: 0 !important;
}

._no-padding-bot {
  padding-bottom: 0 !important;
}

._xs-padding-right {
  padding-right: 5px !important;
}

._sm-padding-right {
  padding-right: 32px !important;
}

._sm-padding-top {
  padding-top: 32px !important;
}

._xs-padding-hr {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

._sm-padding-hr {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

._lg-padding-hr {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

._lg-padding-bot {
  padding-bottom: 15px !important;
}

.padding-base {
  padding: 16px;
}

.padding-quadruple {
  padding: 64px;
}

._hr-large-spacing {
  margin: 50px 0;
}

._text-centre {
  text-align: center;
}

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

._overflow {
  overflow: hidden !important;
}

._overflow-visible {
  overflow: visible !important;
}

._flex-wrap {
  flex-wrap: wrap;
}

._flex-nowrap {
  flex-wrap: nowrap;
}

._centre-image {
  display: block;
  width: 100%;
  height: auto;
}

._background-none {
  background: none !important;
}

.light {
  color: #FFFFFF !important;
}

.horizontal-padding {
  padding-right: 10px;
  padding-left: 10px;
}

.horizontal-padding-lg {
  padding-right: 32px;
  padding-left: 32px;
}

.horizontal-padding-xlg {
  padding-right: 46px;
  padding-left: 46px;
}

.horizontal-padding-xxlg {
  padding-right: 64px;
  padding-left: 64px;
}

.vertical-padding {
  padding-top: 10px;
  padding-bottom: 10px;
}

.vertical-padding-lg {
  padding-top: 32px;
  padding-bottom: 32px;
}

.vertical-padding-xlg {
  padding-top: 46px;
  padding-bottom: 46px;
}

.margin-base {
  margin: 32px !important;
}

.margin-top {
  margin-top: 32px !important;
}

.margin-top-negative {
  margin-top: -32px !important;
}

._lg-margin-top {
  margin-top: 50px !important;
}

._sm-margin-bottom {
  margin-bottom: 16px;
}

._sm-margin-right {
  margin-right: 16px;
}

.margin-bottom {
  margin-bottom: 32px !important;
}

._lg-margin-bottom {
  margin-bottom: 50px !important;
}

._xlg-margin-bottom {
  margin-bottom: 100px;
}

._no-margin {
  margin: 0 !important;
}

.no-border-radius {
  border-radius: 0;
}

._img-max-height {
  max-height: 100% !important;
  margin: 0 auto;
}

._truncate-copy {
  width: 60%;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._truncate-copy p {
  margin: 0;
}

._red {
  background: #e20015;
}

._grey {
  background: #F7F7F7;
}

.is-vat {
  display: block;
  margin-bottom: 15px;
  padding-top: 3px;
  margin-left: 0;
  line-height: 1;
}

._no-shadow {
  box-shadow: none !important;
}

.padding-base {
  padding: 16px !important;
}

.padding-double {
  padding: 32px !important;
}

.margin-right-half {
  margin-right: 8px;
}

.margin-left-double {
  margin-left: 32px;
}

.margin-bottom-base {
  margin-bottom: 16px !important;
}

.text-primary {
  color: #005691;
}

.pricing-information {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}

._inline-middle {
  display: inline-block;
  vertical-align: middle;
}

._vertical-top {
  vertical-align: top;
}

._overflow-visible {
  overflow: visible !important;
}

.semi-transparent-bg:hover,
.semi-transparent-bg {
  background: rgba(255, 255, 255, 0.55) !important;
}

.flex-height {
  display: flex;
  height: 100%;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-white {
  color: #FFFFFF;
}

.text-black {
  color: #000000 !important;
}

.link-nested-content-reset {
  color: #444444;
}
.link-nested-content-reset .p-link {
  color: #005691;
}
.link-nested-content-reset:hover, .link-nested-content-reset:focus, .link-nested-content-reset:active {
  color: #444444;
  text-decoration: none;
}
.link-nested-content-reset:hover .p-link, .link-nested-content-reset:focus .p-link, .link-nested-content-reset:active .p-link {
  color: #005691;
}

.text-fuchia {
  color: #b90276;
}

.text-hover-light-grey:hover {
  color: #ccc;
}

.vertical-auto {
  display: flex;
  vertical-align: auto;
}

.font-base {
  font-size: 16px;
}

.font-twenty-two-to-twenty-at-sm {
  font-size: 20px;
}

.stretched {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
}

.centered {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.grid-col-center-wrap {
  width: 100%;
  text-align: center;
}

.padding-top-base {
  padding-top: 16px;
}

.short-chosen .chosen-container .chosen-results {
  max-height: 100px;
}

.body-consumer-portal .wb-grey {
  background-color: #F7F7F7;
}
.body-consumer-portal .wb-white {
  background-color: #FFFFFF !important;
}
.body-consumer-portal .accordion__body .wb-white {
  background-color: #F7F7F7 !important;
}

.flex-row {
  display: flex;
  flex-direction: row;
}
.flex-row__justify {
  justify-content: space-between;
}
.flex-row__justify-around {
  justify-content: space-around;
}
.flex-row > * {
  flex: 0 0 auto;
  width: auto;
}

.flex-column {
  display: flex;
  flex-flow: column nowrap;
}
.flex-column > * {
  flex: 0 0 auto;
  height: auto;
}

.iFrame-standin {
  width: 100%;
  height: 1200px;
  margin-top: 30px;
  border: 0;
}

.plaintext-link {
  color: #005691;
  text-decoration: none;
}
.plaintext-link:hover {
  text-decoration: none;
  cursor: pointer;
}
.plaintext-link--back {
  padding-left: 15px;
  padding-bottom: 40px;
  display: inline-block;
  position: relative;
}
.plaintext-link--back:after {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  height: 10px;
  width: 10px;
  border: 1px solid #005691;
  border-right: 0;
  border-bottom: 0;
  transform: rotate(-45deg);
}
.plaintext-link--back-sm {
  margin-top: 26px !important;
  padding-left: 15px;
  padding-bottom: 26px;
  display: inline-block;
  position: relative;
  font-size: 14px;
}
.plaintext-link--back-sm:after {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  height: 10px;
  width: 10px;
  border: 1px solid #005691;
  border-right: 0;
  border-bottom: 0;
  transform: rotate(-45deg);
}

.list-group {
  margin-bottom: 20px;
  padding-left: 0;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}

.list-group-item:first-child {
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}

.list-group-item > .badge {
  float: right;
}

.list-group-item > .badge + .badge {
  margin-right: 5px;
}

a.list-group-item {
  color: #555555;
}

a.list-group-item .list-group-item-heading {
  color: #333333;
}

a.list-group-item:hover,
a.list-group-item:focus {
  text-decoration: none;
  background-color: #f5f5f5;
}

a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #005691;
  border-color: #005691;
}

a.list-group-item.active .list-group-item-heading,
a.list-group-item.active:hover .list-group-item-heading,
a.list-group-item.active:focus .list-group-item-heading {
  color: inherit;
}

a.list-group-item.active .list-group-item-text,
a.list-group-item.active:hover .list-group-item-text,
a.list-group-item.active:focus .list-group-item-text {
  color: #5ebdff;
}

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}

a.list-group-item-success {
  color: #3c763d;
}

a.list-group-item-success .list-group-item-heading {
  color: inherit;
}

a.list-group-item-success:hover,
a.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}

a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}

a.list-group-item-info {
  color: #31708f;
}

a.list-group-item-info .list-group-item-heading {
  color: inherit;
}

a.list-group-item-info:hover,
a.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}

a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}

a.list-group-item-warning {
  color: #8a6d3b;
}

a.list-group-item-warning .list-group-item-heading {
  color: inherit;
}

a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}

a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}

a.list-group-item-danger {
  color: #a94442;
}

a.list-group-item-danger .list-group-item-heading {
  color: inherit;
}

a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}

a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}

.list-group {
  -webkit-box-shadow: 0px 3.5px 2.5px -2.5px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 3.5px 2.5px -2.5px rgba(0, 0, 0, 0.1);
}

.list-group-item {
  border-color: #eaeaea;
}

.list-group-item-overflow {
  overflow: hidden;
}

.list-title {
  display: inline-block;
  margin-bottom: 8px;
}

ul.list {
  margin: 0;
  margin-bottom: 10px;
  padding: 0;
  list-style: none;
}
ul.list li {
  border-bottom: 1px solid #BFC0C2;
  padding: 0em 1em 0.5em 1em;
  clear: both;
  display: inline-block;
  width: 100%;
}
ul.list li:before {
  content: "";
  border-color: transparent #65A11B;
  border-style: solid;
  border-width: 0.35em 0 0.35em 0.45em;
  display: block;
  height: 0;
  width: 0;
  left: -1em;
  top: 1.15em;
  position: relative;
}
ul.list.with-thumbnails li > a {
  padding-left: 0;
}
ul.list.with-thumbnails li > a:hover span.date {
  color: #78BE20;
  text-decoration: none;
}
ul.list.with-thumbnails li .thumb {
  padding-right: 0;
  padding-left: 0;
  text-align: right;
}
ul.list.with-thumbnails li .thumb img {
  max-height: 40px;
  max-width: 40px;
}
ul.list span.date {
  clear: left;
  display: block;
  color: #59595b;
}

ul.list > li > .btn {
  float: right;
  margin: 0;
  margin-right: 10px;
  line-height: 1;
}

ul.list > li > .btn:first-of-type {
  margin-right: -5px;
}

ol.list {
  margin: 0;
  margin-bottom: 10px;
  padding: 0;
  list-style-position: inside;
  counter-reset: item;
}
ol.list li {
  position: relative;
  display: block;
  border-bottom: 1px solid #BFC0C2;
  padding: 0.5em;
  padding-left: 1.75em;
}
ol.list li:before {
  position: absolute;
  top: 0.5em;
  left: 0;
  content: counter(item) ".";
  counter-increment: item;
  color: #65A11B;
}

ul.tick {
  padding: 0;
  border-top: 1px solid #005691;
  list-style: none;
}
ul.tick li {
  position: relative;
  padding: 0.5em;
  padding-left: 2.5em;
  border-bottom: 1px solid #BFC0C2;
  background: #fff;
}
ul.tick li:before {
  position: absolute;
  top: 0.8em;
  margin-left: -2.5em;
  margin-right: 5px;
}
ul.tick li:nth-child(odd) {
  background: #f7f7f7;
}
ul.tick li.cross:before {
  background-color: #d9534f;
}

ul.tick.tick-naked {
  border-top: none;
}
ul.tick.tick-naked li {
  background: none;
}

ul.tick.tick-no-border {
  border-top: none;
  margin-top: 10px;
}

ul.none {
  padding: 0;
}
ul.none li {
  border-bottom: 1px solid #BFC0C2;
  padding: 0em 1em 0.5em 1em;
  clear: both;
  display: inline-block;
  width: 100%;
}
ul.none li:before {
  content: "";
  border-color: transparent #65A11B;
  border-style: solid;
  border-width: 0.35em 0 0.35em 0.45em;
  display: block;
  height: 0;
  width: 0;
  left: -1em;
  top: 1.15em;
  position: relative;
}
ul.none li:before {
  content: "";
  border: none;
  padding-top: 0.5em;
}

ul.list > li:last-child,
ul.tick > li:last-child,
ol.tick > li:last-child,
ul.none > li:last-child {
  border-bottom: 0;
}

ul.no-border li {
  border: 0;
}

.list-item-has-icon svg {
  vertical-align: top;
  width: 24px;
  height: 24px;
  margin-right: 10px;
}

.list-divider {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}

.list-divider > li {
  position: relative;
  display: inline-block;
  padding-left: 15px;
  padding-right: 15px;
  border: 0 solid #eaeaea;
}

.list-divider > li:first-child {
  border-left-width: 1px;
}

.list-divider > li {
  border-right-width: 1px;
}

ul.has-title {
  border-top: 1px solid #005691;
}

.list-inline-bordered {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 10px;
}
.list-inline-bordered > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

.list-inline-below-img {
  text-align: left;
  margin-bottom: 0;
  padding: 0;
}
.list-inline-below-img > li {
  text-align: left;
  width: 49%;
}
.list-inline-below-img li:last-child {
  width: 80%;
}

.status + .status {
  margin-left: 10px;
}
.status.status-sm {
  font-size: 0.8em;
}
.status.status-lg {
  font-size: 1.2em;
}
.status.status-reject {
  color: #d9534f;
}
.status.status-good {
  color: #5cb85c;
}
.status.status-null {
  color: #6E7881;
}
.status.status-warning {
  color: #f0ad4e;
}

ul.list-alt li {
  padding-bottom: 0;
  border-bottom: 0;
  color: white;
}
ul.list-alt li a {
  color: #005691;
}
ul.list-alt li a:hover {
  color: #65a11b;
}
ul.list-alt li.active:before {
  border-color: transparent #65a11b;
}
ul.list-alt li.active a {
  color: #65a11b;
}

.band-inverse ul.list-alt li a {
  color: white;
}
.band-inverse ul.list-alt li a:hover {
  color: white;
}
.band-inverse ul.list-alt li:before {
  border-color: transparent white;
}
.band-inverse ul.list-alt li.active:before {
  border-color: transparent white;
}
.band-inverse ul.list-alt li.active a {
  color: white;
  font-weight: 700;
  text-decoration: underline;
}

blockquote .author {
  color: #78BE20;
}

.blockquote-reverse {
  padding-right: 30px;
}

.blockquote-large {
  font-size: 2.15em;
  font-style: italic;
  line-height: 1.4em;
}

.blockquote-large .author {
  font-size: 0.8em;
}
hr {
  margin-top: 0;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-justify {
  text-align: justify !important;
}

.banded {
  padding: 1.5em 25px;
  color: #fff;
  background: rgba(0, 86, 145, 0.9);
  text-align: center;
}
.wb-dark-green .banded {
  background-color: rgba(0, 98, 73, 0.9);
}
.wb-light-green .banded {
  background-color: rgba(120, 190, 32, 0.9);
}
.wb-green .banded {
  background-color: rgba(101, 161, 27, 0.9);
}
.wb-light-blue .banded {
  background-color: rgba(0, 125, 184, 0.9);
}
.wb-blue .banded {
  background-color: rgba(0, 86, 145, 0.9);
}
.wb-teal .banded {
  background-color: rgba(0, 168, 176, 0.9);
}
.wb-purple .banded {
  background-color: rgba(80, 35, 127, 0.9);
}

.banded b,
.banded strong {
  color: white;
}

.is-green {
  color: #65a11b;
}

.is-red {
  color: #e20015;
}

.ul-style ul, .ul-style ol {
  margin: 0;
  margin-bottom: 10px;
  padding: 0;
  list-style: none;
}
.ul-style ul li, .ul-style ol li {
  border-bottom: 1px solid #BFC0C2;
  padding: 0em 1em 0.5em 1em;
  clear: both;
  display: inline-block;
  width: 100%;
}
.ul-style ul li:before, .ul-style ol li:before {
  content: "";
  border-color: transparent #65A11B;
  border-style: solid;
  border-width: 0.35em 0 0.35em 0.45em;
  display: block;
  height: 0;
  width: 0;
  left: -1em;
  top: 1.15em;
  position: relative;
}

@supports (-webkit-background-clip: text) {
  .gradient-header {
    -webkit-text-fill-color: transparent;
  }
  .gradient-header.blue-to-light-blue {
    background: linear-gradient(to right, #005691, #008ecf 70%);
    -webkit-background-clip: text;
  }
  .gradient-header.purple-to-dark-blue {
    background: linear-gradient(to right, #7140a5, #005691 70%);
    -webkit-background-clip: text;
  }
  .gradient-header.pink-to-purple {
    background: linear-gradient(to right, #b90276, #7140a5 70%);
    -webkit-background-clip: text;
  }
  .gradient-header.green-to-dark {
    background: linear-gradient(to right, #78be20, #006249 70%);
    -webkit-background-clip: text;
  }
}
.gradient-header {
  -webkit-text-fill-color: transparent;
}
.gradient-header.blue-to-light-blue {
  color: #007DB8;
}
.gradient-header.blue-to-light-blue strong {
  color: #007DB8;
}
.gradient-header.purple-to-dark-blue {
  color: #50237F;
}
.gradient-header.pink-to-purple {
  color: #B90276;
}
.gradient-header.green-to-dark {
  color: #78BE20;
}

.box__description .list {
  text-align: left;
}

.logo {
  height: 150px;
  width: 250px;
  background-image: url("/img/customer-loyalty/wai-logo.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
}
.logo-wai {
  background-image: url("/img/customer-loyalty/wai-logo.svg");
}
.logo-wi {
  background-image: url("/img/customer-loyalty/wi-logo.svg");
}
.logo-wap {
  background-image: url("/img/customer-loyalty/wap-logo.svg");
}
.logo-wai-20 {
  background-image: url("/img/worcester-logo-wai-20.svg");
}
.logo-stockists {
  background-image: url("/img/worcester-logo-stockists.svg");
}
.logo-wri {
  background-image: url("/img/worcester-logo-wri.svg");
}
.logo-alt {
  background-image: url("/img/worcester-logo-alt.svg");
}
.logo-reward {
  background-image: url("/img/worcester-logo-rewards.svg");
}
.logo-consumer-portal {
  background-image: url("/img/consumer-portal/logo.svg");
}

.loyalty h2,
.loyalty h3 {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1;
}
.loyalty h2 {
  font-size: 32px;
}
.loyalty h3 {
  font-size: 24px;
}
.loyalty .accordion-panel {
  border-bottom: solid 2px #ebebeb;
}
.loyalty .accordion-panel .accordion-body {
  border-top: none;
}
.loyalty .accordion-title {
  font-size: 28px;
  line-height: 1;
  margin-top: 0;
}
.loyalty .accordion-title.collapsed:after {
  content: "+";
}
.loyalty .accordion-title:after {
  content: "-";
  float: right;
  font-size: 40px;
  line-height: 0.5;
}
.loyalty .accordion-title.collapsed {
  background: transparent;
}
.loyalty .accordion-title .accordion-arrow {
  display: none;
}
.loyalty .box {
  box-shadow: none;
  border-width: 2px;
  border-radius: 1px;
}
.loyalty .btn-row {
  border-top: none;
  background: transparent;
  margin-bottom: 10px;
}
.loyalty .btn-loyalty {
  background: transparent;
  border: 1px solid #007DB8;
  color: #007DB8;
}
.loyalty .btn-loyalty:hover, .loyalty .btn-loyalty:active {
  background: #007DB8;
  color: #FFFFFF;
}
.loyalty .btn-loyalty-blue {
  background: #007DB8;
  border: 1px solid #007DB8;
  color: #FFFFFF;
}
.loyalty .btn-loyalty-blue:hover, .loyalty .btn-loyalty-blue:active {
  background: transparent;
  color: #007DB8;
}
.loyalty .info-block {
  padding: 32px;
}
#double-supergraphic-cta-band .loyalty .info-block {
  padding: 60px 40px;
}
#double-supergraphic-cta-band .loyalty .info-block h3 {
  font-size: 20px;
}
#double-supergraphic-cta-band .loyalty .info-block .btn-green {
  background-color: #007DB8;
}
.loyalty .panel-group .panel + .panel {
  margin-top: 0;
}
.loyalty .band.band-info {
  background: #FFFFFF;
}
.loyalty .band.band-info .band-body .band-title {
  font-size: 20px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.loyalty .band.band-info .band-body .band-title,
.loyalty .band.band-info .band-body p {
  color: #000000;
}
.loyalty .band-info strong {
  color: #FFFFFF;
}
.loyalty .band-info ol,
.loyalty .band-info ul {
  color: #FFFFFF;
  text-align: left;
}
.loyalty #text-box-right h2,
.loyalty #text-box-right h3,
.loyalty #text-band h2,
.loyalty #text-band h3,
.loyalty #double-supergraphic-cta-band h2,
.loyalty #double-supergraphic-cta-band h3 {
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.loyalty #double-supergraphic-cta-band .box {
  padding: 0;
  margin: 0;
}
.loyalty #double-supergraphic-cta-band .info-block {
  padding: 60px 40px;
}
.loyalty #double-supergraphic-cta-band .info-block h3 {
  font-size: 20px;
}
.loyalty #double-supergraphic-cta-band .info-block .btn-green {
  background-color: #007DB8;
}
.loyalty #text-box-right .grid-col,
.loyalty #text-box-left .grid-col {
  padding-left: 10px;
  padding-right: 10px;
}
.loyalty .band:nth-of-type(even),
.loyalty .band-inverse:nth-of-type(even) ~ .band:nth-of-type(even) {
  background-color: #FFFFFF;
}
.loyalty .band-homepage-two-images .grid-two-col {
  position: relative;
}
.loyalty .band-homepage-two-images .grid-no-collapse.grid-two-col > .grid-col:first-child {
  width: 100%;
  max-height: 430px;
  overflow: hidden;
}
.loyalty .band-homepage-two-images .grid-no-collapse.grid-two-col > .grid-col:first-child img {
  padding: none;
  max-height: none !important;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.loyalty .band-homepage-two-images .grid-no-collapse.grid-two-col > .grid-col:last-child {
  position: absolute;
  width: 40%;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}

.media,
.media .media {
  margin-top: 15px;
}

.media:first-child {
  margin-top: 0;
}

.media-object {
  display: block;
}

.media-heading {
  margin: 0 0 5px;
}

.media > .pull-left {
  margin-right: 10px;
}

.media > .pull-right {
  margin-left: 10px;
}

.media-list {
  padding-left: 0;
  list-style: none;
}

.media-body > header > h4 {
  margin-top: 0.5em;
}

.grid-col > .media {
  margin-bottom: 15px;
}

.media-history {
  margin-top: 35px;
  margin-bottom: 35px;
}

.media-express-header .media-body {
  padding: 96px 48px 32px;
}
.media-inline {
  display: inline-block;
  min-width: 100px;
  margin-right: 10px;
}

.media-inline .media-body {
  overflow: visible;
  float: left;
}

.media-with-thumbnail .thumbnail {
  width: 40%;
}

.results-band .media-with-thumbnail .thumbnail {
  background-color: transparent;
  border-color: transparent;
}
.media-accordion {
  max-width: 700px;
  display: inline-block;
}

body {
  padding-top: 185px;
}

.body-consumer-portal {
  padding-top: 170px;
}
.body-consumer-portal.login {
  display: flex;
  flex-direction: column;
}
.body-consumer-portal.login .band {
  flex-grow: 1;
}

.mega-menu {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.mega-menu .menu {
  position: relative;
}
.mega-menu .menu-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  margin-right: 16px;
}
.mega-menu .menu-icon img {
  max-width: 25px;
  max-height: 25px;
  height: auto;
}
.mega-menu .menu > li > a {
  display: block;
  padding: 17.5px 17.5px;
}
.narrow-menu .mega-menu .menu > li > a, .wb-wai-dashboard .mega-menu .menu > li > a {
  padding-left: 11.5px;
  padding-right: 11.5px;
}
.mega-menu .menu-sub {
  display: none;
}
.mega-menu .menu-sub > li {
  border: none !important;
  margin-bottom: 16px;
}
.mega-menu .menu-sub > li > a {
  display: block;
  padding: 10px 52.5px;
  text-align: left;
  font-size: 16px;
}
.mega-menu .menu-level-tertiary-mobile > li {
  border: none !important;
}
.mega-menu .menu,
.mega-menu .menu-sub {
  list-style: none;
  padding: 0;
  margin: 0;
}
.mega-menu .menu > li > a,
.mega-menu .menu-sub > li > a {
  text-decoration: none;
  color: #444444;
}
.mega-menu .menu > li:hover > a,
.mega-menu .menu-sub > li:hover > a {
  color: #525F6B;
  fill: #525F6B;
}
.mega-menu .menu > .wb-purple-nav:hover > a,
.mega-menu .menu-sub > .wb-purple-nav:hover > a {
  color: #50237F;
  fill: #50237F;
}
.mega-menu .menu > .wb-teal-nav:hover > a,
.mega-menu .menu-sub > .wb-teal-nav:hover > a {
  color: #00A8B0;
  fill: #00A8B0;
}
.mega-menu .menu > .wb-light-blue-nav:hover > a,
.mega-menu .menu-sub > .wb-light-blue-nav:hover > a {
  color: #007DB8;
  fill: #007DB8;
}
.mega-menu .menu > .wb-blue-nav:hover > a,
.mega-menu .menu-sub > .wb-blue-nav:hover > a {
  color: #005691;
  fill: #005691;
}
.mega-menu .menu > .wb-dark-green-nav:hover > a,
.mega-menu .menu-sub > .wb-dark-green-nav:hover > a {
  color: #006249;
  fill: #006249;
}
.mega-menu .menu > .wb-light-green-nav:hover > a,
.mega-menu .menu-sub > .wb-light-green-nav:hover > a {
  color: #78BE20;
  fill: #78BE20;
}
.mega-menu .menu li.menu-active > a {
  color: #525F6B;
  fill: #525F6B;
}
.mega-menu .menu .wb-purple-nav.menu-active > a {
  color: #50237F;
  fill: #50237F;
}
.mega-menu .menu .wb-teal-nav.menu-active > a {
  color: #00A8B0;
  fill: #00A8B0;
}
.mega-menu .menu .wb-light-blue-nav.menu-active > a {
  color: #007DB8;
  fill: #007DB8;
}
.mega-menu .menu .wb-blue-nav.menu-active > a {
  color: #005691;
  fill: #005691;
}
.mega-menu .menu .wb-dark-green-nav.menu-active > a {
  color: #006249;
  fill: #006249;
}
.mega-menu .menu .wb-light-green-nav.menu-active > a {
  color: #78BE20;
  fill: #78BE20;
}
.mega-menu .menu-header {
  background: white;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 20px;
  padding-bottom: 30px;
}
.mega-menu .menu > .menu-brand > a {
  background-color: #FFFFFF;
}
.mega-menu .menu-brand {
  z-index: 3;
  position: relative;
  display: block;
  height: 31px;
  width: 175px;
  max-width: 200px;
  margin-bottom: -10px;
  margin-left: 10px;
  white-space: nowrap;
  color: #444444;
}
.mega-menu .excelerate-logo {
  width: 122px;
  display: block;
  margin: 0 10px;
}
.mega-menu .excelerate-logo img {
  display: block;
  width: 100%;
}
.mega-menu .menu-brand:hover {
  text-decoration: none;
  color: #444444;
}
.mega-menu .menu-brand .logo {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.mega-menu .menu-brand .logo-reward {
  left: 105%;
  height: 55%;
}
.mega-menu .menu-brand .logo-wri {
  height: 70%;
  margin: auto;
}
.mega-menu .menu-brand h1 {
  display: inline-block;
  margin-top: 0.75em;
  margin-bottom: 0;
  font-size: 2em;
}
.mega-menu .menu-raised-search {
  z-index: 2;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 33px 18.5px 33px 30%;
  padding-left: 30%;
  background-color: #FFFFFF;
  transition: padding-left 0.3s, opacity 0.1s;
}
.mega-menu .menu-raised-search .icon-search-mob {
  display: none;
}
.mega-menu .menu-raised-search-hidden,
.mega-menu .menu-raised-search-hiding {
  opacity: 0;
  padding-left: 70%;
  transition: 0.3s;
}
.mega-menu .menu-raised-search-hidden {
  z-index: -1;
}
.mega-menu .menu-raised-search-showing,
.mega-menu .menu-raised-search-shown {
  opacity: 1;
}
.mega-menu .menu-raised-search .btn {
  text-transform: uppercase;
}
.mega-menu .menu-border {
  border-bottom: 10px solid #EEEEEE;
}

.mega-menu-search {
  display: none;
}
.navbar-bottom {
  z-index: 1000;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px 0;
  background-color: #FFFFFF;
  box-shadow: 0 -3px 12px rgba(0, 0, 0, 0.2);
}
.navbar-bottom .pull-right {
  float: right;
}

.mega-menu .container, .mega-menu .band-body,
.navbar-bottom .container,
.navbar-bottom .band-body {
  width: auto;
  position: relative;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.mobile-topbar .container, .mobile-topbar .band-body {
  padding-left: 0;
  padding-right: 0;
}

.menu-heading {
  display: block;
  margin-right: 10px;
  font-size: 20px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
}

.navbar-bottom {
  z-index: 1000;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px 0;
  background-color: #FFFFFF;
  box-shadow: 0 -3px 12px rgba(0, 0, 0, 0.2);
}
.navbar-filter {
  min-height: 0;
  background-color: white;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  margin-bottom: 0;
  border-radius: 0;
}
.navbar-filter .navbar-nav {
  border-left: 1px solid #eaeaea;
}
.navbar-filter .navbar-nav > li > a {
  padding-top: 13px;
  padding-bottom: 13px;
  border-right: 1px solid #eee;
}
.navbar-filter .navbar-nav > li > a:focus {
  border-color: #eaeaea;
}
.navbar-filter .navbar-form {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 15px;
  padding-left: 15px;
  margin: 0;
  border-left: 1px solid #eaeaea;
}
.navbar-filter .navbar-form:last-child {
  border-right: 1px solid #eaeaea;
}
.navbar-filter .navbar-form label {
  margin-right: 5px;
}
.navbar-filter .dropdown-toggle > label {
  margin-bottom: 0;
}
.navbar-filter .dropdown-form {
  padding: 5px 10px 0;
}
.navbar-title {
  color: #444444;
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: -0.04em;
  margin-top: 0;
  margin-bottom: 12px;
}
.navbar-title .icon-search {
  display: inline;
  font-family: "wb-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}
.navbar-title .icon-search:before {
  content: "\f002";
}
.navbar-form .input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.navbar-form .input-group .form-control {
  height: 38px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.75;
  color: #6E7881;
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #CCCCCC;
  border-radius: 2px;
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
  display: inline-block;
  vertical-align: middle;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.navbar-form .input-group .input-group-btn {
  display: table-cell;
  width: 1%;
  vertical-align: middle;
  position: relative;
  font-size: 0;
  white-space: nowrap;
  border-radius: 0;
}
.navbar-form .input-group .input-group-btn .btn {
  color: #444444;
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.75;
  border-radius: 2px;
  background-color: #EEEEEE;
  border-color: #dddddd;
  position: relative;
}
.navbar-form .input-group .input-group-btn .btn .icon-search {
  font-family: "wb-icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline;
  speak: none;
}
.navbar-form .input-group .input-group-btn .btn .icon-search:before {
  content: "\f002";
}
.navbar-results h3 {
  margin-bottom: 0;
}
.navbar-results h3 a {
  border-radius: 2px;
  background: transparent;
  color: #007DB8;
  text-decoration: none;
  padding: 0;
  margin: 0 0 12px 0;
  position: relative;
  display: block;
}
.navbar-results h3 a:hover {
  background-color: transparent;
  color: #E20015;
}
.navbar-results h3 a:hover span {
  color: #FFFFFF;
  background-color: #E20015;
}
.navbar-results h4 {
  font-size: 14px;
  letter-spacing: -0.04em;
  margin-top: 0;
  margin-bottom: 12px;
  font-family: inherit;
  font-weight: 400;
  line-height: 1.25;
  color: #444444;
}
.navbar-results .h2 {
  color: #444444;
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: -0.04em;
  margin-top: 0;
  margin-bottom: 12px;
}
.navbar-results ._truncate-copy {
  margin-bottom: 12px;
}
.navbar-results .list-group {
  box-shadow: 0px 3.5px 2.5px -2.5px rgba(0, 0, 0, 0.1);
  padding-left: 0;
  margin: 0 0 20px;
}
.navbar-results .list-group a {
  text-decoration: none;
}
.navbar-results .btn-row {
  text-align: right;
}
.navbar-results .img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.navbar-results .img {
  border-style: none;
  vertical-align: middle;
  border: 0;
}
.navbar-search .navbar-collapse {
  border-top: 1px solid transparent;
  max-height: 340px;
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}
.navbar-search .navbar-collapse.collapse {
  display: none;
}
.navbar-search .navbar-collapse ul.filter {
  margin: 0;
  padding-left: 0;
  list-style: none;
}
.navbar-search .navbar-collapse ul.filter a {
  border-radius: 2px;
  background: transparent;
  color: #007DB8;
  text-decoration: none;
  padding: 8px 10px;
  position: relative;
  display: block;
}
.navbar-search .navbar-collapse ul.filter a:hover {
  background-color: transparent;
  color: #E20015;
}
.navbar-search .navbar-collapse ul.filter a:hover span {
  color: #FFFFFF;
  background-color: #E20015;
}
.navbar-search .navbar-collapse ul.filter > li {
  border-bottom: 1px solid #EEEEEE;
  display: block;
  float: none;
  position: relative;
}
.navbar-search .navbar-collapse ul.filter ul.filter li {
  font-size: 0.9em;
  border-bottom: none;
}
.navbar-search .navbar-collapse ul.filter ul.filter li:before {
  content: "";
  border-color: transparent #65A11B;
  border-style: solid;
  border-width: 0.35em 0 0.35em 0.45em;
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  left: 1em;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.navbar-search .navbar-collapse ul.filter ul.filter li:hover:before {
  border-color: transparent #E20015;
}
.navbar-search .navbar-collapse ul.filter ul.filter li a {
  padding-top: 0.6em;
  padding-bottom: 0.6em;
  padding-left: 35px;
}
.navbar-search .navbar-collapse ul.filter ul.filter li a span {
  background: #FFFFFF;
  color: #6E7881;
  font-size: 10px;
}
.navbar-search .navbar-collapse ul.filter ul.filter li a:hover {
  background-color: transparent;
  color: #E20015;
}
.navbar-search .navbar-collapse ul.filter ul.filter li a:hover span {
  color: #FFFFFF;
  background-color: #E20015;
}
.navbar-search .navbar-collapse:before,
.navbar-search .navbar-collapse:after,
.navbar-search .navbar-collapse ul:before,
.navbar-search .navbar-collapse ul:after {
  content: " ";
  display: table;
}
.navbar-search .navbar-collapse:after,
.navbar-search .navbar-collapse ul:after {
  content: " ";
  display: table;
}
.navbar-results.results-filter h3 {
  margin-top: 0;
  margin-bottom: 0;
}
.navbar-results.results-filter .alert {
  border: none;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0;
  margin: 0;
}

.breadcrumb > .active {
  color: white;
}

hr {
  margin-bottom: 24px;
  border-top: 1px solid #EEEEEE;
}

.stats-page {
  width: calc(100% - 30px);
  padding: 30px 0;
  margin-right: auto;
  margin-left: auto;
}
.stats-page > h1 {
  font-size: 36px;
}
.stats-page > p {
  font-size: 14px;
  margin-bottom: 30px;
}
.stats-block {
  display: flex;
  flex-flow: row wrap;
}
.stats-block:not(.grid-col) {
  background: rgb(247, 247, 247);
  align-items: center;
  padding: 30px;
}
.stats-block img {
  width: 40px;
  height: 40px;
  object-fit: contain;
  object-position: left;
}
.stats-block h2 {
  color: #50237F;
  font-size: 24px;
  font-weight: 300;
  flex: 1 0 auto;
  margin: 0;
}
.stats-block a {
  border: 2px solid #005691;
  color: #005691;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  padding: 14px 17px;
  flex: 0 0 225px;
  width: 225px;
  margin-left: auto;
  margin-top: 16px;
}
.stats-block a:hover {
  background: #005691;
  color: #ffffff;
}
.stats-block__chart {
  width: 100%;
  height: 100%;
}
.stats-block__chart > div {
  height: 100%;
}
.stats-block__stats {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 40px -10px 20px;
  flex: 100%;
}
.stats-block__stats > div {
  flex-basis: auto;
  display: flex;
  flex-flow: column wrap;
  padding: 10px;
  margin: 20px 10px 0;
  max-width: 135px;
  min-height: 200px;
}
.stats-block__stats > div:last-child {
  margin: 20px auto 0 10px;
}
.stats-block__stats > div.reg-double {
  flex-flow: row wrap;
  justify-content: space-between;
  max-width: 280px;
}
.stats-block__stats > div.reg-double > * {
  flex: 0 0 calc(50% - 5px);
  width: calc(50% - 5px);
}
.stats-block__stats > div.reg-double p:nth-last-child(1), .stats-block__stats > div.reg-double p:nth-last-child(2) {
  margin: auto 0 0 0;
  min-height: 32px;
}
.stats-block__stats > div:not(.reg-double) .stats-block__stat + p {
  margin: auto 0 0 0;
  min-height: 32px;
}
.stats-block__stats > div span {
  color: #000000;
  font-size: 16px;
  font-weight: 300;
  margin: 0;
}
.stats-block__stats > div p {
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  margin: 0;
}
.stats-block__stats > div .stats-block__stat {
  color: #50237F;
  font-size: 21px;
  font-weight: 700;
  font-style: normal;
  margin: 15px 0;
}
.stats-block__stats > div .stats-block__title {
  color: #50237F;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  margin: 0 0 15px;
  height: 30px;
}

.third-party-button {
  margin: 0 0 12px 0;
  color: #007DB8;
  border: none;
  background: transparent;
  padding: 0;
  cursor: pointer;
  font-size: 1.17em;
  font-weight: bold;
}
.third-party-button:hover {
  color: #E20015;
}

.topbar {
  display: none;
  position: relative;
  text-align: right;
}
.mobile-topbar .topbar {
  display: block;
  text-align: left;
}
.topbar ul {
  display: inline-block;
  vertical-align: middle;
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 0;
}
.mobile-topbar .topbar ul {
  display: block;
  text-align: left;
  border-bottom: 1px solid #DEDEDE;
}
.topbar ul li {
  display: inline-block;
  font-size: 0;
  line-height: 0;
  vertical-align: middle;
}
.mobile-topbar .topbar ul li {
  display: block;
  text-align: left;
  border: none;
}
.topbar ul a {
  display: block;
  color: black;
  text-decoration: none !important;
  padding: 16px;
}
.topbar ul .link-text {
  display: inline-block;
  text-decoration: none;
  font-size: 14px;
  line-height: 18px;
  vertical-align: middle;
  padding-right: 16px;
  margin-right: -16px;
}
.topbar ul .link-text--bold {
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
}
.topbar ul .user-badge {
  margin: 0;
  background: transparent;
  height: auto;
  padding: 16px;
}
.topbar ul .user-badge .member-level {
  display: none;
}
.topbar .icon, .topbar ul.tick li:before, ul.tick .topbar li:before {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 4px;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.topbar .icon-user-account {
  background-image: url("/img/icons/user-icon.svg");
}
.topbar .icon-star {
  background-image: url("/img/icons/star-icon.svg");
}
.topbar .icon-shopping-cart {
  background-image: url("/img/icons/basket-icon.svg");
}
.topbar .site-dropdown {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  overflow: visible;
  height: 50px;
  width: 110px;
}
.body-consumer-portal .topbar .site-dropdown {
  margin-right: 30px;
}
.mobile-topbar .topbar .site-dropdown {
  display: block;
  position: relative;
  padding: 10px 16px 10px 0;
  width: 100%;
  height: auto;
  border-bottom: 1px solid #DEDEDE;
}
.topbar .site-dropdown ul {
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
  height: auto;
  max-height: 50px;
  width: 110px;
  text-align: right;
  transition: max-height 0.3s ease;
  z-index: 1;
  border-bottom: 0;
}
.topbar .site-dropdown ul.open-menu {
  border: 1px solid #DEDEDE;
  max-height: 500px;
  background: #FFFFFF;
}
.topbar .site-dropdown ul.open-menu .site-trigger {
  background: #DEDEDE;
}
.topbar .site-dropdown ul.open-menu .site-trigger:after {
  transform: scaleY(-1);
}
.mobile-topbar .topbar .site-dropdown ul.open-menu {
  border: 0;
}
.mobile-topbar .topbar .site-dropdown ul.open-menu .site-trigger {
  background-color: #FFFFFF;
}
.mobile-topbar .topbar .site-dropdown ul {
  position: relative;
  display: block;
  width: 100%;
  text-align: left;
  padding-left: 0;
}
.topbar .site-dropdown li {
  display: block;
  position: relative;
  border: none;
  padding: 0 !important;
  font-size: 14px;
  line-height: 18px;
  text-align: right;
}
.mobile-topbar .topbar .site-dropdown li {
  text-align: left;
}
.topbar .site-dropdown li.site-trigger {
  position: relative;
  padding: 16px 20px 16px 12px !important;
  cursor: pointer;
}
.mobile-topbar .topbar .site-dropdown li.site-trigger {
  padding: 16px 20px 16px 16px !important;
}
.topbar .site-dropdown li.site-trigger:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 6px;
  width: 6px;
  height: 3px;
  background-image: url("/img/icons/down-icon.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.topbar .site-dropdown li a {
  text-decoration: none;
  text-align: left;
}
.topbar .site-dropdown li a:hover {
  background: #005691;
  color: #FFFFFF;
}
.topbar .site-dropdown li .link-text {
  padding-right: 0;
  margin-right: 0;
  border-right: 0;
}
.topbar .site-dropdown li .icon, .topbar .site-dropdown li ul.tick li:before, ul.tick .topbar .site-dropdown li li:before {
  display: none;
}

.bordered {
  border: 1px solid #ddd;
}

.bordered[class*=bg-],
[class*=bg-] .border-t {
  border-color: #fff;
  border-color: rgba(0, 0, 0, 0.2);
}

.border-t {
  border-top: 1px solid #ddd;
}

.no-border {
  border-width: 0 !important;
}

.no-border-hr {
  border-left-width: 0 !important;
  border-right-width: 0 !important;
}

.no-border-vr {
  border-top-width: 0 !important;
  border-bottom-width: 0 !important;
}

.no-border-t {
  border-top-width: 0 !important;
}

body:not(.right-to-left) .no-border-r {
  border-right-width: 0 !important;
}

.no-border-b {
  border-bottom-width: 0 !important;
}

body:not(.right-to-left) .no-border-l {
  border-left-width: 0 !important;
}

.no-grid-gutter-h {
  margin-left: -18px !important;
  margin-right: -18px !important;
}

.panel-wide {
  margin-left: -20px !important;
  margin-right: -20px !important;
}

.grid-gutter-margin-b {
  margin-bottom: 1rem;
}

.margin-top {
  margin-top: 16px !important;
}

.margin-bottom {
  margin-bottom: 16px !important;
}

.no-margin {
  margin: 0 !important;
}

.no-margin-hr {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.no-margin-vr {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.no-margin-b {
  margin-bottom: 0 !important;
}

.no-margin-t {
  margin-top: 0 !important;
}

.form-group-margin {
  margin-bottom: 15px !important;
}

.panel-padding {
  padding: 20px !important;
}

.grid-gutter-padding-h {
  padding-left: 18px;
  padding-right: 18px;
}

.tab-content-padding {
  padding: 15px 0 !important;
}

.panel-padding-h {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.padding-sm {
  padding: 10px 15px !important;
}

.padding-sm-hr {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.padding-xs-hr {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.padding-sm-vr {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.padding-xs-vr {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.padding-sm-b {
  padding-bottom: 15px !important;
}

.no-padding {
  padding: 0 !important;
}

.no-padding-hr {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.no-padding-vr {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.no-padding-b {
  padding-bottom: 0 !important;
}

.no-padding-t {
  padding-top: 0 !important;
}

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

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}
.valign-top,
.valign-top td,
.valign-top th {
  vertical-align: top !important;
}

.valign-middle,
.valign-middle td,
.valign-middle th {
  vertical-align: middle !important;
}

.valign-bottom,
.valign-bottom td,
.valign-bottom th {
  vertical-align: bottom !important;
}

.text-xs {
  font-size: 11px;
}

.text-sm {
  font-size: 12px;
}

.text-bg {
  font-size: 17px;
}

.text-lg {
  font-size: 23px;
}

.text-xlg {
  font-size: 30px;
}

.text-slg {
  font-size: 50px;
}

.text-slim {
  font-weight: 300 !important;
}

.text-normal {
  font-weight: 400 !important;
}

.text-semibold {
  font-weight: 600 !important;
}

.text-bold {
  font-weight: 700 !important;
}

.text-default, .text-default:hover, .text-default:active, .text-default:focus,
.text-default a,
.text-default a:focus {
  color: #829091;
}
.text-default a:hover,
.text-default a:active {
  color: #5d6869;
}

.text-success, .text-success:hover, .text-success:active, .text-success:focus,
.text-success a,
.text-success a:focus {
  color: #46ac46;
}
.text-success a:hover,
.text-success a:active {
  color: #307630;
}

.text-danger, .text-danger:hover, .text-danger:active, .text-danger:focus,
.text-danger a,
.text-danger a:focus {
  color: #e14430;
}
.text-danger a:hover,
.text-danger a:active {
  color: #ac2919;
}

.text-warning, .text-warning:hover, .text-warning:active, .text-warning:focus,
.text-warning a,
.text-warning a:focus {
  color: #f29f29;
}
.text-warning a:hover,
.text-warning a:active {
  color: #c2770c;
}

.text-info, .text-info:hover, .text-info:active, .text-info:focus,
.text-info a,
.text-info a:focus {
  color: #39b3d7;
}
.text-info a:hover,
.text-info a:active {
  color: #2185a3;
}

.text-light-gray, .text-light-gray:hover, .text-light-gray:active, .text-light-gray:focus,
.text-light-gray a,
.text-light-gray a:focus {
  color: #bbb;
}
.text-light-gray a:hover,
.text-light-gray a:active {
  color: #959595;
}

.bg-default {
  background: #98a3a4 !important;
}
.bg-default[href]:hover {
  background: #969797 !important;
}
.bg-default.darken {
  background: #969797 !important;
}
.bg-default.darken[href]:hover {
  background: #8e8f8f !important;
}
.bg-default.darker {
  background: #8e8f8f !important;
}
.bg-default.darker[href]:hover {
  background: #878787 !important;
}
.bg-default, .bg-default:hover, .bg-default:active, .bg-default:focus,
.bg-default a,
.bg-default a:focus {
  color: #fff;
}
.bg-default a:hover,
.bg-default a:active {
  color: #d9d9d9;
}
.bg-default[href]:hover,
.bg-default [href]:hover {
  color: #fff;
}
.bg-default * {
  border-color: #abb4b5;
}

.bg-success {
  background: #5ebd5e !important;
}
.bg-success[href]:hover {
  background: #5ab15a !important;
}
.bg-success.darken {
  background: #5ab15a !important;
}
.bg-success.darken[href]:hover {
  background: #51ab51 !important;
}
.bg-success.darker {
  background: #51ab51 !important;
}
.bg-success.darker[href]:hover {
  background: #4ca14c !important;
}
.bg-success, .bg-success:hover, .bg-success:active, .bg-success:focus,
.bg-success a,
.bg-success a:focus {
  color: #fff;
}
.bg-success a:hover,
.bg-success a:active {
  color: #d9d9d9;
}
.bg-success[href]:hover,
.bg-success [href]:hover {
  color: #fff;
}
.bg-success * {
  border-color: #77c777;
}

.bg-danger {
  background: #e66454 !important;
}
.bg-danger[href]:hover {
  background: #de5d4d !important;
}
.bg-danger.darken {
  background: #de5d4d !important;
}
.bg-danger.darken[href]:hover {
  background: #db5140 !important;
}
.bg-danger.darker {
  background: #db5140 !important;
}
.bg-danger.darker[href]:hover {
  background: #d94533 !important;
}
.bg-danger, .bg-danger:hover, .bg-danger:active, .bg-danger:focus,
.bg-danger a,
.bg-danger a:focus {
  color: #fff;
}
.bg-danger a:hover,
.bg-danger a:active {
  color: #d9d9d9;
}
.bg-danger[href]:hover,
.bg-danger [href]:hover {
  color: #fff;
}
.bg-danger * {
  border-color: #eb8073;
}

.bg-warning {
  background: #f4b04f !important;
}
.bg-warning[href]:hover {
  background: #eda847 !important;
}
.bg-warning.darken {
  background: #eda847 !important;
}
.bg-warning.darken[href]:hover {
  background: #eca239 !important;
}
.bg-warning.darker {
  background: #eca239 !important;
}
.bg-warning.darker[href]:hover {
  background: #ea9b2b !important;
}
.bg-warning, .bg-warning:hover, .bg-warning:active, .bg-warning:focus,
.bg-warning a,
.bg-warning a:focus {
  color: #fff;
}
.bg-warning a:hover,
.bg-warning a:active {
  color: #d9d9d9;
}
.bg-warning[href]:hover,
.bg-warning [href]:hover {
  color: #fff;
}
.bg-warning * {
  border-color: #f6bf71;
}

.bg-info {
  background: #5bc0de !important;
}
.bg-info[href]:hover {
  background: #55b8d5 !important;
}
.bg-info.darken {
  background: #55b8d5 !important;
}
.bg-info.darken[href]:hover {
  background: #48b3d2 !important;
}
.bg-info.darker {
  background: #48b3d2 !important;
}
.bg-info.darker[href]:hover {
  background: #3cadcf !important;
}
.bg-info, .bg-info:hover, .bg-info:active, .bg-info:focus,
.bg-info a,
.bg-info a:focus {
  color: #fff;
}
.bg-info a:hover,
.bg-info a:active {
  color: #d9d9d9;
}
.bg-info[href]:hover,
.bg-info [href]:hover {
  color: #fff;
}
.bg-info * {
  border-color: #79cbe4;
}

.bg-panel {
  background: #fafafa;
}

.no-bg {
  background: none !important;
}

.rounded {
  border-radius: 999999px !important;
}

.no-border-radius {
  border-radius: 0 !important;
}
.btn-admin-stockist-enquiry {
  position: absolute;
  right: 18px;
  bottom: 106px;
}

.dropdown li .pull-right {
  float: none !important;
}
.dropdown li button,
.dropdown li .dropdown-button {
  border: none;
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.75;
  color: #525f6b;
  white-space: nowrap;
  width: 100%;
  background: #fff;
}
.dropdown li button:hover,
.dropdown li .dropdown-button:hover {
  background-color: #ececec;
  color: #525f6b;
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  user-select: none;
  -webkit-touch-callout: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 50px;
  height: 65px;
  z-index: 5;
  margin-top: -34px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
.slick-prev:hover:before,
.slick-next:hover:before {
  opacity: 1;
}

.slick-next {
  right: 0;
}

.slick-prev:before,
.slick-next:before,
.slick-prev:after,
.slick-next:after {
  content: "";
  position: absolute;
  top: 23px;
  left: 12px;
  width: 25px;
  height: 0;
  border: 1px solid white;
  background-color: white;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}
.slick-prev:before:hover,
.slick-next:before:hover,
.slick-prev:after:hover,
.slick-next:after:hover {
  opacity: 1;
}

.slick-prev:after,
.slick-next:after {
  top: auto;
  bottom: 22px;
}

.slick-prev:before,
.slick-next:after {
  transform: rotate(130deg);
}

.slick-prev:after,
.slick-next:before {
  transform: rotate(45deg);
}

.modal-open {
  overflow: hidden;
}

.modal {
  display: none;
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: none;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.428571429px;
}

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.428571429;
}

.modal-body {
  position: relative;
  padding: 20px;
}

.modal-footer {
  margin-top: 15px;
  padding: 19px 20px 20px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-full .modal-dialog {
  width: 90%;
  margin: 0 auto;
}
.modal-full .modal-header {
  border: 0;
}
.modal-full .modal-content {
  padding: 20px 10px 40px;
}

.no-flexbox .modal {
  position: absolute;
  width: auto;
  overflow-y: auto;
}

.modal-vertical-center.fade .modal-dialog {
  top: 50%;
  transform: translate(0, 0);
}
.modal-vertical-center.in .modal-dialog {
  top: 50%;
  transform: translateY(-50%);
}

.modal-header-no-border {
  border: none;
  padding: 20px 22px 0;
}

.modal-dialog-absolute-middle {
  bottom: 0;
  left: 0;
  height: 30%;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}
.modal-confirm-approval-modal .modal-header {
  border: none;
}

.whats-included-modal .modal-title,
.whats-included-modal .media-heading,
.how-it-works-modal .modal-title,
.how-it-works-modal .media-heading {
  color: #1b2a55;
}
.whats-included-modal .band .how-it-works-modal-img,
.how-it-works-modal .band .how-it-works-modal-img {
  max-height: 60px;
  padding-right: 32px;
  margin-left: 8px;
}
.whats-included-modal .band:first-child .how-it-works-modal-img,
.how-it-works-modal .band:first-child .how-it-works-modal-img {
  padding-right: 42px;
}
.whats-included-modal .band:last-child .how-it-works-modal-img,
.how-it-works-modal .band:last-child .how-it-works-modal-img {
  max-height: 45px;
  padding-right: 20px;
}
.modal-dialog-wide .modal-header {
  border: none;
}
.modal-dialog-wide .img-info-wrap {
  padding-right: 10px;
}

.modal-header-icon {
  color: #59595b;
}

.modal-title-clean {
  line-height: 1.25;
}

.modal {
  z-index: 10001;
}
.modal-centered {
  text-align: center;
  padding: 0 !important;
}

.modal-body.box {
  margin-bottom: 0;
}

.modal-centered:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.modal-centered .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.modal-header-dark {
  background-color: #428bca;
  border-bottom: 0;
}
.modal-header-dark h1, .modal-header-dark h2, .modal-header-dark h3, .modal-header-dark h4, .modal-header-dark h5, .modal-header-dark h6 {
  color: #fff;
}
.modal-header-dark .close {
  opacity: 0.6;
  color: #fff;
}
.modal-header-dark .close:hover, .modal-header-dark .close:focus {
  opacity: 0.9;
  color: #fff;
}

.modal-footer-dark {
  background-color: #f7f7f7;
}

.modal.zoomable .zoom-load {
  margin: 184px 0;
  position: relative;
}
.modal.zoomable .modal-footer .btn-zoom {
  float: left;
  font-size: 38px;
}
.modal.zoomable .modal-footer .btn-zoom:hover,
.modal.zoomable .modal-footer .btn-zoom:focus {
  text-decoration: none;
}
.modal.zoomable .modal-footer .btn-zoom:focus {
  color: #0056c9;
}
.modal.zoomable .modal-footer .btn-zoom + .btn-zoom {
  float: right;
}
.modal .modal-footer .btn {
  margin-top: 10px;
}
.modal .modal-footer .btn + .btn {
  margin-left: 15px;
}

.modal-nopad .modal-body {
  padding: 0;
}

.modal-login-modal {
  width: 90%;
  max-width: 1080px;
}
.modal-login-modal .modal-body {
  padding: 0;
}
.modal-login-modal .close {
  font-size: 60px;
  position: absolute;
  right: 30px;
  top: 30px;
  color: #428bca;
}

.stockist-onboarding-modal .modal-content {
  height: 600px;
}
.stockist-onboarding-modal .modal-footer {
  margin: 0;
  position: relative;
}
.stockist-onboarding-modal .modal-dialog {
  width: 90%;
  max-width: 800px;
}
.stockist-onboarding-modal .onboarding-slide {
  height: 100%;
}
.stockist-onboarding-modal .modal-footer-blue {
  background-color: #428bca;
  color: #FFF;
}

.margin-bottom-modal {
  margin-bottom: 29px;
}

.modal-no-pad .box {
  padding: 0;
}

.modal-with-margins .modal-dialog {
  margin: 60px 20px !important;
}

.loyalty .modal-backdrop {
  background: rgba(255, 255, 255, 0.9) !important;
}

.modal-backdrop {
  background-color: rgba(255, 255, 255, 0.5);
}

.topbar {
  display: none;
  position: relative;
  text-align: right;
}
.mobile-topbar .topbar {
  display: block;
  text-align: left;
}
.topbar ul {
  display: inline-block;
  vertical-align: middle;
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 0;
}
.mobile-topbar .topbar ul {
  display: block;
  text-align: left;
  border-bottom: 1px solid #DEDEDE;
}
.topbar ul li {
  display: inline-block;
  font-size: 0;
  line-height: 0;
  vertical-align: middle;
}
.mobile-topbar .topbar ul li {
  display: block;
  text-align: left;
  border: none;
}
.topbar ul a {
  display: block;
  color: black;
  text-decoration: none !important;
  padding: 16px;
}
.topbar ul .link-text {
  display: inline-block;
  text-decoration: none;
  font-size: 14px;
  line-height: 18px;
  vertical-align: middle;
  padding-right: 16px;
  margin-right: -16px;
}
.topbar ul .link-text--bold {
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
}
.topbar ul .user-badge {
  margin: 0;
  background: transparent;
  height: auto;
  padding: 16px;
}
.topbar ul .user-badge .member-level {
  display: none;
}
.topbar .icon, .topbar ul.tick li:before, ul.tick .topbar li:before {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 4px;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.topbar .icon-user-account {
  background-image: url("/img/icons/user-icon.svg");
}
.topbar .icon-star {
  background-image: url("/img/icons/star-icon.svg");
}
.topbar .icon-shopping-cart {
  background-image: url("/img/icons/basket-icon.svg");
}
.topbar .site-dropdown {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  overflow: visible;
  height: 50px;
  width: 110px;
}
.body-consumer-portal .topbar .site-dropdown {
  margin-right: 30px;
}
.mobile-topbar .topbar .site-dropdown {
  display: block;
  position: relative;
  padding: 10px 16px 10px 0;
  width: 100%;
  height: auto;
  border-bottom: 1px solid #DEDEDE;
}
.topbar .site-dropdown ul {
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
  height: auto;
  max-height: 50px;
  width: 110px;
  text-align: right;
  transition: max-height 0.3s ease;
  z-index: 1;
  border-bottom: 0;
}
.topbar .site-dropdown ul.open-menu {
  border: 1px solid #DEDEDE;
  max-height: 500px;
  background: #FFFFFF;
}
.topbar .site-dropdown ul.open-menu .site-trigger {
  background: #DEDEDE;
}
.topbar .site-dropdown ul.open-menu .site-trigger:after {
  transform: scaleY(-1);
}
.mobile-topbar .topbar .site-dropdown ul.open-menu {
  border: 0;
}
.mobile-topbar .topbar .site-dropdown ul.open-menu .site-trigger {
  background-color: #FFFFFF;
}
.mobile-topbar .topbar .site-dropdown ul {
  position: relative;
  display: block;
  width: 100%;
  text-align: left;
  padding-left: 0;
}
.topbar .site-dropdown li {
  display: block;
  position: relative;
  border: none;
  padding: 0 !important;
  font-size: 14px;
  line-height: 18px;
  text-align: right;
}
.mobile-topbar .topbar .site-dropdown li {
  text-align: left;
}
.topbar .site-dropdown li.site-trigger {
  position: relative;
  padding: 16px 20px 16px 12px !important;
  cursor: pointer;
}
.mobile-topbar .topbar .site-dropdown li.site-trigger {
  padding: 16px 20px 16px 16px !important;
}
.topbar .site-dropdown li.site-trigger:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 6px;
  width: 6px;
  height: 3px;
  background-image: url("/img/icons/down-icon.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.topbar .site-dropdown li a {
  text-decoration: none;
  text-align: left;
}
.topbar .site-dropdown li a:hover {
  background: #005691;
  color: #FFFFFF;
}
.topbar .site-dropdown li .link-text {
  padding-right: 0;
  margin-right: 0;
  border-right: 0;
}
.topbar .site-dropdown li .icon, .topbar .site-dropdown li ul.tick li:before, ul.tick .topbar .site-dropdown li li:before {
  display: none;
}

/* DayPicker styles */
.DayPicker {
  display: inline-block;
  font-size: 1.2rem;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.DayPicker-wrapper {
  position: relative;
  flex-direction: row;
  user-select: none;
}

.DayPicker-Months {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 1em;
}

.DayPicker-Month {
  display: table;
  border-spacing: 0;
  border-collapse: collapse;
  user-select: none;
}

.DayPicker-Nav {
  display: flex;
  align-items: center;
  justify-content: center;
}
.DayPicker-Nav > h3 {
  flex: 1;
  text-align: center;
  margin-bottom: 0;
}
.DayPicker-Nav .button {
  display: inline-block;
  position: relative;
  width: 32px;
  height: 18px;
  background: url("/img/icons/down-icon.svg");
  background-size: 60%;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.DayPicker-Nav .button.icon-arrow-left {
  transform: rotate(90deg);
}
.DayPicker-Nav .button.icon-arrow-right {
  transform: rotate(-90deg);
}
.DayPicker-Nav .button.hide-btn {
  display: none;
}

.DayPicker-NavButton {
  transition: transform 300ms ease-out;
  display: inline-block;
  font-size: 2rem;
  padding: 2rem;
  opacity: 0.1;
  transform: scale(0.7);
}
.DayPicker-NavButton.show {
  transform: scale(1);
  cursor: pointer;
  opacity: 1;
}

.DayPicker-NavButton--interactionDisabled {
  display: none;
}

.DayPicker-Weekdays {
  display: table-header-group;
  margin-top: 1em;
}

.DayPicker-WeekdaysRow {
  display: table-row;
}

.DayPicker-Weekday {
  display: table-cell;
  padding: 0.25em;
  color: #000000;
  text-align: center;
  font-size: 0.875em;
  font-family: "BoschSans-Medium", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.DayPicker-Weekday a {
  display: block;
  position: relative;
  color: #008ECF;
  cursor: pointer;
  font-size: 0.8em;
  text-align: center;
}

.DayPicker-Weekday abbr[title] {
  border-bottom: none;
  text-decoration: none;
}

.DayPicker-Body {
  display: table-row-group;
}

.DayPicker-Week {
  display: table-row;
}

.DayPicker-Day {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 5em;
  cursor: pointer;
  color: #000000;
  position: relative;
}

.DayPicker-WeekNumber {
  display: table-cell;
  padding: 0.25em;
  min-width: 1em;
  border-right: 1px solid #EAECEC;
  color: #8B9898;
  vertical-align: middle;
  text-align: right;
  font-size: 0.75em;
  cursor: pointer;
}

.DayPicker--interactionDisabled .DayPicker-Day {
  cursor: default;
}

.DayPicker-Footer {
  padding-top: 0.5em;
}

/* Default modifiers */
.DayPicker-Day--selected {
  font-family: "BoschSans-Medium", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #FFFFFF;
}
.DayPicker-Day--selected .day {
  display: block;
  position: relative;
  z-index: 2;
}
.DayPicker-Day--selected .day-active {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #006249;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  z-index: 1;
}

.DayPicker-Day--outside,
.DayPicker-Day--disabled {
  color: #8B9898;
  cursor: default;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.DayPicker-Day--outside.DayPicker-Day--selected,
.DayPicker-Day--disabled.DayPicker-Day--selected {
  color: #FFFFFF;
}

.react-day-picker {
  display: inline-block;
  width: 100%;
}

.react-day-picker-wrapper {
  position: relative;
  width: 100%;
}

.react-day-picker-overlay {
  position: absolute;
  left: 0;
  z-index: 100;
  width: 100%;
  background: white;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}

.availability-checkbox {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background-color: white;
  transition: background-color 100ms ease-out;
  cursor: pointer;
  margin: 0 auto;
  border: 1px solid #BFC0C2;
}
.availability-checkbox > .icon, ul.tick .availability-checkbox > li:before {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 100ms ease-out;
  transform: scale(0);
  color: white;
  background-image: url("/img/icons/checkmark-white.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.availability-checkbox.checked {
  background-color: #005691;
  border: 1px solid #005691;
}
.availability-checkbox.checked > .icon, ul.tick .availability-checkbox.checked > li:before {
  transform: scale(1);
}

.fast-track-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 16px;
}
.fast-track-table td {
  text-align: left;
  padding: 8px;
}
.fast-track-table td + td {
  text-align: center;
}
.fast-track-table th:nth-child(2), .fast-track-table th:nth-child(3) {
  text-align: center;
}
.fast-track-table tbody tr:nth-of-type(even) {
  background-color: #BFC0C2;
}
.fast-track-table tbody tr:nth-of-type(odd) {
  background-color: #F7F7F7;
}

.ft-margin {
  margin-bottom: 16px;
}

.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 0;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background: #FFFFFF;
  box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
}

.flatpickr-calendar.open, .flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}

.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}

.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}

.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}

.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-calendar .hasWeeks .dayContainer, .flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}

.flatpickr-calendar:before, .flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  left: 22px;
}

.flatpickr-calendar.rightMost:before, .flatpickr-calendar.rightMost:after {
  left: auto;
  right: 22px;
}

.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}

.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}

.flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}

.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}

.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #FFFFFF;
}

.flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after {
  top: 100%;
}

.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}

.flatpickr-calendar.arrowBottom:after {
  border-top-color: #FFFFFF;
}

.flatpickr-calendar:focus {
  outline: 0;
}

.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}

.flatpickr-months {
  display: flex;
}

.flatpickr-months .flatpickr-month {
  background: transparent;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  user-select: none;
  overflow: hidden;
  flex: 1;
}

.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
}

.flatpickr-months .flatpickr-prev-month.flatpickr-disabled, .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}

.flatpickr-months .flatpickr-prev-month i, .flatpickr-months .flatpickr-next-month i {
  position: relative;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  /*
        /*rtl:begin:ignore*/
  left: 0;
  /*
        /*rtl:end:ignore*/
}

/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  /*
        /*rtl:begin:ignore*/
  right: 0;
  /*
        /*rtl:end:ignore*/
}

/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9;
}

.flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}

.flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}

.flatpickr-months .flatpickr-prev-month svg path, .flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
}

.numInputWrapper {
  position: relative;
  height: auto;
}

.numInputWrapper input, .numInputWrapper span {
  display: inline-block;
}

.numInputWrapper input {
  width: 100%;
}

.numInputWrapper input::-ms-clear {
  display: none;
}

.numInputWrapper input::-webkit-outer-spin-button, .numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57, 57, 57, 0.15);
  box-sizing: border-box;
}

.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1);
}

.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2);
}

.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}

.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}

.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57, 57, 57, 0.6);
  top: 26%;
}

.numInputWrapper span.arrowDown {
  top: 50%;
}

.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57, 57, 57, 0.6);
  top: 40%;
}

.numInputWrapper span svg {
  width: inherit;
  height: auto;
}

.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5);
}

.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05);
}

.numInputWrapper:hover span {
  opacity: 1;
}

.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}

.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch \0 ;
  display: inline-block;
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}

.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0, 0, 0, 0.5);
  background: transparent;
  pointer-events: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:focus, .flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0;
}

.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 28px;
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0, 0, 0, 0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: bolder;
}

.dayContainer, .flatpickr-weeks {
  padding: 1px 0 0 0;
}

.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 307.875px;
}

.flatpickr-days:focus {
  outline: 0;
}

.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #e6e6e6;
  box-shadow: -1px 0 0 #e6e6e6;
}

.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
  -ms-flex-preferred-size: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}

.flatpickr-day.today {
  border-color: #959ea9;
}

.flatpickr-day.today:hover, .flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #FFFFFF;
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
  background: #005691;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #FFFFFF;
  border-color: #005691;
}

.flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}

.flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #005691;
  box-shadow: -10px 0 0 #005691;
}

.flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}

.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(57, 57, 57, 0.1);
}

.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #005691, 5px 0 0 #005691;
  box-shadow: -5px 0 0 #005691, 5px 0 0 #005691;
}

.flatpickr-day.hidden {
  visibility: hidden;
}

.rangeMode .flatpickr-day {
  margin-top: 1px;
}

.flatpickr-weekwrapper {
  float: left;
}

.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
  box-shadow: 1px 0 0 #e6e6e6;
}

.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}

.flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  cursor: default;
  border: none;
}

.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}

.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}

.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}

.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}

.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #393939;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}

.flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
  font-weight: 400;
}

.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}

.flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}

.flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus {
  background: #eee;
}

.flatpickr-input[readonly] {
  cursor: pointer;
}

@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.video {
  margin-bottom: 20px;
}

.embed-responsive {
  display: block;
  position: relative;
  padding-bottom: 56.25% !important;
}

.embed-responsive.embed-inline {
  margin: 0 0 20px 0;
}

.embed-responsive > iframe.youtube,
.embed-responsive > iframe.vimeo {
  background-color: #000;
}

.embed-responsive > .youtube,
.embed-responsive > .vimeo,
.embed-responsive > video,
.embed-responsive > iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 0;
}

.youtube,
.vimeo {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: inline-block;
  overflow: hidden;
  transition: all 200ms ease-out;
  cursor: pointer;
}

.youtube .play,
.vimeo .play {
  background-color: rgba(0, 0, 0, 0.35);
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22160%22%20height%3D%22160%22%20viewBox%3D%220%200%20160%20160%22%3E%3Cg%20fill%3D%22%23FFF%22%3E%3Cpath%20d%3D%22M80%20160c-44.1%200-80-35.9-80-80S35.9%200%2080%200s80%2035.9%2080%2080-35.9%2080-80%2080zM80%208C40.3%208%208%2040.3%208%2080s32.3%2072%2072%2072%2072-32.3%2072-72S119.7%208%2080%208z%22%2F%3E%3Cpath%20d%3D%22M59.5%20116.2V43.8L116.4%2080l-56.9%2036.2zm9-56v39.6L99.6%2080%2068.5%2060.2z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: center;
  background-size: 100px;
  background-repeat: no-repeat;
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0.8;
  filter: alpha(opacity=80);
  transition: all 0.2s ease-out;
  z-index: 1;
}
.youtube .play.play-small,
.vimeo .play.play-small {
  background-size: 30px 30px;
  max-width: 120px;
  max-height: 90px;
}

.youtube .play:hover,
.vimeo .play:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

#guarantee-mount {
  padding: 20px 0;
}
#guarantee-mount .has-error .react-select__control {
  border-color: #EA0016;
}

#guarantee-mount .start-screen .grid-col {
  padding-left: 30px;
  padding-right: 30px;
}
#guarantee-mount .start-screen .grid-col.align-right {
  display: flex;
  justify-content: flex-end;
}
#guarantee-mount .start-screen .card.loading {
  pointer-events: none;
  user-select: none;
}
#guarantee-mount .start-screen .grid-col.disabled > .card {
  opacity: 0.5;
}
#guarantee-mount .start-screen .grid-col.disabled > .card > .top {
  background-image: linear-gradient(59deg, #9C9C9C, #A0A0A0);
}
#guarantee-mount .start-screen .gas-safe-footer {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
#guarantee-mount .start-screen .gas-safe-footer > img {
  width: 96px;
  margin-right: 24px;
}
#guarantee-mount .start-screen .gas-safe-footer > p {
  margin: 0;
}

.configurator-wrapper {
  min-height: 250px;
}

.configurator-wrapper-thin {
  max-width: 750px;
  margin: auto;
}
.fab-installer-selector .configurator-wrapper-thin {
  max-width: 900px;
}

.configurator-nav {
  display: flex;
  flex-direction: row;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.configurator-nav .btn {
  width: 33.333%;
  font-size: 16px;
  padding-left: 8px;
  padding-right: 8px;
}

.configurator-nav {
  margin-top: 8px;
  margin-bottom: 8px;
}
.configurator-nav .svg-wrapper {
  display: inline-block;
  width: 30px;
}
.configurator-nav .back-icon,
.configurator-nav .next-icon,
.configurator-nav .enquiry-icon {
  height: 2em;
  fill: currentColor;
  vertical-align: middle;
}
.configurator-nav .enquiry-icon {
  display: none;
}
.configurator-nav .back-icon {
  padding-right: 15px;
}
.configurator-nav .next-icon {
  padding-left: 15px;
}
@keyframes icon-jump-and-wiggle {
  10% {
    transform: translateY(-8px);
  }
  15% {
    transform: translateY(-8px);
  }
  25% {
    transform: translateY(-8px) rotate(10deg);
  }
  35% {
    transform: translateY(-8px) rotate(-10deg);
  }
  45% {
    transform: translateY(-8px) rotate(0deg);
  }
  58% {
    transform: translateY(0px);
  }
  70% {
    transform: translateY(-4px);
  }
  80% {
    transform: translateY(0);
  }
  90% {
    transform: translateY(-2px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes text-jump {
  5% {
    transform: translateX(0px);
  }
  20% {
    transform: translateX(-8px);
  }
  40% {
    transform: translateX(8px);
  }
  60% {
    transform: translateX(-4px);
  }
  80% {
    transform: translateX(4px);
  }
  100% {
    transform: translateX(0);
  }
}
.complete-icon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  color: #FFFFFF;
  background-color: #65A11B;
  font-size: 30px;
  padding: 10px;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  opacity: 0;
  transform: scale(0.8);
  transition: opacity 230ms, transform 230ms;
}

.complete-icon.active {
  opacity: 1;
  transform: scale(1);
}

.note {
  max-width: 650px;
  margin: auto;
  font-size: 12px;
  padding: 20px 0;
}

.btn-start {
  max-width: 200px;
  width: 100%;
  margin-bottom: 20px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.erp-tags {
  position: absolute;
  top: 150px;
  right: 0;
}
.erp-tags.express-package {
  top: 0;
  right: -15px;
}
.erp-tags .erp-tag {
  margin-right: 5px;
}

.svg-icon {
  stroke: #007DB8;
  fill: #007DB8;
  width: 100%;
  pointer-events: none;
}

.svg-icon-success {
  stroke: #65A11B;
  fill: #65A11B;
}

.grid-table {
  text-align: center;
}

.grid-table .column {
  display: inline-block;
  vertical-align: top;
  min-width: 140px;
  width: 50%;
}
.grid-table .column.column-md {
  width: 230px;
}

.grid-table .column .icon-label {
  padding: 0 10px;
  max-width: 100%;
}

.icon-label {
  cursor: pointer;
}

.icon-text {
  font-weight: 600;
  color: #1b2a55;
}

table.configurator-enquiry-modal td {
  vertical-align: middle;
}
table.configurator-enquiry-modal img {
  max-height: 60px;
}

.installer-details {
  display: flex;
  flex-wrap: wrap;
}

.installer-detail {
  text-align: center;
  padding: 0 8px;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  flex-basis: 50%;
  margin-bottom: 15px;
}
.installer-detail:nth-of-type(2n - 1) {
  border-right: 1px solid #EEEEEE;
}

.installer-detail:last-of-type {
  border-right: 0;
}

.installer-details-block {
  display: block;
  position: relative;
  min-height: 90px;
}
.installer-details-block .company-title {
  display: block;
  position: relative;
}
.installer-details-block .text-muted {
  font-size: 14px;
  display: block;
  position: relative;
}
.configurator-home-box {
  text-align: center;
  padding: 24px 0;
}
.configurator-home-box .configurator-home-img {
  display: inline-block;
  height: 75px;
}
.configurator-home-box .configurator-home-sub-head {
  display: block;
  font-size: 24px;
  padding: 10px 40px 0;
}

.trv-selector {
  display: flex;
  align-items: flex-start;
}
.trv-selector a {
  color: #999;
  text-decoration: none;
}
.trv-selector a i {
  color: #FFFFFF;
  background-color: #65A11B;
  padding: 4px;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  visibility: hidden;
}
.trv-selector a.active {
  font-weight: bold;
  color: #428BCA;
}
.trv-selector a.active i {
  visibility: visible;
}

.product-selection a {
  text-decoration: none;
}
.product-selection a h3 {
  color: #999;
}
.product-selection a .complete-icon {
  top: 30%;
  bottom: unset;
}
.product-selection a img {
  margin-bottom: 10px;
}
.product-selection.active h3, .product-selection:hover h3 {
  font-weight: bold;
  color: #428BCA;
}

.journey-bar {
  margin: 0 auto 50px;
  padding: 0;
  overflow: hidden;
  display: flex;
  align-items: stretch;
  justify-content: space-around;
  max-width: 900px;
}
.tracker .journey-bar {
  margin: 0 -10px 20px;
}
.journey-bar .journey-bar-stage {
  text-align: center;
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1 1 56px;
}
.journey-bar .journey-bar-stage span {
  color: #C9C9C9;
  display: none;
}
.tracker .journey-bar .journey-bar-stage span {
  display: block;
  margin: 0 auto;
  font-size: 14px;
  max-width: 100px;
  background-size: contain;
}
.journey-bar .journey-bar-stage:first-child .progress-bar, .journey-bar .journey-bar-stage:last-child .progress-bar {
  width: 51%;
}
.journey-bar .journey-bar-stage:first-child .progress-bar:after, .journey-bar .journey-bar-stage:last-child .progress-bar:after {
  width: 100%;
}
.journey-bar .journey-bar-stage:last-child .progress-bar {
  transform: translate(-100%, -50%);
}
.journey-bar .progress-bar {
  content: "";
  width: 101%;
  height: 2px;
  background: #E5E5E5;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 0;
}
.journey-bar .journey-bar-stage-icon-wrap {
  width: 40px;
  height: 40px;
  background: white;
  border: 2px solid #EAEAEA;
  border-radius: 50%;
  padding: 10px 0;
  z-index: 1;
  position: relative;
  align-self: center;
}
.journey-bar .journey-bar-stage-icon-wrap .journey-bar-stage-icon {
  height: 25px;
  width: 20px;
  display: inline-block;
}
.journey-bar .journey-bar-stage-icon-wrap svg {
  height: 25px;
  width: 25px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  stroke: #BFC0C2;
  fill: #BFC0C2;
}
.journey-bar .journey-bar-stage-active .journey-bar-stage-icon-wrap {
  background: #005691;
  border: 2px solid #005691;
}
.journey-bar .journey-bar-stage-active svg {
  stroke: white;
  fill: white;
}
.journey-bar .journey-bar-stage-active .progress-bar:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 50%;
  background: #005691;
}
.journey-bar .journey-bar-stage-active span {
  color: #005691;
  display: none;
}
.tracker .journey-bar .journey-bar-stage-active span {
  display: block;
  margin: 0 auto;
  font-size: 14px;
  max-width: 100px;
}
.journey-bar .journey-bar-stage-complete .journey-bar-stage-icon-wrap {
  padding: 3px 0;
  background: #005691;
  border: 2px solid #005691;
}
.tracker .journey-bar .journey-bar-stage-complete .journey-bar-stage-icon-wrap {
  padding: 10px 0;
  background: #006249;
  border: 2px solid #006249;
}
.journey-bar .journey-bar-stage-complete svg {
  fill: white;
  stroke: white;
}
.journey-bar .journey-bar-stage-complete .progress-bar:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #005691;
}
.tracker .journey-bar .journey-bar-stage-complete .progress-bar:after {
  background: #006249;
}
.journey-bar .journey-bar-stage-complete span {
  color: #005691;
  display: none;
}
.tracker .journey-bar .journey-bar-stage-complete span {
  display: block;
  margin: 0 auto;
  font-size: 14px;
  max-width: 100px;
  color: #006249;
}

.configurator-fast-track-modal-banner {
  background-image: url("/img/fast-track/intro-bg.jpg");
  margin-left: -50%;
  margin-right: -50%;
  margin-top: 20px;
  height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  margin-bottom: 20px;
}
.configurator-fast-track-modal-banner .fast-track-logo {
  height: 47%;
}

.configurator-product-info {
  overflow: hidden;
  text-align: center;
  position: absolute;
  right: 40px;
  z-index: 1;
  top: 45px;
}
.configurator-product-info.visually-hidden {
  visibility: hidden;
  user-select: none;
  pointer-events: none;
}
.configurator-product-info > .product-info-item {
  display: inline-flex;
  width: 90px;
  height: 40px;
  position: relative;
  align-items: center;
  text-align: left;
  margin-right: 10px;
  border-radius: 20px;
}
.configurator-product-info > .product-info-item.purple {
  background-image: linear-gradient(to right, #B90276, #50237F);
}
.configurator-product-info > .product-info-item .icon, .configurator-product-info > .product-info-item ul.tick li:before, ul.tick .configurator-product-info > .product-info-item li:before {
  width: 40px;
  height: 40px;
}
.configurator-product-info > .product-info-item .icon.new:after {
  position: absolute;
  content: "";
  width: 40px;
  height: 20px;
  margin-top: 9px;
  background: center/contain no-repeat url("/img/configurator/star-empty.svg");
}
.configurator-product-info > .product-info-item span {
  flex: 1;
  color: #FFFFFF;
  font-weight: bold;
}

.product-info-show-more {
  transform: rotate(270deg);
  display: inline-block;
  margin-right: 5px;
}
.product-info-show-more.reverse-icon-rotate {
  transform: rotate(90deg);
}

.configurator-tool-product-info {
  overflow: hidden;
  text-align: center;
}
.configurator-tool-product-info .product-info-item {
  display: inline-block;
  width: 90px;
  height: 40px;
  position: relative;
  text-align: left;
  margin-right: 10px;
}
.configurator-tool-product-info .product-info-item span {
  background: #F7F7F7;
  display: block;
  width: 80px;
  font-size: 8px;
  position: absolute;
  right: -5px;
  top: 0;
  height: 35px;
  border-radius: 115px;
  padding: 5px 1px 5px 24px;
}
.configurator-tool-product-info .aqua,
.configurator-tool-product-info .green,
.configurator-tool-product-info .blue,
.configurator-tool-product-info .purple {
  width: 35px;
  height: 35px;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  z-index: 1;
}
.configurator-tool-product-info .aqua:after,
.configurator-tool-product-info .green:after,
.configurator-tool-product-info .blue:after,
.configurator-tool-product-info .purple:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 17px;
  margin-top: 8px;
}
.configurator-tool-product-info .green {
  background-image: linear-gradient(to right, #78BE20, #006249);
}
.configurator-tool-product-info .green:after {
  background: center/contain no-repeat url("/img/configurator/leaf.svg");
}
.configurator-tool-product-info .aqua {
  background-image: linear-gradient(to right, #00A8B0, #78BE20);
}
.configurator-tool-product-info .aqua:after {
  background: center/contain no-repeat url("/img/configurator/sun.svg");
}
.configurator-tool-product-info .blue {
  background-image: linear-gradient(to right, #50237F, #005691);
}
.configurator-tool-product-info .blue:after {
  background: center/contain no-repeat url("/img/configurator/ruler.svg");
}
.configurator-tool-product-info .purple {
  background-image: linear-gradient(to right, #B90276, #50237F);
}
.configurator-tool-product-info .purple:after {
  background: center/contain no-repeat url("/img/configurator/shower.svg");
}

.fab-control-selector .product-description {
  display: none;
}

.product-container {
  display: flex;
  flex-direction: column;
}
.product-container .box-body {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.grid-col > .product-container {
  height: 100%;
}

.bottom-banner-box {
  display: block;
  height: 1000px;
}

.hidden {
  display: none;
}

.speech-bubble {
  position: absolute;
  transform: translate(-13.5px, -64px);
  width: 250px;
  font-size: 14px;
  font-weight: 100;
  line-height: 1.2;
  text-align: left;
  border-radius: 0;
  background: #FFFFFF;
  box-shadow: 3px 7px 18px -7px #919191;
  padding: 14px;
  color: #444444;
  z-index: 10;
}
.speech-bubble:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 0;
  border: 21px solid transparent;
  border-top-color: #FFFFFF;
  border-bottom: 0;
  margin-left: 50px;
  margin-bottom: -16px;
}

/* DayPicker styles */
.DayPicker {
  display: inline-block;
  font-size: 1.2rem;
}

.DayPicker-wrapper {
  position: relative;
  flex-direction: row;
  user-select: none;
}

.DayPicker-Months {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 1em;
}

.DayPicker-Month {
  display: table;
  border-spacing: 0;
  border-collapse: collapse;
  user-select: none;
}

.DayPicker-Nav {
  display: flex;
  align-items: center;
  justify-content: center;
}
.DayPicker-Nav > h3 {
  flex: 1;
  text-align: center;
  margin-bottom: 0;
}

.DayPicker-NavButton {
  transition: transform 300ms ease-out;
  display: inline-block;
  font-size: 2rem;
  padding: 2rem;
  opacity: 0.1;
  transform: scale(0.7);
}
.DayPicker-NavButton.show {
  transform: scale(1);
  cursor: pointer;
  opacity: 1;
}

.DayPicker-NavButton--interactionDisabled {
  display: none;
}

.DayPicker-Weekdays {
  display: table-header-group;
  margin-top: 1em;
}

.DayPicker-WeekdaysRow {
  display: table-row;
}

.DayPicker-Weekday {
  display: table-cell;
  padding: 0.25em;
  color: #8b9898;
  text-align: center;
  font-size: 0.875em;
}

.DayPicker-Weekday abbr[title] {
  border-bottom: none;
  text-decoration: none;
}

.DayPicker-Body {
  display: table-row-group;
}

.DayPicker-Week {
  display: table-row;
}

.DayPicker-Day {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 5em;
  cursor: pointer;
}

.DayPicker-WeekNumber {
  display: table-cell;
  padding: 0.25em;
  min-width: 1em;
  border-right: 1px solid #eaecec;
  color: #8b9898;
  vertical-align: middle;
  text-align: right;
  font-size: 0.75em;
  cursor: pointer;
}

.DayPicker--interactionDisabled .DayPicker-Day {
  cursor: default;
}

.DayPicker-Footer {
  padding-top: 0.5em;
}

/* Default modifiers */
.DayPicker-Day--selected {
  font-weight: 700;
}

.DayPicker-Day--outside {
  color: #8b9898;
  cursor: default;
}

.react-day-picker {
  display: inline-block;
  width: 100%;
}

.react-day-picker-wrapper {
  position: relative;
  width: 100%;
}

.react-day-picker-overlay {
  position: absolute;
  left: 0;
  z-index: 100;
  width: 100%;
  background: white;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}

.delivery-picker-container {
  margin-bottom: 20px;
}
.delivery-picker-container .date-picker > .overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  visibility: hidden;
}

.delivery-picker-container > .columns > .date-picker > .overlay > .spinner {
  animation: spin 500ms linear infinite;
  display: block;
  border: 0.5rem solid transparent;
  border-top-color: #005691;
  width: 8rem;
  height: 8rem;
  border-radius: 4rem;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.delivery-picker-container > .columns > .date-picker > .overlay.active {
  background-color: rgba(0, 0, 0, 0.1);
  pointer-events: auto;
  visibility: visible;
}

/* DayPicker styles (react-day-picker defined classes) */
.DayPicker {
  transition: opacity 150ms ease-out;
  display: inline-block;
  background-color: #FFFFFF;
  border: 1px solid #E7E7E7;
  width: 100%;
}

.DayPicker-wrapper {
  position: relative;
  user-select: none;
  flex-direction: row;
}

.DayPicker-Nav {
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #E7E7E7;
  margin-bottom: 14px;
}
.DayPicker-Nav > .month {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  margin: 0;
  padding: 1rem;
  font-size: 17px;
  font-weight: 600;
}
.DayPicker-Nav > .button {
  padding: 30px;
  cursor: pointer;
}
.DayPicker-Nav > .button:hover {
  background-color: #F7F7F7;
}
.DayPicker-Nav > .button.hide-btn {
  opacity: 0;
}

.DayPicker-Months {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.DayPicker-Month {
  display: table;
  border-collapse: collapse;
  border-spacing: 0;
  user-select: none;
  width: 100%;
}

.DayPicker-NavButton--interactionDisabled {
  display: none;
}

.DayPicker-Weekdays {
  margin-top: 1rem;
  display: table-header-group;
}

.DayPicker-WeekdaysRow {
  display: table-row;
}

.DayPicker-Weekday {
  display: table-cell;
  padding: 0.5rem;
  text-align: center;
  color: #1b2a55;
}
.DayPicker-Weekday > .label {
  color: inherit;
  font-size: 14px;
  font-weight: 600;
}

.DayPicker-Body {
  display: table-row-group;
}

.DayPicker-Week {
  display: table-row;
  table-layout: fixed;
}

.DayPicker-Day {
  display: table-cell;
  padding: 0 0.5rem;
  text-align: center;
  cursor: pointer;
  vertical-align: middle;
  border: 1px solid #E7E7E7;
  height: 7rem;
  max-width: 0;
  width: 12%;
}
.DayPicker-Day > .DayElement {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.DayPicker-Day > .DayElement > .day,
.DayPicker-Day > .DayElement > .label {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}
.DayPicker-Day > .DayElement > .day {
  font-size: 14px;
}
.DayPicker-Day > .DayElement > .label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 0.5;
}

.DayPicker-WeekNumber {
  display: table-cell;
  padding: 0.5rem;
  text-align: right;
  vertical-align: middle;
  min-width: 1rem;
  font-size: 0.75em;
  cursor: pointer;
  color: #8B9898;
  border-right: 1px solid #EAECEC;
}

.DayPicker--interactionDisabled .DayPicker-Day {
  cursor: default;
}

.DayPicker-Footer {
  padding-top: 0.5rem;
}

.DayPicker-TodayButton {
  border: none;
  background-image: none;
  background-color: transparent;
  box-shadow: none;
  cursor: pointer;
  color: #4A90E2;
  font-size: 0.875em;
}

/* Default modifiers */
.DayPicker-Day--disabled > .DayElement > .label,
.DayPicker-Day--today > .DayElement > .label,
.DayPicker-Day--selected > .DayElement > .label,
.DayPicker-Day--unavailable > .DayElement > .label {
  opacity: 1;
}

.DayPicker-Day--disabled {
  background-color: #EEEEEE;
  color: #999;
  cursor: default;
}

.DayPicker-Day--unavailable {
  background-color: #E20015;
  color: #FFFFFF;
}

.DayPicker-Day--today {
  background-color: #CCCCCC;
  color: #444444;
}

.DayPicker-Day--selected {
  background-color: #65A11B;
  color: #FFFFFF;
}

.DayPicker-Day--outside {
  background-color: #F7F7F7;
  cursor: default;
}

.cms-page-builder .react-date-range-picker {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  overflow: hidden;
}
.cms-page-builder .react-date-range-picker .DayPicker-Nav {
  margin-bottom: 0;
  display: flex;
  align-items: center;
}
.cms-page-builder .react-date-range-picker .DayPicker-Nav > .DayPicker-NavButton {
  transition: transform 150ms ease-out, opacity 150ms ease-out, border-color 150ms ease-out;
  padding: 0.5em 1em;
  margin: 0.5em;
  opacity: 0;
  transform: scale(0.7);
  border-radius: 5px;
  border: 2px solid transparent;
  font-weight: bold;
}
.cms-page-builder .react-date-range-picker .DayPicker-Nav > .DayPicker-NavButton.show {
  transform: scale(0.8);
  opacity: 1;
  cursor: pointer;
}
.cms-page-builder .react-date-range-picker .DayPicker-Nav > .DayPicker-NavButton.show:hover {
  transform: scale(1);
  border-color: rgba(0, 0, 0, 0.2);
}
.cms-page-builder .react-date-range-picker .DayPicker-Nav > .DayPicker-Header {
  flex: 1;
  margin-bottom: 0;
  text-align: center;
}
.cms-page-builder .react-date-range-picker .DayPicker-NavButton {
  font-size: 1.2rem;
}
.cms-page-builder .react-date-range-picker .DayPicker-NavButton--next {
  background-color: blue;
}
.cms-page-builder .react-date-range-picker .DayPicker-WeekdaysRow,
.cms-page-builder .react-date-range-picker .DayPicker-Week {
  display: flex;
}
.cms-page-builder .react-date-range-picker .DayPicker-WeekdaysRow > *,
.cms-page-builder .react-date-range-picker .DayPicker-Week > * {
  text-align: center;
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.cms-page-builder .react-date-range-picker .DayPicker-Caption {
  display: table-caption;
  text-align: center;
  width: 100%;
  margin-bottom: 1em;
}
.cms-page-builder .react-date-range-picker .DayPicker-Day {
  height: 3em;
  user-select: none;
}
.cms-page-builder .react-date-range-picker .DayPicker-Day:not(.DayPicker-Day--disabled) {
  cursor: pointer;
}
.cms-page-builder .react-date-range-picker .DayPicker-Day--selected:not(.DayPicker-Day--start):not(.DayPicker-Day--end):not(.DayPicker-Day--outside) {
  color: white;
}
.cms-page-builder .react-date-range-picker .DayPicker-Day--selected {
  background-color: #1a679c;
}
.cms-page-builder .react-date-range-picker .DayPicker-Day--start:not(.DayPicker-Day--outside),
.cms-page-builder .react-date-range-picker .DayPicker-Day--end:not(.DayPicker-Day--outside) {
  color: white;
}
.cms-page-builder .react-date-range-picker .DayPicker-Day--start:not(.DayPicker-Day--disabled) {
  border-top-left-radius: 1em;
  border-bottom-left-radius: 1em;
}
.cms-page-builder .react-date-range-picker .DayPicker-Day--end:not(.DayPicker-Day--disabled) {
  border-top-right-radius: 1em;
  border-bottom-right-radius: 1em;
}
.cms-page-builder .react-date-range-picker .DayPicker-Day--disabled {
  background-color: rgba(0, 0, 0, 0.1);
  color: #444444;
}
.cms-page-builder .react-date-range-picker .DayPicker-Day--disabled.DayPicker-Day--selected {
  background-color: rgba(0, 0, 0, 0.5);
}

table {
  max-width: 100%;
  background-color: transparent;
}

th {
  text-align: left;
}

.table {
  width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.75;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > th,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}

.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}

.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}

.table-striped > tbody > tr:nth-child(odd) > td, .table > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th,
.table > tbody > tr:nth-child(odd) > th {
  background-color: #f7f7f7;
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #eeeeee;
}

table col[class*=col-] {
  position: static;
  float: none;
  display: table-column;
}

table td[class*=col-],
table th[class*=col-] {
  position: static;
  float: none;
  display: table-cell;
}
.table-striped > tbody > tr:nth-child(even) > td, .table > tbody > tr:nth-child(even) > td,
.table-striped > tbody > tr:nth-child(even) > th,
.table > tbody > tr:nth-child(even) > th {
  background-color: #f7f7f7;
}
.table-striped > tbody > tr:nth-child(odd) > td, .table > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th,
.table > tbody > tr:nth-child(odd) > th {
  background-color: white;
}

.table th {
  color: #005691;
  font-weight: 600;
}
.table > thead > tr > th {
  border-bottom: 0;
}
.table > tbody > tr:nth-child(1) {
  border-top: 1px solid #005691;
}
.table > tbody > tr:nth-child(1) > td,
.table > tbody > tr:nth-child(1) > th {
  border-top: 0;
}

.table-nolines tr,
.table-nolines th,
.table-nolines td {
  border: none !important;
  background: none !important;
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #eeeeee;
}

.table.has-title tr:first-child {
  margin-top: 0;
}
.table.table-extra td {
  vertical-align: middle;
}
.table.table-extra .btn-row,
.table.table-extra .form-group {
  margin-bottom: 0;
}

.table-title {
  margin-bottom: 0.5em;
}

.table-matrix th,
.table-matrix tr {
  text-align: center;
}
.table-matrix img {
  width: 5em;
}
.table-matrix .icon, .table-matrix ul.tick li:before, ul.tick .table-matrix li:before {
  font-size: 2em;
  color: #005691;
}
.table-matrix.table-align-top td {
  vertical-align: top;
}

.table-compact td,
.table-compact th {
  line-height: 1 !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.table-stockists {
  border-bottom: 0;
}

.table-stockists > tbody > tr:nth-child(odd) > td {
  background: none;
}

.table-stockists > tbody > tr:nth-child(even) > td {
  background: none;
}

.table-spares th {
  color: #bbb;
  text-transform: uppercase;
  font-weight: 600;
}

.table-stockists > tbody > tr:nth-child(1) {
  border-top: 0;
}

.table-stockists > tbody > tr > td {
  vertical-align: middle;
  width: 100%;
  float: left;
  border-top: 0;
}
.table-stockists > tbody > tr > td a {
  margin-bottom: 0 !important;
}

.table-stockists > tbody > tr > td:nth-child(1) {
  width: 100%;
}
.table-stockists > tbody > tr > td:nth-child(1) p {
  display: block;
  margin: 0;
}
.table-stockists > tbody > tr > td:nth-child(1) h3 {
  display: block;
}
.table-stockists > tbody > tr > td:nth-child(1) h3 .is-block {
  display: block;
  font-size: 15px;
  margin-top: 10px;
}

.table-stockists > tbody > tr > td:nth-child(3) a {
  text-align: left;
  padding: 0;
}

.table-stockists > tbody > tr > td:nth-child(4) .btn-row {
  text-align: left;
}

.table-stockists > tbody > tr > td {
  vertical-align: middle;
}

.table-stockists > thead > tr > th {
  float: left;
}

.table-stockists .table-cell__address {
  max-width: 200px;
}

.table-stockists .table-cell__img-stockists {
  text-align: left;
}

.table-align-middle td {
  vertical-align: middle !important;
}

.technical-table-wrap {
  padding: 0;
  display: block;
  position: relative;
  width: 100%;
}

.table-scroll-wrap {
  overflow-x: auto;
  overflow-y: visible;
  display: block;
  width: 100%;
}

.table-technical,
.table-technical-scroll {
  table-layout: fixed;
}

.table-technical > thead > tr > th,
.table-technical > tbody > tr > td,
.table-technical-scroll > tbody > tr > td,
.table-technical-scroll > thead > tr > th {
  width: 116px;
  min-width: 116px;
  padding: 8px 16px;
}

.table-technical .show-more-row td,
.table-technical-scroll .show-more-row td {
  padding-top: 29px;
}

.table-technical > tbody > tr > th,
.table-technical-scroll > tbody > tr > th {
  width: 100px;
  max-width: 100px;
}
.table-technical > tbody > tr > th strong,
.table-technical-scroll > tbody > tr > th strong {
  display: block;
  max-width: 84px;
}

.table-technical-scroll > thead > tr > th {
  background-color: #F7F7F7;
}

.lifestyle .lifestyle-band.dark-band .table-technical-scroll > thead > tr > th {
  background-color: #000000;
}

.lifestyle .lifestyle-band.light-band .table-technical-scroll > thead > tr > th {
  background-color: #FFFFFF;
}

.table-scroll-fixed {
  position: absolute;
  top: 0;
  overflow: hidden;
  box-shadow: 10px 0 10px -10px rgba(0, 0, 0, 0.22);
  width: 100px;
  left: 0;
}
.table-scroll-fixed .show-more-row #show-more-technical {
  display: none;
}

.table-scroll-wrap::-webkit-scrollbar {
  -webkit-appearance: none;
}

.table-scroll-wrap::-webkit-scrollbar:horizontal {
  height: 11px;
}

.table-scroll-wrap::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: none;
  background-color: #005691;
}

.table-scroll-wrap::-webkit-scrollbar-track {
  background-color: #d8d8d8;
  border-radius: 8px;
}

.scroll-table-left,
.scroll-table-right {
  display: none;
}

.scroll-table-left:before {
  transform: rotate(130deg);
}
.scroll-table-left:after {
  transform: rotate(45deg);
}

.scroll-arrows .scroll-table-right {
  left: auto;
  right: 0;
}
.scroll-table-right:before {
  transform: rotate(45deg);
}
.scroll-table-right:after {
  transform: rotate(130deg);
}

.table-technical #show-more-technical {
  position: absolute;
  left: 50%;
  margin-top: -22px;
}

.table-technical .btn-sm,
.table-technical-scroll .btn-sm {
  white-space: initial;
}

.circle-spinner {
  animation: spin 1s linear infinite;
  display: block;
  border: 0.5rem solid transparent;
  border-top-color: #005691;
  width: 4rem;
  height: 4rem;
  border-radius: 2rem;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.circle-spinner.small {
  width: 2rem;
  height: 2rem;
  border-width: 0.25rem;
}
.circle-spinner.centered {
  margin: 0 auto;
}

.loader {
  overflow: hidden;
  height: 10em;
  width: 10em;
  margin: 6em auto;
  font-size: 3px;
  position: relative;
  border-radius: 50%;
  text-indent: -9999em;
  border: 1.1em solid rgba(222, 222, 222, 0.2);
  border-top-color: #005691;
  animation: loader-spin 1.1s infinite linear;
}

@keyframes loader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loader-section {
  position: relative;
  transition: opacity 1s;
  -webkit-transition: opacity 1s;
}

.loader-section > * {
  opacity: 0.5;
}

.loader-fixed {
  z-index: 1;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  opacity: 1;
  width: 4.25em;
  height: 4.25em;
  margin: auto;
  border: 1px solid #BFC0C2;
  background-color: white;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}

.loader-fixed .loader {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.input-loader {
  position: relative;
}

.input-loader .loader {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 12px;
  font-size: 2px;
  border-width: 2px;
  border-color: rgba(0, 0, 0, 0.1);
  border-top-color: #005691;
}

.has-success .input-loader .loader {
  border-top-color: #78BE20;
}

.has-error .input-loader .loader {
  border-top-color: #EA0016;
}

.loader.loader-sm {
  width: 4em;
  height: 4em;
  border-width: 0.4em;
  margin: 1.6em auto;
}

.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 1.2;
  opacity: 0;
}
.tooltip.in {
  opacity: 0.9;
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #FFFFFF;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  border-radius: 0;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  right: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}

.fai-search {
  width: 100%;
  display: flex;
  text-align: left;
  margin: 0 auto;
}
.fai-search .fai-button {
  white-space: nowrap;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.capture-plus-container {
  position: relative;
  width: 100%;
  z-index: 9;
}
.capture-plus-container input[type=text] {
  color: #444444;
  flex: 1;
  height: 100%;
  width: 100%;
  padding: 7px;
  border: 1px solid #DDD;
  min-width: 0;
  border-radius: 0;
}
.details__value--consumer-portal .capture-plus-container input[type=text] {
  border: none;
  border-bottom: 1px solid #D8D8D8;
}
.details__value--consumer-portal .capture-plus-container {
  z-index: auto;
}
.capture-plus-container.form-group {
  margin-bottom: 0;
}

.capture-plus-results {
  border: 1px solid #DDD;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 217px;
  position: absolute;
  width: 100%;
  z-index: 1;
  background: #FFF;
}
.capture-plus-results li {
  border-bottom: 1px solid #EEE;
  padding: 7px 10px;
  font-size: 12px;
  color: #444444;
}
.capture-plus-results li strong {
  color: inherit;
}
.capture-plus-results li:last-child {
  border-bottom: none;
}
.capture-plus-results li:hover {
  background-color: #F0F0F0;
  cursor: pointer;
}

.gradient-background {
  color: #FFFFFF;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  height: 100%;
}
.gradient-background__gradient {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.gradient-background__gradient:after {
  content: "";
  background: linear-gradient(90deg, #005691 0%, #008ecf 100%);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.gradient-background__gradient--wb-blue:after {
  background: linear-gradient(90deg, #005691 0%, #008ecf 100%);
  /* stylelint-disable max-nesting-depth */
  /* stylelint-enable max-nesting-depth */
}
.gradient-background__gradient--wb-fuchsia:after {
  background: linear-gradient(90deg, #b90276 0%, #50237f 100%);
  /* stylelint-disable max-nesting-depth */
  /* stylelint-enable max-nesting-depth */
}
.gradient-background__gradient--wb-green:after {
  background: linear-gradient(90deg, #78be20 0%, #78be20 100%);
  /* stylelint-disable max-nesting-depth */
  /* stylelint-enable max-nesting-depth */
}
.gradient-background__gradient--wb-light-blue:after {
  background: linear-gradient(90deg, #008ecf 0%, #00a8b0 100%);
  /* stylelint-disable max-nesting-depth */
  /* stylelint-enable max-nesting-depth */
}
.gradient-background__gradient--wb-purple:after {
  background: linear-gradient(90deg, #50237f 0%, #005691 100%);
  /* stylelint-disable max-nesting-depth */
  /* stylelint-enable max-nesting-depth */
}
.gradient-background__gradient--wb-teal:after {
  background: linear-gradient(90deg, #00a8b0 0%, #78be20 100%);
  /* stylelint-disable max-nesting-depth */
  /* stylelint-enable max-nesting-depth */
}
.gradient-background__image {
  flex: 0 0 auto;
  min-height: 235px;
  height: 100%;
}
.gradient-background__content {
  z-index: 1;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
  padding: 30px;
}
.gradient-background__logo {
  max-height: 150px;
  height: 100%;
  margin: 0 auto 16px;
}
.gradient-background__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 0;
  width: 100%;
}
.gradient-background__title {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 10px;
}
.gradient-background__text {
  line-height: 1.2;
  margin-bottom: 20px;
}
.gradient-background__link {
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
  border-radius: 2px;
  line-height: 1;
  text-decoration: none;
  padding: 10px;
}
.gradient-background__link:hover {
  color: #FFFFFF;
}

/*!
 * Selectr 2.4.13
 * http://mobius.ovh/docs/selectr
 *
 * Released under the MIT license
 */
.selectr-container {
  position: relative;
}

.selectr-container li {
  list-style: none;
}

.selectr-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0px, 0px, 0px, 0px);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0 none;
}

.selectr-visible {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 11;
}

.js-selectr-trigger.selectr-visible {
  opacity: 0 !important;
}

.selectr-desktop.multiple .selectr-visible {
  display: none;
}

.selectr-desktop.multiple.native-open .selectr-visible {
  top: 100%;
  min-height: 300px !important;
  height: auto;
  opacity: 1;
  opacity: 1;
  display: block;
}

.selectr-container.multiple.selectr-mobile .selectr-selected {
  z-index: 0;
}

.selectr-selected {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  width: 100%;
  padding: 14px 48px 14px 20px;
  cursor: pointer;
  border-bottom: 1px solid #BFC0C2;
}
.grid__col--product .selectr-selected {
  padding: 14px 40px 14px 0;
}

.selectr-selected::before {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 5px);
  right: 20px;
  width: 20px;
  height: 11px;
  background-image: url("/img/icons/down-icon.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.selectr-container.open .selectr-selected::before,
.selectr-container.native-open .selectr-selected::before {
  transform: scaleY(-1);
}

.selectr-label {
  display: none;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.selectr-placeholder {
  color: #6c7a86;
}

.selectr-tags {
  margin: 0;
  padding: 0;
  white-space: normal;
}

.has-selected .selectr-tags {
  margin: 0 0 -2px;
}

.selectr-tag {
  list-style: none;
  position: relative;
  float: left;
  padding: 2px 25px 2px 8px;
  margin: 0 2px 2px 0;
  cursor: default;
  color: #fff;
  border: medium none;
  border-radius: 10px;
  background: #acb7bf none repeat scroll 0 0;
}

.selectr-container.multiple.has-selected .selectr-selected {
  padding: 5px 28px 5px 5px;
}

.selectr-options-container {
  position: absolute;
  z-index: 10000;
  top: calc(100% - 1px);
  left: 0;
  display: none;
  box-sizing: border-box;
  width: 100%;
  border-width: 0 1px 1px;
  border-style: solid;
  border-color: transparent #999 #999;
  border-radius: 0 0 3px 3px;
  background-color: #fff;
}

.selectr-container.open .selectr-options-container {
  display: block;
}

.selectr-input-container {
  position: relative;
  display: none;
}

.selectr-clear,
.selectr-input-clear,
.selectr-tag-remove {
  position: absolute;
  top: 50%;
  right: 22px;
  width: 20px;
  height: 20px;
  padding: 0;
  cursor: pointer;
  transform: translate3d(0px, -50%, 0px);
  border: medium none;
  background-color: transparent;
  z-index: 11;
}

.selectr-clear,
.selectr-input-clear {
  display: none;
}

.selectr-container.has-selected .selectr-clear,
.selectr-input-container.active .selectr-input-clear {
  display: block;
}

.selectr-selected .selectr-tag-remove {
  right: 2px;
}

.selectr-clear::before,
.selectr-clear::after,
.selectr-input-clear::before,
.selectr-input-clear::after,
.selectr-tag-remove::before,
.selectr-tag-remove::after {
  position: absolute;
  top: 5px;
  left: 9px;
  width: 2px;
  height: 10px;
  content: " ";
  background-color: #6c7a86;
}

.selectr-tag-remove::before,
.selectr-tag-remove::after {
  top: 4px;
  width: 3px;
  height: 12px;
  background-color: #fff;
}

.selectr-clear:before,
.selectr-input-clear::before,
.selectr-tag-remove::before {
  transform: rotate(45deg);
}

.selectr-clear:after,
.selectr-input-clear::after,
.selectr-tag-remove::after {
  transform: rotate(-45deg);
}

.selectr-input-container.active,
.selectr-input-container.active .selectr-clear {
  display: block;
}

.selectr-input {
  top: 5px;
  left: 5px;
  box-sizing: border-box;
  width: calc(100% - 30px);
  margin: 10px 15px;
  padding: 14px 48px 14px 20px;
  border: 1px solid #999;
}

.selectr-notice {
  display: none;
  box-sizing: border-box;
  width: 100%;
  padding: 8px 16px;
  border-top: 1px solid #999;
  border-radius: 0 0 3px 3px;
  background-color: #fff;
}

.selectr-container.notice .selectr-notice {
  display: block;
}

.selectr-container.notice .selectr-selected {
  border-radius: 3px 3px 0 0;
}

.selectr-options {
  position: relative;
  top: calc(100% + 2px);
  display: none;
  overflow-x: auto;
  overflow-y: auto;
  max-height: 300px;
  margin: 0;
  padding: 0;
}

.selectr-container.open .selectr-options,
.selectr-container.open .selectr-input-container,
.selectr-container.notice .selectr-options-container {
  display: block;
}

.selectr-option {
  position: relative;
  display: block;
  padding: 14px 20px;
  list-style: outside none none;
  cursor: pointer;
  font-weight: normal;
}

.selectr-options.optgroups > .selectr-option {
  padding-left: 25px;
}

.selectr-optgroup {
  font-weight: bold;
  padding: 0;
}

.selectr-optgroup--label {
  font-weight: bold;
  margin-top: 10px;
  padding: 5px 15px;
}

.selectr-match {
  text-decoration: underline;
}

.selectr-option.selected {
  background-color: #ddd;
}

.selectr-option.active {
  color: #fff;
  background-color: #7FC6E7;
}

.selectr-option.disabled {
  opacity: 0.4;
}

.selectr-option.excluded {
  display: none;
}

.selectr-container.open .selectr-selected {
  border-color: #999 #999 transparent #999;
  border-radius: 3px 3px 0 0;
}

.selectr-container.open .selectr-selected::after {
  -o-transform: rotate(180deg) translate3d(0px, 50%, 0px);
  -ms-transform: rotate(180deg) translate3d(0px, 50%, 0px);
  -moz-transform: rotate(180deg) translate3d(0px, 50%, 0px);
  -webkit-transform: rotate(180deg) translate3d(0px, 50%, 0px);
  transform: rotate(180deg) translate3d(0px, 50%, 0px);
}

.selectr-disabled {
  opacity: 0.6;
}

.selectr-empty,
.selectr-placeholder,
.has-selected .selectr-placeholder {
  display: none;
}

.has-selected .selectr-label {
  display: block;
}

/* TAGGABLE */
.taggable .selectr-selected {
  padding: 4px 28px 4px 4px;
}

.taggable .selectr-selected::after {
  display: table;
  content: " ";
  clear: both;
}

.taggable .selectr-label {
  width: auto;
}

.taggable .selectr-tags {
  float: left;
  display: block;
}

.taggable .selectr-placeholder {
  display: none;
}

.input-tag {
  float: left;
  min-width: 90px;
  width: auto;
}

.selectr-tag-input {
  border: medium none;
  padding: 3px 10px;
  width: 100%;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
}

.selectr-input-container.loading::after {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 20px;
  height: 20px;
  content: "";
  -o-transform: translate3d(0px, -50%, 0px);
  -ms-transform: translate3d(0px, -50%, 0px);
  -moz-transform: translate3d(0px, -50%, 0px);
  -webkit-transform: translate3d(0px, -50%, 0px);
  transform: translate3d(0px, -50%, 0px);
  -o-transform-origin: 50% 0 0;
  -ms-transform-origin: 50% 0 0;
  -moz-transform-origin: 50% 0 0;
  -webkit-transform-origin: 50% 0 0;
  transform-origin: 50% 0 0;
  -moz-animation: 500ms linear 0s normal forwards infinite running spin;
  -webkit-animation: 500ms linear 0s normal forwards infinite running spin;
  animation: 500ms linear 0s normal forwards infinite running spin;
  border-width: 3px;
  border-style: solid;
  border-color: #aaa #ddd #ddd;
  border-radius: 50%;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg) translate3d(0px, -50%, 0px);
    transform: rotate(0deg) translate3d(0px, -50%, 0px);
  }
  100% {
    -webkit-transform: rotate(360deg) translate3d(0px, -50%, 0px);
    transform: rotate(360deg) translate3d(0px, -50%, 0px);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg) translate3d(0px, -50%, 0px);
    transform: rotate(0deg) translate3d(0px, -50%, 0px);
  }
  100% {
    -webkit-transform: rotate(360deg) translate3d(0px, -50%, 0px);
    transform: rotate(360deg) translate3d(0px, -50%, 0px);
  }
}
.selectr-container.open.inverted .selectr-selected {
  border-color: transparent #999 #999;
  border-radius: 0 0 3px 3px;
}

.selectr-container.inverted .selectr-options-container {
  border-width: 1px 1px 0;
  border-color: #999 #999 transparent;
  border-radius: 3px 3px 0 0;
  background-color: #fff;
}

.selectr-container.inverted .selectr-options-container {
  top: auto;
  bottom: calc(100% - 1px);
}

.selectr-container ::-webkit-input-placeholder {
  color: #6c7a86;
  opacity: 1;
}

.selectr-container ::-moz-placeholder {
  color: #6c7a86;
  opacity: 1;
}

.selectr-container :-ms-input-placeholder {
  color: #6c7a86;
  opacity: 1;
}

.selectr-container ::placeholder {
  color: #6c7a86;
  opacity: 1;
}

/* @define container */
.container__shop--landing-old {
  max-width: 1168px;
}
.container__shop--browse {
  max-width: 1168px;
  /* stylelint-disable */
  /* stylelint-enable */
}
.container__shop--browse .tile__item {
  flex: 1 0 100%;
  width: 100%;
}
.container__shop--landing {
  max-width: 1280px;
  margin: 62px auto 80px;
  /* uses gradient with hard stop for background */
  background: linear-gradient(180deg, rgb(0, 86, 145) 0%, rgb(0, 86, 145) 35%, rgb(255, 255, 255) 35%);
  display: flex;
  flex-direction: column;
}
.container__shop--narrow {
  max-width: 868px;
  margin: 40px auto 185px;
}
.container__shop-background {
  background: #005691;
  flex: 0 1 350px;
  position: relative;
  z-index: -1;
}
.container__wysiwyg--loyalty\!default {
  max-width: 1368px;
  padding: 0 16px;
  margin: auto;
}
.container__wysiwyg--loyalty\!accordion {
  max-width: 1368px;
  margin: auto;
}
.container__wai--dashboard {
  max-width: 1368px;
  margin: auto;
}
.container__wai--jobs {
  max-width: 1368px;
  margin: auto;
}
.container__wai--modal {
  max-width: 820px;
  margin: auto;
}
.container__wai--actions {
  margin-bottom: 23px;
}
.container__activation--form {
  max-width: 1368px;
  margin: auto;
}
.container__verify-reg {
  max-width: 1368px;
  margin: 0 auto;
  padding: 60px 30px;
}
.container--1024 {
  margin: 0 auto;
  max-width: 1024px;
  padding: 0 15px;
}
.container--1024-to-edges {
  margin: 0 auto;
  max-width: 1024px;
  padding: 0;
}

/* @define grid */
.grid__wai--jobs {
  padding: 0 0 80px;
}
.grid__wai--contact {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  align-items: center;
  padding-top: 60px;
  width: 100%;
}
.grid__wai--locals {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding-top: 40px;
  width: 100%;
}
.grid__wai--downloads {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  margin: 60px 0 148px;
}
.grid__shop--account {
  display: flex;
  flex-flow: column-reverse;
}
.grid__cms {
  display: flex;
  flex-flow: row nowrap;
  align-content: center;
}
.grid__cp--orders > .grid__col--details {
  width: 100%;
  max-width: 736px;
}
.grid__cp--orders > .grid__col--journey {
  width: 100%;
  max-width: 432px;
  display: flex;
}
.grid__wai--news > .grid__col--results {
  padding-left: 16px;
  padding-right: 16px;
}
.grid__wai--news > .grid__col--image {
  display: block;
  position: relative;
}
.grid__wai--contact > .grid__col--space {
  padding: 0 16px;
}
.grid__wai--contact > .grid__col--faqs {
  width: 100%;
}
.grid__shop--product > .grid__col--details {
  padding-left: 16px;
  padding-right: 16px;
}
.grid__shop--account > .grid__col--details {
  margin-top: 40px;
}
.grid__account--heading {
  padding: 0 16px;
}
.grid__account--main, .grid__account--sub {
  padding: 16px;
}

/* @define header */
.header__customer--orders, .header__customer--tabs {
  padding: 38px 16px 48px;
  max-width: 1168px;
  margin: auto;
  width: 100%;
}
.header__advert--choose {
  margin: 62px 0 57px;
}
.header__wai--jobs {
  margin: 60px 0 40px;
  padding: 0 16px;
}
.header__jobs--my {
  margin: 40px 16px 60px;
}
.header__settings--holiday {
  max-width: 786px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
  margin: 60px 16px 40px;
}
.header__settings--office {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 35px;
  margin: 60px 16px 28px;
}
.header__settings--history {
  margin: 60px 16px 40px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}
.header__settings--engineers {
  margin: 60px 16px 20px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}
.header__contact {
  padding: 0 15px;
}
.header__contact--search {
  margin: 0 16px 40px;
}
.header__leads--comments {
  border: 1px solid #D8D8D8;
  border-bottom: none;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  margin: 0;
  padding: 14px 14px 0;
}
.header__leads--action {
  margin: 60px 16px 20px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 35px;
}
.header__guarantees--other {
  font-size: 26px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #006249;
  line-height: 32px;
  margin: 60px 16px 20px;
}
.header__guarantees--gassafe {
  font-size: 26px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #78BE20;
  line-height: 32px;
  margin: 60px 16px 20px;
  padding-bottom: 30px;
  border-bottom: 3px solid #BFC0C2;
}
.header__guarantees--registered {
  font-size: 26px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #B90276;
  line-height: 32px;
  margin: 40px 16px 20px;
}
.header__guarantees--promotions {
  font-size: 26px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #50237F;
  line-height: 32px;
  margin: 60px 16px 20px;
}
.header__guarantees--thirdparty {
  font-size: 26px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #005691;
  line-height: 32px;
  margin: 60px 16px 20px;
}
.header__guarantees--installation {
  font-size: 28px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #008ECF;
  padding-bottom: 30px;
  line-height: 35px;
  border-bottom: 3px solid #BFC0C2;
  margin: 0 16px;
}
.header__guarantees--installer {
  font-size: 28px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #00A8B0;
  padding-bottom: 30px;
  line-height: 35px;
  border-bottom: 3px solid #BFC0C2;
  margin: 60px 16px 0;
}
.header__claims--id {
  font-size: 36px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 40px;
  margin: 0;
  color: #B90276;
}
.header__claims--invoice, .header__claims--evidence {
  font-size: 28px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  padding-bottom: 30px;
  line-height: 28px;
  border-bottom: 3px solid #BFC0C2;
  margin: 80px 0 0;
  display: flex;
  align-items: center;
}
.header__claims--invoice {
  color: #50237F;
}
.header__claims--evidence {
  color: #005691;
}
.header__shop--index-old {
  margin: 40px 16px;
}
.header__shop--index {
  margin: 116px 16px 54px;
  text-align: center;
  display: flex;
  flex-direction: column;
}
.header__shop--checkout {
  margin: 0 16px;
}
.header__shop--product {
  margin: 34px 16px 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header__shop--history {
  display: flex;
  align-items: flex-start;
  max-width: 905px;
  justify-content: space-between;
  flex-direction: column;
  margin: 40px 16px 0;
}
.header__icon--star {
  height: 28px;
  width: 28px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  vertical-align: bottom;
  margin-right: 10px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2257%22%20viewBox%3D%220%200%2060%2057%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M90.3%2086.774c-.237%200-.434-.04-.67-.158l-16.678-7.57-16.677%207.57c-.513.237-1.144.158-1.617-.197-.473-.355-.71-.946-.591-1.498l3.036-18.136L43.46%2053.183c-.434-.434-.552-1.025-.394-1.577.197-.552.67-.986%201.261-1.065l18.176-3.036%209.107-16.677c.276-.513.789-.828%201.38-.828.592%200%201.104.315%201.38.828l9.108%2016.677%2018.175%203.036c.592.079%201.065.513%201.262%201.065.197.552.04%201.183-.394%201.577L88.92%2066.785l3.036%2018.136c.078.591-.119%201.143-.592%201.498-.394.237-.71.355-1.064.355zm-17.348-11.04c.237%200%20.434.04.67.158l14.667%206.663-2.681-16.007c-.079-.512.079-1.025.434-1.38l12.025-12.025-15.89-2.641c-.472-.08-.906-.394-1.143-.789L72.952%2034.89%2064.87%2049.674c-.237.434-.631.71-1.144.788l-15.889%202.642%2012.025%2012.025c.355.355.513.867.434%201.38l-2.68%2016.007%2014.666-6.663c.236-.079.433-.118.67-.118z%22%20transform%3D%22translate(-43%20-30)%22%2F%3E%3C%2Fsvg%3E");
}
.header__icon--id {
  height: 40px;
  width: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  vertical-align: bottom;
  margin-right: 10px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20192%20192%22%3E%3Cpath%20fill%3D%22%23B90276%22%20d%3D%22M128%20168H44V40h4v-8H36v144h100v-12h-8z%22%2F%3E%3Cpath%20fill%3D%22%23B90276%22%20d%3D%22M125.8%2016H56v140h100V50.5L125.8%2016zm2.2%2014.6L143.2%2048H128V30.6zM64%20148V24h56v32h28v92H64z%22%2F%3E%3Cpath%20fill%3D%22%23B90276%22%20d%3D%22M72%2072h52v8H72zM72%2092h52v8H72zM72%20112h28v8H72z%22%2F%3E%3C%2Fsvg%3E");
}
.header__icon--invoice {
  height: 40px;
  width: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  vertical-align: bottom;
  margin-right: 10px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20192%20192%22%3E%3Cpath%20fill%3D%22%2350237F%22%20d%3D%22M148%2056h-32V20h8v28h24zM56%2072h64v8H56zM56%2092h64v8H56zM56%20112h40v8H56zM144%20176c-17.6%200-32-14.4-32-32s14.4-32%2032-32%2032%2014.4%2032%2032-14.4%2032-32%2032zm0-56c-13.2%200-24%2010.8-24%2024s10.8%2024%2024%2024%2024-10.8%2024-24-10.8-24-24-24z%22%2F%3E%3Cpath%20fill%3D%22%2350237F%22%20d%3D%22M153.2%20141.2l-5.2%205.1V128h-8v18.3l-5.2-5.1-5.6%205.6%2014.8%2014.9%2014.8-14.9z%22%2F%3E%3Ccircle%20fill%3D%22none%22%20cx%3D%22144%22%20cy%3D%22144%22%20r%3D%2232%22%2F%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M118.2%2024H48v144h64c-5-6.7-8-15-8-24%200-22.1%2017.9-40%2040-40V53.5L118.2%2024z%22%2F%3E%3Cpath%20fill%3D%22%2350237F%22%20d%3D%22M112%20168H48V24h70.2L144%2053.5V104c2.7%200%205.4.3%208%20.8V50.5L121.8%2016H40v160h80c-3-2.3-5.7-5-8-8z%22%2F%3E%3C%2Fsvg%3E");
}
.header__icon--evidence {
  height: 40px;
  width: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  vertical-align: bottom;
  margin-right: 10px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20192%20192%22%3E%3Cpath%20fill%3D%22%23005691%22%20d%3D%22M176%20148H16V44h160v104zm-152-8h144V52H24v88z%22%2F%3E%3Cpath%20fill%3D%22%23005691%22%20d%3D%22M40%2076h48v8H40zM40%2096h48v8H40zM40%20116h36v8H40zM120%20117.7l-14.8-14.9%205.6-5.6%209.2%209.1%2025.2-25.1%205.6%205.6z%22%2F%3E%3C%2Fsvg%3E");
}
.header__details, .header__details--address {
  margin: 10px 0 10px 16px;
  font-size: 28px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
}
.header__details--address {
  margin: 80px 0 10px 16px;
}

.inline__row--filters {
  display: flex;
  flex-direction: column;
  margin-top: 40px;
}
.inline__flex--center {
  display: flex;
  align-items: center;
}
.inline__flex--bottom {
  display: flex;
  align-items: flex-end;
}
.inline__flex--adverts {
  display: flex;
}
.inline__row--filters .inline__button {
  margin: 0 0 20px;
}
.inline__form--leads {
  display: inline-flex;
  margin: 34px 6px 36px 16px;
}

/* @define table */
.table__overflow {
  display: block;
  position: relative;
  overflow: auto;
  width: 100%;
}
.table__jobs--orders, .table__jobs--leads, .table__jobs--surveys, .table__jobs--guarantees {
  margin: 0 0 40px 16px;
}
.table__leads--open {
  margin: 40px 0 40px 16px;
}
.table__leads--completed {
  margin: 40px 0 40px 16px;
}
.table__fasttrack--new, .table__fasttrack--current {
  padding: 20px 0;
  margin: 0 16px;
}
.table__fasttrack--responses {
  padding: 60px 16px;
  display: flex;
  flex-direction: column;
}
.table__surveys--awaiting, .table__surveys--completed {
  padding: 20px 0;
  margin: 0 16px;
}
.table__completed--orders {
  padding: 20px 0;
  margin: 0 16px;
}
.table__guarantees--completed {
  padding: 20px 0;
  margin: 0 16px;
}
.table__guarantees--product {
  padding: 0;
  margin: 0 16px;
}
.table__guarantees--promotions {
  padding: 20px 0;
  margin: 0 16px;
}
.table__claims--my {
  margin-top: 51px;
}
.table__settings--engineers {
  margin: 0 16px 60px;
}
.table__settings--showrooms {
  margin: 0 16px 60px;
}
.table__shop--history, .table__shop--order, .table__shop--basket {
  width: 100%;
  padding: 0 16px;
  margin: 40px 0;
}
.table__checkout--order {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.table__footnote {
  margin: 0 16px 80px;
}
.table__footnote--total {
  text-align: right;
  font-size: 24px;
  line-height: 28px;
  font-weight: 300;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 61px;
}
.table__header {
  font-size: 28px;
  font-family: "BoschSans-Medium", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  margin: 60px 0 36px;
  padding: 0 16px;
}
.table__header--my {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 35px;
  letter-spacing: -0.01px;
  color: #005691;
  margin: 40px 16px 36px;
  display: inline-flex;
  align-items: center;
  position: relative;
}
a.table__header--my {
  text-decoration: none;
}
a.table__header--my:hover, a.table__header--my:focus {
  text-decoration: none;
}
.table__header--leads, .table__header--guarantees {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 35px;
  letter-spacing: 0;
}
.table__header--leads {
  margin: 40px 16px 19px;
}
.table__header--guarantees {
  margin: 0 16px 36px;
  display: flex;
  align-items: center;
}
.table__header--lead {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 35px;
  letter-spacing: 0;
  padding-bottom: 21px;
  border-bottom: 3px solid #D8D8D8;
  margin: 9px 16px 0;
}
.table__header--light {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 35px;
}
.table__subheader--my {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 24px;
  margin: 0 16px 26px;
}
.table__icon {
  height: 40px;
  width: 45px;
  margin-right: 8px;
  border: 1px solid red;
  display: block;
}
.table__header--guarantees .table__icon {
  height: 30px;
  width: 30px;
  margin-right: 14px;
  border: 1px solid red;
  display: block;
}
.table__icon--leads, .table__icon--fasttrack, .table__icon--guarantees, .table__icon--incomplete, .table__icon--complete {
  height: 40px;
  width: 45px;
  margin-right: 8px;
  display: block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.table__icon--leads {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2240%22%20viewBox%3D%220%200%2028%2040%22%3E%3Cpath%20fill%3D%22%23B90276%22%20d%3D%22M27.432%2039.082V2.65h-6.716V.718h-1.932V2.65h-3.818V.718h-1.932V2.65H9.216V.718H7.284V2.65H.568v36.432h26.864zM25.5%2037.15h-23V4.582h4.784v1.886h1.932V4.582h3.818v1.886h1.932V4.582h3.818v1.886h1.932V4.582H25.5V37.15zm-5.75-8.648c.46%200%20.874-.092%201.242-.276L19.06%2026.34c-.184-.215-.276-.452-.276-.713%200-.26.1-.483.299-.667.2-.184.43-.276.69-.276.26%200%20.483.092.667.276l1.932%201.932c.184-.552.276-.981.276-1.288%200-.767-.291-1.434-.874-2.001s-1.257-.851-2.024-.851c-.399%200-.813.107-1.242.322l-7.682-7.682c.215-.43.322-.843.322-1.242%200-.797-.284-1.48-.851-2.047-.567-.567-1.25-.851-2.047-.851-.399%200-.813.107-1.242.322L8.94%2013.46c.184.215.276.452.276.713%200%20.26-.1.483-.299.667-.2.184-.43.276-.69.276-.26%200-.483-.092-.667-.276l-1.932-1.932c-.153.399-.23.813-.23%201.242%200%20.767.284%201.434.851%202.001s1.234.851%202.001.851c.46%200%20.874-.092%201.242-.276l7.682%207.682c-.184.368-.276.782-.276%201.242%200%20.767.284%201.434.851%202.001s1.234.851%202.001.851zm-3.174-9.89l2.576-2.53h1.564l1.932-2.898-1.932-1.932-2.898%201.932v1.472l-2.576%202.576%201.334%201.38zm-9.292%209.89c.521%200%20.966-.184%201.334-.552l4.83-4.784-2.714-2.714-4.784%204.784c-.399.368-.598.82-.598%201.357s.192.989.575%201.357c.383.368.836.552%201.357.552z%22%2F%3E%3C%2Fsvg%3E");
}
.table__icon--fasttrack {
  background-image: url("/img/customer-loyalty/fast-track-logo.svg");
}
.table__icon--guarantees {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2229%22%20height%3D%2237%22%20viewBox%3D%220%200%2029%2037%22%3E%3Cpath%20fill%3D%22%2350237F%22%20d%3D%22M25.22%2021.655l2.687-1.616-.761-3.043L29%2014.5l-1.854-2.52.76-3.042L25.22%207.32l-.451-3.09-3.09-.451-1.617-2.687-3.042.761L14.5%200l-2.52%201.854-3.042-.76L7.32%203.78l-3.09.451-.451%203.09-2.687%201.617.761%203.042L0%2014.5l1.854%202.52-.76%203.042L3.78%2021.68l.451%203.09.713.119-3.161%209.58h4.825l3.637%202.424%202.971-8.843L14.5%2029l1.284-.95%202.947%208.866%203.637-2.425h4.825l-3.209-9.603.714-.12.522-3.113zM9.247%2033.945l-2.068-1.38H4.398l2.495-7.416.452.071%201.616%202.687%202.496-.618-2.21%206.655zm3.161-8.867l-2.543.642-1.355-2.235-2.591-.38-.38-2.591-2.235-1.355.642-2.543L2.377%2014.5l1.545-2.092-.642-2.543L5.515%208.51l.38-2.591%202.591-.38%201.355-2.235%202.543.642L14.5%202.377l2.092%201.545%202.543-.642%201.355%202.235%202.591.38.38%202.591%202.235%201.355-.642%202.543%201.569%202.116-1.545%202.092.642%202.543-2.235%201.355-.38%202.591-2.591.38-1.355%202.235-2.543-.642-2.116%201.569-2.092-1.545zm9.675.047l2.52%207.44H21.82l-2.068%201.38-2.234-6.68%202.496.618%201.616-2.686.452-.072zM20.49%209.08l1.331%201.331L11.648%2020.61l-4.47-4.493%201.332-1.33%203.138%203.113L20.49%209.08z%22%2F%3E%3C%2Fsvg%3E");
}
.table__icon--incomplete {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20192%20192%22%3E%3Cpath%20fill%3D%22%23F5A623%22%20d%3D%22M175.8%20160H16.2L96%2015.7%20175.8%20160zm-146-8h132.4L96%2032.3%2029.8%20152z%22%2F%3E%3Cpath%20fill%3D%22%23FCAF17%22%20d%3D%22M103.1%20136.9c0%203.9-3.2%207.1-7.1%207.1-4%200-7.1-3.1-7.1-7.1s3.1-7.1%207.1-7.1c3.9%200%207.1%203.2%207.1%207.1zm-12.2-48V64h10.2v24.9l-2.7%2030.7h-4.9l-2.6-30.7z%22%2F%3E%3C%2Fsvg%3E");
}
.table__icon--complete {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20192%20192%22%3E%3Cpath%20fill%3D%22%2365A11B%22%20d%3D%22M96%20176c-44.1%200-80-35.9-80-80s35.9-80%2080-80%2080%2035.9%2080%2080-35.9%2080-80%2080zm0-152c-39.7%200-72%2032.3-72%2072s32.3%2072%2072%2072%2072-32.3%2072-72-32.3-72-72-72z%22%2F%3E%3Cpath%20fill%3D%22%2365A11B%22%20d%3D%22M129.2%2069.2L84%20114.3%2062.8%2093.2l-5.6%205.6L84%20125.7l50.8-50.9z%22%2F%3E%3C%2Fsvg%3E");
}
.table__notification--danger {
  background-color: #EA0016;
  border-radius: 50%;
  color: #FFFFFF;
  font-family: "BoschSans-Bold", "OpenSans-Bold-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 900;
  height: 25px;
  line-height: 25px;
  overflow: hidden;
  text-align: center;
  width: 25px;
  margin-left: 4px;
}
.table__header--my:hover .table__notification--danger {
  text-decoration: none;
}
.table__row--header {
  display: inline-flex;
  align-items: flex-end;
  flex-wrap: nowrap;
  font-family: "BoschSans-Medium", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 28px;
  border-bottom: 3px solid #D8D8D8;
}
.table__shop--history .table__row--header, .table__shop--order .table__row--header, .table__shop--basket .table__row--header, .table__checkout--order .table__row--header {
  font-family: "BoschSans-Bold", "OpenSans-Bold-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
}
.table__row--body {
  display: inline-flex;
  flex-wrap: nowrap;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 28px;
  border-bottom: 1px solid #D8D8D8;
  align-items: center;
}
.table__row--body:last-child {
  margin-bottom: 50px;
}
.table__shop--history .table__row--body, .table__shop--order .table__row--body, .table__shop--basket .table__row--body, .table__checkout--order .table__row--body {
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
}
.table__checkout--order .table__row--body {
  border-bottom: none;
  padding: 0;
}
.table__cta--my {
  margin-right: 16px;
}
.table__claims--my .table__cta {
  margin-right: 16px;
}
.table__cta--claims {
  display: inline-block;
}
.table__cta--guarantee {
  margin-bottom: 16px;
}
.table__advert--materials .table__cta {
  margin-right: 15px;
}
.table__advert--materials .table__cta:last-child {
  margin-right: 0;
}
.table__jobs--leads .table__col--customer {
  width: 125px;
  flex-shrink: 0;
}
.table__jobs--leads .table__col--customer:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__jobs--leads .table__row--header .table__col--customer {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__jobs--leads .table__row--header .table__col--customer:last-child {
  margin-right: 0;
}
.table__jobs--leads .table__row--body .table__col--customer {
  padding: 10px 0;
  margin-right: 20px;
}
.table__jobs--leads .table__row--body .table__col--customer:last-child {
  margin-right: 0;
}
.table__jobs--leads .table__col--postcode {
  width: 73px;
  flex-shrink: 0;
}
.table__jobs--leads .table__col--postcode:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__jobs--leads .table__row--header .table__col--postcode {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__jobs--leads .table__row--header .table__col--postcode:last-child {
  margin-right: 0;
}
.table__jobs--leads .table__row--body .table__col--postcode {
  padding: 10px 0;
  margin-right: 20px;
}
.table__jobs--leads .table__row--body .table__col--postcode:last-child {
  margin-right: 0;
}
.table__jobs--leads .table__col--date {
  width: 81px;
  flex-shrink: 0;
}
.table__jobs--leads .table__col--date:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__jobs--leads .table__row--header .table__col--date {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__jobs--leads .table__row--header .table__col--date:last-child {
  margin-right: 0;
}
.table__jobs--leads .table__row--body .table__col--date {
  padding: 10px 0;
  margin-right: 20px;
}
.table__jobs--leads .table__row--body .table__col--date:last-child {
  margin-right: 0;
}
.table__jobs--leads .table__col--finance {
  width: 70px;
  flex-shrink: 0;
}
.table__jobs--leads .table__col--finance:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__jobs--leads .table__row--header .table__col--finance {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__jobs--leads .table__row--header .table__col--finance:last-child {
  margin-right: 0;
}
.table__jobs--leads .table__row--body .table__col--finance {
  padding: 10px 0;
  margin-right: 20px;
}
.table__jobs--leads .table__row--body .table__col--finance:last-child {
  margin-right: 0;
}
.table__jobs--leads .table__col--priority {
  width: 58px;
  flex-shrink: 0;
}
.table__jobs--leads .table__col--priority:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__jobs--leads .table__row--header .table__col--priority {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__jobs--leads .table__row--header .table__col--priority:last-child {
  margin-right: 0;
}
.table__jobs--leads .table__row--body .table__col--priority {
  padding: 10px 0;
  margin-right: 20px;
}
.table__jobs--leads .table__row--body .table__col--priority:last-child {
  margin-right: 0;
}
.table__jobs--leads .table__col--view {
  width: 70px;
  flex-shrink: 0;
}
.table__jobs--leads .table__col--view:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__jobs--leads .table__row--header .table__col--view {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__jobs--leads .table__row--header .table__col--view:last-child {
  margin-right: 0;
}
.table__jobs--leads .table__row--body .table__col--view {
  padding: 10px 0;
  margin-right: 20px;
}
.table__jobs--leads .table__row--body .table__col--view:last-child {
  margin-right: 0;
}
.table__jobs--orders .table__col--ordered, .table__jobs--surveys .table__col--ordered {
  width: 107px;
  flex-shrink: 0;
}
.table__jobs--orders .table__col--ordered:last-child, .table__jobs--surveys .table__col--ordered:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__jobs--orders .table__col--ordered, .table__jobs--surveys .table__row--header .table__col--ordered {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__jobs--orders .table__col--ordered:last-child, .table__jobs--surveys .table__row--header .table__col--ordered:last-child {
  margin-right: 0;
}
.table__jobs--orders .table__col--ordered, .table__jobs--surveys .table__row--body .table__col--ordered {
  padding: 10px 0;
  margin-right: 20px;
}
.table__jobs--orders .table__col--ordered:last-child, .table__jobs--surveys .table__row--body .table__col--ordered:last-child {
  margin-right: 0;
}
.table__jobs--orders .table__col--expected, .table__jobs--surveys .table__col--expected {
  width: 230px;
  flex-shrink: 0;
}
.table__jobs--orders .table__col--expected:last-child, .table__jobs--surveys .table__col--expected:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__jobs--orders .table__col--expected, .table__jobs--surveys .table__row--header .table__col--expected {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__jobs--orders .table__col--expected:last-child, .table__jobs--surveys .table__row--header .table__col--expected:last-child {
  margin-right: 0;
}
.table__jobs--orders .table__col--expected, .table__jobs--surveys .table__row--body .table__col--expected {
  padding: 10px 0;
  margin-right: 20px;
}
.table__jobs--orders .table__col--expected:last-child, .table__jobs--surveys .table__row--body .table__col--expected:last-child {
  margin-right: 0;
}
.table__jobs--orders .table__col--postcode, .table__jobs--surveys .table__col--postcode {
  width: 73px;
  flex-shrink: 0;
}
.table__jobs--orders .table__col--postcode:last-child, .table__jobs--surveys .table__col--postcode:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__jobs--orders .table__col--postcode, .table__jobs--surveys .table__row--header .table__col--postcode {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__jobs--orders .table__col--postcode:last-child, .table__jobs--surveys .table__row--header .table__col--postcode:last-child {
  margin-right: 0;
}
.table__jobs--orders .table__col--postcode, .table__jobs--surveys .table__row--body .table__col--postcode {
  padding: 10px 0;
  margin-right: 20px;
}
.table__jobs--orders .table__col--postcode:last-child, .table__jobs--surveys .table__row--body .table__col--postcode:last-child {
  margin-right: 0;
}
.table__jobs--orders .table__col--status, .table__jobs--surveys .table__col--status {
  width: 149px;
  flex-shrink: 0;
}
.table__jobs--orders .table__col--status:last-child, .table__jobs--surveys .table__col--status:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__jobs--orders .table__col--status, .table__jobs--surveys .table__row--header .table__col--status {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__jobs--orders .table__col--status:last-child, .table__jobs--surveys .table__row--header .table__col--status:last-child {
  margin-right: 0;
}
.table__jobs--orders .table__col--status, .table__jobs--surveys .table__row--body .table__col--status {
  padding: 10px 0;
  margin-right: 20px;
}
.table__jobs--orders .table__col--status:last-child, .table__jobs--surveys .table__row--body .table__col--status:last-child {
  margin-right: 0;
}
.table__jobs--orders .table__col--view, .table__jobs--surveys .table__col--view {
  width: 70px;
  flex-shrink: 0;
}
.table__jobs--orders .table__col--view:last-child, .table__jobs--surveys .table__col--view:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__jobs--orders .table__col--view, .table__jobs--surveys .table__row--header .table__col--view {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__jobs--orders .table__col--view:last-child, .table__jobs--surveys .table__row--header .table__col--view:last-child {
  margin-right: 0;
}
.table__jobs--orders .table__col--view, .table__jobs--surveys .table__row--body .table__col--view {
  padding: 10px 0;
  margin-right: 20px;
}
.table__jobs--orders .table__col--view:last-child, .table__jobs--surveys .table__row--body .table__col--view:last-child {
  margin-right: 0;
}
.table__jobs--guarantees .table__col--installed {
  width: 81px;
  flex-shrink: 0;
}
.table__jobs--guarantees .table__col--installed:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__jobs--guarantees .table__row--header .table__col--installed {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__jobs--guarantees .table__row--header .table__col--installed:last-child {
  margin-right: 0;
}
.table__jobs--guarantees .table__row--body .table__col--installed {
  padding: 10px 0;
  margin-right: 20px;
}
.table__jobs--guarantees .table__row--body .table__col--installed:last-child {
  margin-right: 0;
}
.table__jobs--guarantees .table__col--postcode {
  width: 73px;
  flex-shrink: 0;
}
.table__jobs--guarantees .table__col--postcode:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__jobs--guarantees .table__row--header .table__col--postcode {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__jobs--guarantees .table__row--header .table__col--postcode:last-child {
  margin-right: 0;
}
.table__jobs--guarantees .table__row--body .table__col--postcode {
  padding: 10px 0;
  margin-right: 20px;
}
.table__jobs--guarantees .table__row--body .table__col--postcode:last-child {
  margin-right: 0;
}
.table__jobs--guarantees .table__col--gassafe {
  width: 143px;
  flex-shrink: 0;
}
.table__jobs--guarantees .table__col--gassafe:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__jobs--guarantees .table__row--header .table__col--gassafe {
  padding-bottom: 11px;
  margin-right: 20px;
  text-align: center;
}
.table__jobs--guarantees .table__row--header .table__col--gassafe:last-child {
  margin-right: 0;
}
.table__jobs--guarantees .table__row--body .table__col--gassafe {
  padding: 10px 0;
  margin-right: 20px;
  text-align: center;
}
.table__jobs--guarantees .table__row--body .table__col--gassafe:last-child {
  margin-right: 0;
}
.table__jobs--guarantees .table__col--benchmark {
  width: 160px;
  flex-shrink: 0;
}
.table__jobs--guarantees .table__col--benchmark:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__jobs--guarantees .table__row--header .table__col--benchmark {
  padding-bottom: 11px;
  margin-right: 20px;
  text-align: center;
}
.table__jobs--guarantees .table__row--header .table__col--benchmark:last-child {
  margin-right: 0;
}
.table__jobs--guarantees .table__row--body .table__col--benchmark {
  padding: 10px 0;
  margin-right: 20px;
  text-align: center;
}
.table__jobs--guarantees .table__row--body .table__col--benchmark:last-child {
  margin-right: 0;
}
.table__jobs--guarantees .table__col--guarantee-extended {
  width: 73px;
  flex-shrink: 0;
}
.table__jobs--guarantees .table__col--guarantee-extended:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__jobs--guarantees .table__row--header .table__col--guarantee-extended {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__jobs--guarantees .table__row--header .table__col--guarantee-extended:last-child {
  margin-right: 0;
}
.table__jobs--guarantees .table__row--body .table__col--guarantee-extended {
  padding: 10px 0;
  margin-right: 20px;
  text-align: center;
}
.table__jobs--guarantees .table__row--body .table__col--guarantee-extended:last-child {
  margin-right: 0;
}
.table__jobs--guarantees .table__col--status {
  width: 101px;
  flex-shrink: 0;
}
.table__jobs--guarantees .table__col--status:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__jobs--guarantees .table__row--header .table__col--status {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__jobs--guarantees .table__row--header .table__col--status:last-child {
  margin-right: 0;
}
.table__jobs--guarantees .table__row--body .table__col--status {
  padding: 10px 0;
  margin-right: 20px;
}
.table__jobs--guarantees .table__row--body .table__col--status:last-child {
  margin-right: 0;
}
.table__jobs--guarantees .table__col--actions {
  width: 115px;
  flex-shrink: 0;
}
.table__jobs--guarantees .table__col--actions:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__jobs--guarantees .table__row--header .table__col--actions {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__jobs--guarantees .table__row--header .table__col--actions:last-child {
  margin-right: 0;
}
.table__jobs--guarantees .table__row--body .table__col--actions {
  padding: 10px 0;
  margin-right: 20px;
}
.table__jobs--guarantees .table__row--body .table__col--actions:last-child {
  margin-right: 0;
}
.table__leads--open .table__col--date {
  width: 101px;
  flex-shrink: 0;
}
.table__leads--open .table__col--date:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__leads--open .table__row--header .table__col--date {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__leads--open .table__row--header .table__col--date:last-child {
  margin-right: 0;
}
.table__leads--open .table__row--body .table__col--date {
  padding: 10px 0;
  margin-right: 20px;
}
.table__leads--open .table__row--body .table__col--date:last-child {
  margin-right: 0;
}
.table__leads--open .table__col--postcode {
  width: 73px;
  flex-shrink: 0;
}
.table__leads--open .table__col--postcode:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__leads--open .table__row--header .table__col--postcode {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__leads--open .table__row--header .table__col--postcode:last-child {
  margin-right: 0;
}
.table__leads--open .table__row--body .table__col--postcode {
  padding: 10px 0;
  margin-right: 20px;
}
.table__leads--open .table__row--body .table__col--postcode:last-child {
  margin-right: 0;
}
.table__leads--open .table__col--finance {
  width: 70px;
  flex-shrink: 0;
}
.table__leads--open .table__col--finance:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__leads--open .table__row--header .table__col--finance {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__leads--open .table__row--header .table__col--finance:last-child {
  margin-right: 0;
}
.table__leads--open .table__row--body .table__col--finance {
  padding: 10px 0;
  margin-right: 20px;
}
.table__leads--open .table__row--body .table__col--finance:last-child {
  margin-right: 0;
}
.table__leads--open .table__col--priority {
  width: 58px;
  flex-shrink: 0;
}
.table__leads--open .table__col--priority:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__leads--open .table__row--header .table__col--priority {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__leads--open .table__row--header .table__col--priority:last-child {
  margin-right: 0;
}
.table__leads--open .table__row--body .table__col--priority {
  padding: 10px 0;
  margin-right: 20px;
}
.table__leads--open .table__row--body .table__col--priority:last-child {
  margin-right: 0;
}
.table__leads--open .table__col--status {
  width: 211px;
  flex-shrink: 0;
}
.table__leads--open .table__col--status:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__leads--open .table__row--header .table__col--status {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__leads--open .table__row--header .table__col--status:last-child {
  margin-right: 0;
}
.table__leads--open .table__row--body .table__col--status {
  padding: 10px 0;
  margin-right: 20px;
}
.table__leads--open .table__row--body .table__col--status:last-child {
  margin-right: 0;
}
.table__leads--open .table__col--view {
  width: 70px;
  flex-shrink: 0;
}
.table__leads--open .table__col--view:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__leads--open .table__row--header .table__col--view {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__leads--open .table__row--header .table__col--view:last-child {
  margin-right: 0;
}
.table__leads--open .table__row--body .table__col--view {
  padding: 10px 0;
  margin-right: 20px;
}
.table__leads--open .table__row--body .table__col--view:last-child {
  margin-right: 0;
}
.table__leads--completed .table__col--date {
  width: 101px;
  flex-shrink: 0;
}
.table__leads--completed .table__col--date:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__leads--completed .table__row--header .table__col--date {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__leads--completed .table__row--header .table__col--date:last-child {
  margin-right: 0;
}
.table__leads--completed .table__row--body .table__col--date {
  padding: 10px 0;
  margin-right: 20px;
}
.table__leads--completed .table__row--body .table__col--date:last-child {
  margin-right: 0;
}
.table__leads--completed .table__col--customer {
  width: 140px;
  flex-shrink: 0;
}
.table__leads--completed .table__col--customer:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__leads--completed .table__row--header .table__col--customer {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__leads--completed .table__row--header .table__col--customer:last-child {
  margin-right: 0;
}
.table__leads--completed .table__row--body .table__col--customer {
  padding: 10px 0;
  margin-right: 20px;
}
.table__leads--completed .table__row--body .table__col--customer:last-child {
  margin-right: 0;
}
.table__leads--completed .table__col--postcode {
  width: 73px;
  flex-shrink: 0;
}
.table__leads--completed .table__col--postcode:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__leads--completed .table__row--header .table__col--postcode {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__leads--completed .table__row--header .table__col--postcode:last-child {
  margin-right: 0;
}
.table__leads--completed .table__row--body .table__col--postcode {
  padding: 10px 0;
  margin-right: 20px;
}
.table__leads--completed .table__row--body .table__col--postcode:last-child {
  margin-right: 0;
}
.table__leads--completed .table__col--finance {
  width: 70px;
  flex-shrink: 0;
}
.table__leads--completed .table__col--finance:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__leads--completed .table__row--header .table__col--finance {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__leads--completed .table__row--header .table__col--finance:last-child {
  margin-right: 0;
}
.table__leads--completed .table__row--body .table__col--finance {
  padding: 10px 0;
  margin-right: 20px;
}
.table__leads--completed .table__row--body .table__col--finance:last-child {
  margin-right: 0;
}
.table__leads--completed .table__col--priority {
  width: 58px;
  flex-shrink: 0;
}
.table__leads--completed .table__col--priority:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__leads--completed .table__row--header .table__col--priority {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__leads--completed .table__row--header .table__col--priority:last-child {
  margin-right: 0;
}
.table__leads--completed .table__row--body .table__col--priority {
  padding: 10px 0;
  margin-right: 20px;
}
.table__leads--completed .table__row--body .table__col--priority:last-child {
  margin-right: 0;
}
.table__leads--completed .table__col--status {
  width: 200px;
  flex-shrink: 0;
}
.table__leads--completed .table__col--status:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__leads--completed .table__row--header .table__col--status {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__leads--completed .table__row--header .table__col--status:last-child {
  margin-right: 0;
}
.table__leads--completed .table__row--body .table__col--status {
  padding: 10px 0;
  margin-right: 20px;
}
.table__leads--completed .table__row--body .table__col--status:last-child {
  margin-right: 0;
}
.table__leads--completed .table__col--view {
  width: 70px;
  flex-shrink: 0;
}
.table__leads--completed .table__col--view:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__leads--completed .table__row--header .table__col--view {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__leads--completed .table__row--header .table__col--view:last-child {
  margin-right: 0;
}
.table__leads--completed .table__row--body .table__col--view {
  padding: 10px 0;
  margin-right: 20px;
}
.table__leads--completed .table__row--body .table__col--view:last-child {
  margin-right: 0;
}
.table__fasttrack--new .table__col--id {
  width: 60px;
  flex-shrink: 0;
}
.table__fasttrack--new .table__col--id:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__fasttrack--new .table__row--header .table__col--id {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__fasttrack--new .table__row--header .table__col--id:last-child {
  margin-right: 0;
}
.table__fasttrack--new .table__row--body .table__col--id {
  padding: 10px 0;
  margin-right: 20px;
}
.table__fasttrack--new .table__row--body .table__col--id:last-child {
  margin-right: 0;
}
.table__fasttrack--new .table__col--ordered {
  width: 90px;
  flex-shrink: 0;
}
.table__fasttrack--new .table__col--ordered:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__fasttrack--new .table__row--header .table__col--ordered {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__fasttrack--new .table__row--header .table__col--ordered:last-child {
  margin-right: 0;
}
.table__fasttrack--new .table__row--body .table__col--ordered {
  padding: 10px 0;
  margin-right: 20px;
}
.table__fasttrack--new .table__row--body .table__col--ordered:last-child {
  margin-right: 0;
}
.table__fasttrack--new .table__col--installed {
  width: 210px;
  flex-shrink: 0;
}
.table__fasttrack--new .table__col--installed:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__fasttrack--new .table__row--header .table__col--installed {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__fasttrack--new .table__row--header .table__col--installed:last-child {
  margin-right: 0;
}
.table__fasttrack--new .table__row--body .table__col--installed {
  padding: 10px 0;
  margin-right: 20px;
}
.table__fasttrack--new .table__row--body .table__col--installed:last-child {
  margin-right: 0;
}
.table__fasttrack--new .table__col--postcode {
  width: 73px;
  flex-shrink: 0;
}
.table__fasttrack--new .table__col--postcode:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__fasttrack--new .table__row--header .table__col--postcode {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__fasttrack--new .table__row--header .table__col--postcode:last-child {
  margin-right: 0;
}
.table__fasttrack--new .table__row--body .table__col--postcode {
  padding: 10px 0;
  margin-right: 20px;
}
.table__fasttrack--new .table__row--body .table__col--postcode:last-child {
  margin-right: 0;
}
.table__fasttrack--new .table__col--package {
  width: 134px;
  flex-shrink: 0;
}
.table__fasttrack--new .table__col--package:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__fasttrack--new .table__row--header .table__col--package {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__fasttrack--new .table__row--header .table__col--package:last-child {
  margin-right: 0;
}
.table__fasttrack--new .table__row--body .table__col--package {
  padding: 10px 0;
  margin-right: 20px;
}
.table__fasttrack--new .table__row--body .table__col--package:last-child {
  margin-right: 0;
}
.table__fasttrack--new .table__col--status {
  width: 131px;
  flex-shrink: 0;
}
.table__fasttrack--new .table__col--status:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__fasttrack--new .table__row--header .table__col--status {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__fasttrack--new .table__row--header .table__col--status:last-child {
  margin-right: 0;
}
.table__fasttrack--new .table__row--body .table__col--status {
  padding: 10px 0;
  margin-right: 20px;
}
.table__fasttrack--new .table__row--body .table__col--status:last-child {
  margin-right: 0;
}
.table__fasttrack--new .table__col--view {
  width: 70px;
  flex-shrink: 0;
}
.table__fasttrack--new .table__col--view:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__fasttrack--new .table__row--header .table__col--view {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__fasttrack--new .table__row--header .table__col--view:last-child {
  margin-right: 0;
}
.table__fasttrack--new .table__row--body .table__col--view {
  padding: 10px 0;
  margin-right: 20px;
}
.table__fasttrack--new .table__row--body .table__col--view:last-child {
  margin-right: 0;
}
.table__fasttrack--current .table__col--id {
  width: 60px;
  flex-shrink: 0;
}
.table__fasttrack--current .table__col--id:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__fasttrack--current .table__row--header .table__col--id {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__fasttrack--current .table__row--header .table__col--id:last-child {
  margin-right: 0;
}
.table__fasttrack--current .table__row--body .table__col--id {
  padding: 10px 0;
  margin-right: 20px;
}
.table__fasttrack--current .table__row--body .table__col--id:last-child {
  margin-right: 0;
}
.table__fasttrack--current .table__col--ordered {
  width: 90px;
  flex-shrink: 0;
}
.table__fasttrack--current .table__col--ordered:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__fasttrack--current .table__row--header .table__col--ordered {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__fasttrack--current .table__row--header .table__col--ordered:last-child {
  margin-right: 0;
}
.table__fasttrack--current .table__row--body .table__col--ordered {
  padding: 10px 0;
  margin-right: 20px;
}
.table__fasttrack--current .table__row--body .table__col--ordered:last-child {
  margin-right: 0;
}
.table__fasttrack--current .table__col--installed {
  width: 210px;
  flex-shrink: 0;
}
.table__fasttrack--current .table__col--installed:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__fasttrack--current .table__row--header .table__col--installed {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__fasttrack--current .table__row--header .table__col--installed:last-child {
  margin-right: 0;
}
.table__fasttrack--current .table__row--body .table__col--installed {
  padding: 10px 0;
  margin-right: 20px;
}
.table__fasttrack--current .table__row--body .table__col--installed:last-child {
  margin-right: 0;
}
.table__fasttrack--current .table__col--customer {
  width: 112px;
  flex-shrink: 0;
}
.table__fasttrack--current .table__col--customer:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__fasttrack--current .table__row--header .table__col--customer {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__fasttrack--current .table__row--header .table__col--customer:last-child {
  margin-right: 0;
}
.table__fasttrack--current .table__row--body .table__col--customer {
  padding: 10px 0;
  margin-right: 20px;
}
.table__fasttrack--current .table__row--body .table__col--customer:last-child {
  margin-right: 0;
}
.table__fasttrack--current .table__col--postcode {
  width: 73px;
  flex-shrink: 0;
}
.table__fasttrack--current .table__col--postcode:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__fasttrack--current .table__row--header .table__col--postcode {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__fasttrack--current .table__row--header .table__col--postcode:last-child {
  margin-right: 0;
}
.table__fasttrack--current .table__row--body .table__col--postcode {
  padding: 10px 0;
  margin-right: 20px;
}
.table__fasttrack--current .table__row--body .table__col--postcode:last-child {
  margin-right: 0;
}
.table__fasttrack--current .table__col--package {
  width: 134px;
  flex-shrink: 0;
}
.table__fasttrack--current .table__col--package:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__fasttrack--current .table__row--header .table__col--package {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__fasttrack--current .table__row--header .table__col--package:last-child {
  margin-right: 0;
}
.table__fasttrack--current .table__row--body .table__col--package {
  padding: 10px 0;
  margin-right: 20px;
}
.table__fasttrack--current .table__row--body .table__col--package:last-child {
  margin-right: 0;
}
.table__fasttrack--current .table__col--status {
  width: 131px;
  flex-shrink: 0;
}
.table__fasttrack--current .table__col--status:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__fasttrack--current .table__row--header .table__col--status {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__fasttrack--current .table__row--header .table__col--status:last-child {
  margin-right: 0;
}
.table__fasttrack--current .table__row--body .table__col--status {
  padding: 10px 0;
  margin-right: 20px;
}
.table__fasttrack--current .table__row--body .table__col--status:last-child {
  margin-right: 0;
}
.table__fasttrack--current .table__col--view {
  width: 70px;
  flex-shrink: 0;
}
.table__fasttrack--current .table__col--view:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__fasttrack--current .table__row--header .table__col--view {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__fasttrack--current .table__row--header .table__col--view:last-child {
  margin-right: 0;
}
.table__fasttrack--current .table__row--body .table__col--view {
  padding: 10px 0;
  margin-right: 20px;
}
.table__fasttrack--current .table__row--body .table__col--view:last-child {
  margin-right: 0;
}
.table__surveys--awaiting .table__col--id {
  width: 60px;
  flex-shrink: 0;
}
.table__surveys--awaiting .table__col--id:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__surveys--awaiting .table__row--header .table__col--id {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__surveys--awaiting .table__row--header .table__col--id:last-child {
  margin-right: 0;
}
.table__surveys--awaiting .table__row--body .table__col--id {
  padding: 10px 0;
  margin-right: 20px;
}
.table__surveys--awaiting .table__row--body .table__col--id:last-child {
  margin-right: 0;
}
.table__surveys--awaiting .table__col--ordered {
  width: 90px;
  flex-shrink: 0;
}
.table__surveys--awaiting .table__col--ordered:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__surveys--awaiting .table__row--header .table__col--ordered {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__surveys--awaiting .table__row--header .table__col--ordered:last-child {
  margin-right: 0;
}
.table__surveys--awaiting .table__row--body .table__col--ordered {
  padding: 10px 0;
  margin-right: 20px;
}
.table__surveys--awaiting .table__row--body .table__col--ordered:last-child {
  margin-right: 0;
}
.table__surveys--awaiting .table__col--installed {
  width: 210px;
  flex-shrink: 0;
}
.table__surveys--awaiting .table__col--installed:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__surveys--awaiting .table__row--header .table__col--installed {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__surveys--awaiting .table__row--header .table__col--installed:last-child {
  margin-right: 0;
}
.table__surveys--awaiting .table__row--body .table__col--installed {
  padding: 10px 0;
  margin-right: 20px;
}
.table__surveys--awaiting .table__row--body .table__col--installed:last-child {
  margin-right: 0;
}
.table__surveys--awaiting .table__col--customer {
  width: 112px;
  flex-shrink: 0;
}
.table__surveys--awaiting .table__col--customer:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__surveys--awaiting .table__row--header .table__col--customer {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__surveys--awaiting .table__row--header .table__col--customer:last-child {
  margin-right: 0;
}
.table__surveys--awaiting .table__row--body .table__col--customer {
  padding: 10px 0;
  margin-right: 20px;
}
.table__surveys--awaiting .table__row--body .table__col--customer:last-child {
  margin-right: 0;
}
.table__surveys--awaiting .table__col--postcode {
  width: 73px;
  flex-shrink: 0;
}
.table__surveys--awaiting .table__col--postcode:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__surveys--awaiting .table__row--header .table__col--postcode {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__surveys--awaiting .table__row--header .table__col--postcode:last-child {
  margin-right: 0;
}
.table__surveys--awaiting .table__row--body .table__col--postcode {
  padding: 10px 0;
  margin-right: 20px;
}
.table__surveys--awaiting .table__row--body .table__col--postcode:last-child {
  margin-right: 0;
}
.table__surveys--awaiting .table__col--package {
  width: 134px;
  flex-shrink: 0;
}
.table__surveys--awaiting .table__col--package:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__surveys--awaiting .table__row--header .table__col--package {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__surveys--awaiting .table__row--header .table__col--package:last-child {
  margin-right: 0;
}
.table__surveys--awaiting .table__row--body .table__col--package {
  padding: 10px 0;
  margin-right: 20px;
}
.table__surveys--awaiting .table__row--body .table__col--package:last-child {
  margin-right: 0;
}
.table__surveys--awaiting .table__col--status {
  width: 131px;
  flex-shrink: 0;
}
.table__surveys--awaiting .table__col--status:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__surveys--awaiting .table__row--header .table__col--status {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__surveys--awaiting .table__row--header .table__col--status:last-child {
  margin-right: 0;
}
.table__surveys--awaiting .table__row--body .table__col--status {
  padding: 10px 0;
  margin-right: 20px;
}
.table__surveys--awaiting .table__row--body .table__col--status:last-child {
  margin-right: 0;
}
.table__surveys--awaiting .table__col--view {
  width: 70px;
  flex-shrink: 0;
}
.table__surveys--awaiting .table__col--view:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__surveys--awaiting .table__row--header .table__col--view {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__surveys--awaiting .table__row--header .table__col--view:last-child {
  margin-right: 0;
}
.table__surveys--awaiting .table__row--body .table__col--view {
  padding: 10px 0;
  margin-right: 20px;
}
.table__surveys--awaiting .table__row--body .table__col--view:last-child {
  margin-right: 0;
}
.table__surveys--completed .table__col--id {
  width: 60px;
  flex-shrink: 0;
}
.table__surveys--completed .table__col--id:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__surveys--completed .table__row--header .table__col--id {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__surveys--completed .table__row--header .table__col--id:last-child {
  margin-right: 0;
}
.table__surveys--completed .table__row--body .table__col--id {
  padding: 10px 0;
  margin-right: 20px;
}
.table__surveys--completed .table__row--body .table__col--id:last-child {
  margin-right: 0;
}
.table__surveys--completed .table__col--ordered {
  width: 90px;
  flex-shrink: 0;
}
.table__surveys--completed .table__col--ordered:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__surveys--completed .table__row--header .table__col--ordered {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__surveys--completed .table__row--header .table__col--ordered:last-child {
  margin-right: 0;
}
.table__surveys--completed .table__row--body .table__col--ordered {
  padding: 10px 0;
  margin-right: 20px;
}
.table__surveys--completed .table__row--body .table__col--ordered:last-child {
  margin-right: 0;
}
.table__surveys--completed .table__col--installed {
  width: 210px;
  flex-shrink: 0;
}
.table__surveys--completed .table__col--installed:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__surveys--completed .table__row--header .table__col--installed {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__surveys--completed .table__row--header .table__col--installed:last-child {
  margin-right: 0;
}
.table__surveys--completed .table__row--body .table__col--installed {
  padding: 10px 0;
  margin-right: 20px;
}
.table__surveys--completed .table__row--body .table__col--installed:last-child {
  margin-right: 0;
}
.table__surveys--completed .table__col--customer {
  width: 112px;
  flex-shrink: 0;
}
.table__surveys--completed .table__col--customer:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__surveys--completed .table__row--header .table__col--customer {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__surveys--completed .table__row--header .table__col--customer:last-child {
  margin-right: 0;
}
.table__surveys--completed .table__row--body .table__col--customer {
  padding: 10px 0;
  margin-right: 20px;
}
.table__surveys--completed .table__row--body .table__col--customer:last-child {
  margin-right: 0;
}
.table__surveys--completed .table__col--postcode {
  width: 73px;
  flex-shrink: 0;
}
.table__surveys--completed .table__col--postcode:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__surveys--completed .table__row--header .table__col--postcode {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__surveys--completed .table__row--header .table__col--postcode:last-child {
  margin-right: 0;
}
.table__surveys--completed .table__row--body .table__col--postcode {
  padding: 10px 0;
  margin-right: 20px;
}
.table__surveys--completed .table__row--body .table__col--postcode:last-child {
  margin-right: 0;
}
.table__surveys--completed .table__col--package {
  width: 134px;
  flex-shrink: 0;
}
.table__surveys--completed .table__col--package:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__surveys--completed .table__row--header .table__col--package {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__surveys--completed .table__row--header .table__col--package:last-child {
  margin-right: 0;
}
.table__surveys--completed .table__row--body .table__col--package {
  padding: 10px 0;
  margin-right: 20px;
}
.table__surveys--completed .table__row--body .table__col--package:last-child {
  margin-right: 0;
}
.table__surveys--completed .table__col--status {
  width: 131px;
  flex-shrink: 0;
}
.table__surveys--completed .table__col--status:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__surveys--completed .table__row--header .table__col--status {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__surveys--completed .table__row--header .table__col--status:last-child {
  margin-right: 0;
}
.table__surveys--completed .table__row--body .table__col--status {
  padding: 10px 0;
  margin-right: 20px;
}
.table__surveys--completed .table__row--body .table__col--status:last-child {
  margin-right: 0;
}
.table__surveys--completed .table__col--view {
  width: 70px;
  flex-shrink: 0;
}
.table__surveys--completed .table__col--view:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__surveys--completed .table__row--header .table__col--view {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__surveys--completed .table__row--header .table__col--view:last-child {
  margin-right: 0;
}
.table__surveys--completed .table__row--body .table__col--view {
  padding: 10px 0;
  margin-right: 20px;
}
.table__surveys--completed .table__row--body .table__col--view:last-child {
  margin-right: 0;
}
.table__completed--orders .table__col--id {
  width: 60px;
  flex-shrink: 0;
}
.table__completed--orders .table__col--id:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__completed--orders .table__row--header .table__col--id {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__completed--orders .table__row--header .table__col--id:last-child {
  margin-right: 0;
}
.table__completed--orders .table__row--body .table__col--id {
  padding: 10px 0;
  margin-right: 20px;
}
.table__completed--orders .table__row--body .table__col--id:last-child {
  margin-right: 0;
}
.table__completed--orders .table__col--ordered {
  width: 90px;
  flex-shrink: 0;
}
.table__completed--orders .table__col--ordered:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__completed--orders .table__row--header .table__col--ordered {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__completed--orders .table__row--header .table__col--ordered:last-child {
  margin-right: 0;
}
.table__completed--orders .table__row--body .table__col--ordered {
  padding: 10px 0;
  margin-right: 20px;
}
.table__completed--orders .table__row--body .table__col--ordered:last-child {
  margin-right: 0;
}
.table__completed--orders .table__col--installed {
  width: 210px;
  flex-shrink: 0;
}
.table__completed--orders .table__col--installed:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__completed--orders .table__row--header .table__col--installed {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__completed--orders .table__row--header .table__col--installed:last-child {
  margin-right: 0;
}
.table__completed--orders .table__row--body .table__col--installed {
  padding: 10px 0;
  margin-right: 20px;
}
.table__completed--orders .table__row--body .table__col--installed:last-child {
  margin-right: 0;
}
.table__completed--orders .table__col--customer {
  width: 112px;
  flex-shrink: 0;
}
.table__completed--orders .table__col--customer:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__completed--orders .table__row--header .table__col--customer {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__completed--orders .table__row--header .table__col--customer:last-child {
  margin-right: 0;
}
.table__completed--orders .table__row--body .table__col--customer {
  padding: 10px 0;
  margin-right: 20px;
}
.table__completed--orders .table__row--body .table__col--customer:last-child {
  margin-right: 0;
}
.table__completed--orders .table__col--postcode {
  width: 73px;
  flex-shrink: 0;
}
.table__completed--orders .table__col--postcode:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__completed--orders .table__row--header .table__col--postcode {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__completed--orders .table__row--header .table__col--postcode:last-child {
  margin-right: 0;
}
.table__completed--orders .table__row--body .table__col--postcode {
  padding: 10px 0;
  margin-right: 20px;
}
.table__completed--orders .table__row--body .table__col--postcode:last-child {
  margin-right: 0;
}
.table__completed--orders .table__col--package {
  width: 134px;
  flex-shrink: 0;
}
.table__completed--orders .table__col--package:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__completed--orders .table__row--header .table__col--package {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__completed--orders .table__row--header .table__col--package:last-child {
  margin-right: 0;
}
.table__completed--orders .table__row--body .table__col--package {
  padding: 10px 0;
  margin-right: 20px;
}
.table__completed--orders .table__row--body .table__col--package:last-child {
  margin-right: 0;
}
.table__completed--orders .table__col--status {
  width: 131px;
  flex-shrink: 0;
}
.table__completed--orders .table__col--status:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__completed--orders .table__row--header .table__col--status {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__completed--orders .table__row--header .table__col--status:last-child {
  margin-right: 0;
}
.table__completed--orders .table__row--body .table__col--status {
  padding: 10px 0;
  margin-right: 20px;
}
.table__completed--orders .table__row--body .table__col--status:last-child {
  margin-right: 0;
}
.table__completed--orders .table__col--view {
  width: 70px;
  flex-shrink: 0;
}
.table__completed--orders .table__col--view:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__completed--orders .table__row--header .table__col--view {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__completed--orders .table__row--header .table__col--view:last-child {
  margin-right: 0;
}
.table__completed--orders .table__row--body .table__col--view {
  padding: 10px 0;
  margin-right: 20px;
}
.table__completed--orders .table__row--body .table__col--view:last-child {
  margin-right: 0;
}
.table__guarantees--completed .table__col--installed {
  width: 81px;
  flex-shrink: 0;
}
.table__guarantees--completed .table__col--installed:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__guarantees--completed .table__row--header .table__col--installed {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__guarantees--completed .table__row--header .table__col--installed:last-child {
  margin-right: 0;
}
.table__guarantees--completed .table__row--body .table__col--installed {
  padding: 10px 0;
  margin-right: 20px;
}
.table__guarantees--completed .table__row--body .table__col--installed:last-child {
  margin-right: 0;
}
.table__guarantees--completed .table__col--submitted {
  width: 81px;
  flex-shrink: 0;
}
.table__guarantees--completed .table__col--submitted:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__guarantees--completed .table__row--header .table__col--submitted {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__guarantees--completed .table__row--header .table__col--submitted:last-child {
  margin-right: 0;
}
.table__guarantees--completed .table__row--body .table__col--submitted {
  padding: 10px 0;
  margin-right: 20px;
}
.table__guarantees--completed .table__row--body .table__col--submitted:last-child {
  margin-right: 0;
}
.table__guarantees--completed .table__col--customer {
  width: 141px;
  flex-shrink: 0;
}
.table__guarantees--completed .table__col--customer:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__guarantees--completed .table__row--header .table__col--customer {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__guarantees--completed .table__row--header .table__col--customer:last-child {
  margin-right: 0;
}
.table__guarantees--completed .table__row--body .table__col--customer {
  padding: 10px 0;
  margin-right: 20px;
}
.table__guarantees--completed .table__row--body .table__col--customer:last-child {
  margin-right: 0;
}
.table__guarantees--completed .table__col--postcode {
  width: 73px;
  flex-shrink: 0;
}
.table__guarantees--completed .table__col--postcode:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__guarantees--completed .table__row--header .table__col--postcode {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__guarantees--completed .table__row--header .table__col--postcode:last-child {
  margin-right: 0;
}
.table__guarantees--completed .table__row--body .table__col--postcode {
  padding: 10px 0;
  margin-right: 20px;
}
.table__guarantees--completed .table__row--body .table__col--postcode:last-child {
  margin-right: 0;
}
.table__guarantees--completed .table__col--gassafe {
  width: 71px;
  flex-shrink: 0;
}
.table__guarantees--completed .table__col--gassafe:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__guarantees--completed .table__row--header .table__col--gassafe {
  padding-bottom: 11px;
  margin-right: 20px;
  text-align: center;
}
.table__guarantees--completed .table__row--header .table__col--gassafe:last-child {
  margin-right: 0;
}
.table__guarantees--completed .table__row--body .table__col--gassafe {
  padding: 10px 0;
  margin-right: 20px;
  text-align: center;
}
.table__guarantees--completed .table__row--body .table__col--gassafe:last-child {
  margin-right: 0;
}
.table__guarantees--completed .table__col--guarantee-extended {
  width: 73px;
  flex-shrink: 0;
}
.table__guarantees--completed .table__col--guarantee-extended:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__guarantees--completed .table__row--header .table__col--guarantee-extended {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__guarantees--completed .table__row--header .table__col--guarantee-extended:last-child {
  margin-right: 0;
}
.table__guarantees--completed .table__row--body .table__col--guarantee-extended {
  padding: 10px 0;
  margin-right: 20px;
  text-align: center;
}
.table__guarantees--completed .table__row--body .table__col--guarantee-extended:last-child {
  margin-right: 0;
}
.table__guarantees--completed .table__col--benchmark {
  width: 160px;
  flex-shrink: 0;
}
.table__guarantees--completed .table__col--benchmark:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__guarantees--completed .table__row--header .table__col--benchmark {
  padding-bottom: 11px;
  margin-right: 20px;
  text-align: center;
}
.table__guarantees--completed .table__row--header .table__col--benchmark:last-child {
  margin-right: 0;
}
.table__guarantees--completed .table__row--body .table__col--benchmark {
  padding: 10px 0;
  margin-right: 20px;
  text-align: center;
}
.table__guarantees--completed .table__row--body .table__col--benchmark:last-child {
  margin-right: 0;
}
.table__guarantees--completed .table__col--status {
  width: 217px;
  flex-shrink: 0;
}
.table__guarantees--completed .table__col--status:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__guarantees--completed .table__row--header .table__col--status {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__guarantees--completed .table__row--header .table__col--status:last-child {
  margin-right: 0;
}
.table__guarantees--completed .table__row--body .table__col--status {
  padding: 10px 0;
  margin-right: 20px;
}
.table__guarantees--completed .table__row--body .table__col--status:last-child {
  margin-right: 0;
}
.table__guarantees--completed .table__col--certificate {
  width: 217px;
  flex-shrink: 0;
}
.table__guarantees--completed .table__col--certificate:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__guarantees--completed .table__row--header .table__col--certificate {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__guarantees--completed .table__row--header .table__col--certificate:last-child {
  margin-right: 0;
}
.table__guarantees--completed .table__row--body .table__col--certificate {
  padding: 10px 0;
  margin-right: 20px;
}
.table__guarantees--completed .table__row--body .table__col--certificate:last-child {
  margin-right: 0;
}
.table__guarantees--completed .table__col--created {
  width: 120px;
  flex-shrink: 0;
}
.table__guarantees--completed .table__col--created:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__guarantees--completed .table__row--header .table__col--created {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__guarantees--completed .table__row--header .table__col--created:last-child {
  margin-right: 0;
}
.table__guarantees--completed .table__row--body .table__col--created {
  padding: 10px 0;
  margin-right: 20px;
}
.table__guarantees--completed .table__row--body .table__col--created:last-child {
  margin-right: 0;
}
.table__guarantees--completed .table__col--filters {
  width: 800px;
  flex-shrink: 0;
}
.table__guarantees--completed .table__col--filters:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__guarantees--completed .table__row--header .table__col--filters {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__guarantees--completed .table__row--header .table__col--filters:last-child {
  margin-right: 0;
}
.table__guarantees--completed .table__row--body .table__col--filters {
  padding: 10px 0;
  margin-right: 20px;
}
.table__guarantees--completed .table__row--body .table__col--filters:last-child {
  margin-right: 0;
}
.table__guarantees--completed .table__col--download {
  width: 115px;
  flex-shrink: 0;
}
.table__guarantees--completed .table__col--download:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__guarantees--completed .table__row--header .table__col--download {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__guarantees--completed .table__row--header .table__col--download:last-child {
  margin-right: 0;
}
.table__guarantees--completed .table__row--body .table__col--download {
  padding: 10px 0;
  margin-right: 20px;
}
.table__guarantees--completed .table__row--body .table__col--download:last-child {
  margin-right: 0;
}
.table__guarantees--completed .table__col--actions {
  width: 115px;
  flex-shrink: 0;
}
.table__guarantees--completed .table__col--actions:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__guarantees--completed .table__row--header .table__col--actions {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__guarantees--completed .table__row--header .table__col--actions:last-child {
  margin-right: 0;
}
.table__guarantees--completed .table__row--body .table__col--actions {
  padding: 10px 0;
  margin-right: 20px;
}
.table__guarantees--completed .table__row--body .table__col--actions:last-child {
  margin-right: 0;
}
.table__settings--engineers .table__col--name {
  width: 141px;
  flex-shrink: 0;
}
.table__settings--engineers .table__col--name:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__settings--engineers .table__row--header .table__col--name {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__settings--engineers .table__row--header .table__col--name:last-child {
  margin-right: 0;
}
.table__settings--engineers .table__row--body .table__col--name {
  padding: 10px 0;
  margin-right: 20px;
}
.table__settings--engineers .table__row--body .table__col--name:last-child {
  margin-right: 0;
}
.table__settings--engineers .table__col--email {
  width: 195px;
  flex-shrink: 0;
}
.table__settings--engineers .table__col--email:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__settings--engineers .table__row--header .table__col--email {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__settings--engineers .table__row--header .table__col--email:last-child {
  margin-right: 0;
}
.table__settings--engineers .table__row--body .table__col--email {
  padding: 10px 0;
  margin-right: 20px;
}
.table__settings--engineers .table__row--body .table__col--email:last-child {
  margin-right: 0;
}
.table__settings--engineers .table__col--joined {
  width: 94px;
  flex-shrink: 0;
}
.table__settings--engineers .table__col--joined:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__settings--engineers .table__row--header .table__col--joined {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__settings--engineers .table__row--header .table__col--joined:last-child {
  margin-right: 0;
}
.table__settings--engineers .table__row--body .table__col--joined {
  padding: 10px 0;
  margin-right: 20px;
}
.table__settings--engineers .table__row--body .table__col--joined:last-child {
  margin-right: 0;
}
.table__settings--engineers .table__col--remove {
  width: 95px;
  flex-shrink: 0;
}
.table__settings--engineers .table__col--remove:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__settings--engineers .table__row--header .table__col--remove {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__settings--engineers .table__row--header .table__col--remove:last-child {
  margin-right: 0;
}
.table__settings--engineers .table__row--body .table__col--remove {
  padding: 10px 0;
  margin-right: 20px;
}
.table__settings--engineers .table__row--body .table__col--remove:last-child {
  margin-right: 0;
}
.table__guarantees--product .table__col--product {
  width: 323px;
  flex-shrink: 0;
}
.table__guarantees--product .table__col--product:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__guarantees--product .table__row--header .table__col--product {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__guarantees--product .table__row--header .table__col--product:last-child {
  margin-right: 0;
}
.table__guarantees--product .table__row--body .table__col--product {
  padding: 10px 0;
  margin-right: 20px;
}
.table__guarantees--product .table__row--body .table__col--product:last-child {
  margin-right: 0;
}
.table__guarantees--product .table__col--serial {
  width: 196px;
  flex-shrink: 0;
}
.table__guarantees--product .table__col--serial:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__guarantees--product .table__row--header .table__col--serial {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__guarantees--product .table__row--header .table__col--serial:last-child {
  margin-right: 0;
}
.table__guarantees--product .table__row--body .table__col--serial {
  padding: 10px 0;
  margin-right: 20px;
}
.table__guarantees--product .table__row--body .table__col--serial:last-child {
  margin-right: 0;
}
.table__guarantees--product .table__col--points {
  width: 50px;
  flex-shrink: 0;
}
.table__guarantees--product .table__col--points:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__guarantees--product .table__row--header .table__col--points {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__guarantees--product .table__row--header .table__col--points:last-child {
  margin-right: 0;
}
.table__guarantees--product .table__row--body .table__col--points {
  padding: 10px 0;
  margin-right: 20px;
}
.table__guarantees--product .table__row--body .table__col--points:last-child {
  margin-right: 0;
}
.table__guarantees--product .table__col--blank {
  width: 0;
  flex-shrink: 0;
}
.table__guarantees--product .table__col--blank:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__guarantees--product .table__row--header .table__col--blank {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__guarantees--product .table__row--header .table__col--blank:last-child {
  margin-right: 0;
}
.table__guarantees--product .table__row--body .table__col--blank {
  padding: 10px 0;
  margin-right: 20px;
}
.table__guarantees--product .table__row--body .table__col--blank:last-child {
  margin-right: 0;
}
.table__guarantees--promotions .table__col--promotions {
  width: 560px;
  flex-shrink: 0;
}
.table__guarantees--promotions .table__col--promotions:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__guarantees--promotions .table__row--header .table__col--promotions {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__guarantees--promotions .table__row--header .table__col--promotions:last-child {
  margin-right: 0;
}
.table__guarantees--promotions .table__row--body .table__col--promotions {
  padding: 10px 0;
  margin-right: 20px;
}
.table__guarantees--promotions .table__row--body .table__col--promotions:last-child {
  margin-right: 0;
}
.table__guarantees--promotions .table__col--points {
  width: 50px;
  flex-shrink: 0;
}
.table__guarantees--promotions .table__col--points:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__guarantees--promotions .table__row--header .table__col--points {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__guarantees--promotions .table__row--header .table__col--points:last-child {
  margin-right: 0;
}
.table__guarantees--promotions .table__row--body .table__col--points {
  padding: 10px 0;
  margin-right: 20px;
}
.table__guarantees--promotions .table__row--body .table__col--points:last-child {
  margin-right: 0;
}
.table__guarantees--promotions .table__col--blank {
  width: 0;
  flex-shrink: 0;
}
.table__guarantees--promotions .table__col--blank:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__guarantees--promotions .table__row--header .table__col--blank {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__guarantees--promotions .table__row--header .table__col--blank:last-child {
  margin-right: 0;
}
.table__guarantees--promotions .table__row--body .table__col--blank {
  padding: 10px 0;
  margin-right: 20px;
}
.table__guarantees--promotions .table__row--body .table__col--blank:last-child {
  margin-right: 0;
}
.table__fasttrack--responses .table__col--question {
  width: 249px;
  flex-shrink: 0;
}
.table__fasttrack--responses .table__col--question:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__fasttrack--responses .table__row--header .table__col--question {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__fasttrack--responses .table__row--header .table__col--question:last-child {
  margin-right: 0;
}
.table__fasttrack--responses .table__row--body .table__col--question {
  padding: 10px 0;
  margin-right: 20px;
}
.table__fasttrack--responses .table__row--body .table__col--question:last-child {
  margin-right: 0;
}
.table__fasttrack--responses .table__col--answer {
  width: 40px;
  flex-shrink: 0;
}
.table__fasttrack--responses .table__col--answer:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__fasttrack--responses .table__row--header .table__col--answer {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__fasttrack--responses .table__row--header .table__col--answer:last-child {
  margin-right: 0;
}
.table__fasttrack--responses .table__row--body .table__col--answer {
  padding: 10px 0;
  margin-right: 20px;
}
.table__fasttrack--responses .table__row--body .table__col--answer:last-child {
  margin-right: 0;
}
.table__fasttrack--responses .table__col--blank {
  width: 0;
  flex-shrink: 0;
}
.table__fasttrack--responses .table__col--blank:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__fasttrack--responses .table__row--header .table__col--blank {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__fasttrack--responses .table__row--header .table__col--blank:last-child {
  margin-right: 0;
}
.table__fasttrack--responses .table__row--body .table__col--blank {
  padding: 10px 0;
  margin-right: 20px;
}
.table__fasttrack--responses .table__row--body .table__col--blank:last-child {
  margin-right: 0;
}
.table__settings--showrooms .table__col--image {
  width: 80px;
  flex-shrink: 0;
}
.table__settings--showrooms .table__col--image:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__settings--showrooms .table__row--header .table__col--image {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__settings--showrooms .table__row--header .table__col--image:last-child {
  margin-right: 0;
}
.table__settings--showrooms .table__row--body .table__col--image {
  padding: 10px 0;
  margin-right: 20px;
}
.table__settings--showrooms .table__row--body .table__col--image:last-child {
  margin-right: 0;
}
.table__settings--showrooms .table__col--title {
  width: 73px;
  flex-shrink: 0;
}
.table__settings--showrooms .table__col--title:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__settings--showrooms .table__row--header .table__col--title {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__settings--showrooms .table__row--header .table__col--title:last-child {
  margin-right: 0;
}
.table__settings--showrooms .table__row--body .table__col--title {
  padding: 10px 0;
  margin-right: 20px;
}
.table__settings--showrooms .table__row--body .table__col--title:last-child {
  margin-right: 0;
}
.table__settings--showrooms .table__col--address {
  width: 190px;
  flex-shrink: 0;
}
.table__settings--showrooms .table__col--address:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__settings--showrooms .table__row--header .table__col--address {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__settings--showrooms .table__row--header .table__col--address:last-child {
  margin-right: 0;
}
.table__settings--showrooms .table__row--body .table__col--address {
  padding: 10px 0;
  margin-right: 20px;
}
.table__settings--showrooms .table__row--body .table__col--address:last-child {
  margin-right: 0;
}
.table__settings--showrooms .table__col--status {
  width: 70px;
  flex-shrink: 0;
}
.table__settings--showrooms .table__col--status:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__settings--showrooms .table__row--header .table__col--status {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__settings--showrooms .table__row--header .table__col--status:last-child {
  margin-right: 0;
}
.table__settings--showrooms .table__row--body .table__col--status {
  padding: 10px 0;
  margin-right: 20px;
}
.table__settings--showrooms .table__row--body .table__col--status:last-child {
  margin-right: 0;
}
.table__settings--showrooms .table__col--actions {
  width: 70px;
  flex-shrink: 0;
}
.table__settings--showrooms .table__col--actions:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__settings--showrooms .table__row--header .table__col--actions {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__settings--showrooms .table__row--header .table__col--actions:last-child {
  margin-right: 0;
}
.table__settings--showrooms .table__row--body .table__col--actions {
  padding: 10px 0;
  margin-right: 20px;
}
.table__settings--showrooms .table__row--body .table__col--actions:last-child {
  margin-right: 0;
}
.table__shop--history .table__col--order {
  width: 85px;
  flex-shrink: 0;
}
.table__shop--history .table__col--order:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__shop--history .table__row--header .table__col--order {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__shop--history .table__row--header .table__col--order:last-child {
  margin-right: 0;
}
.table__shop--history .table__row--body .table__col--order {
  padding: 10px 0;
  margin-right: 20px;
}
.table__shop--history .table__row--body .table__col--order:last-child {
  margin-right: 0;
}
.table__shop--history .table__col--date {
  width: 108px;
  flex-shrink: 0;
}
.table__shop--history .table__col--date:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__shop--history .table__row--header .table__col--date {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__shop--history .table__row--header .table__col--date:last-child {
  margin-right: 0;
}
.table__shop--history .table__row--body .table__col--date {
  padding: 10px 0;
  margin-right: 20px;
}
.table__shop--history .table__row--body .table__col--date:last-child {
  margin-right: 0;
}
.table__shop--history .table__col--quantity {
  width: 135px;
  flex-shrink: 0;
}
.table__shop--history .table__col--quantity:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__shop--history .table__row--header .table__col--quantity {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__shop--history .table__row--header .table__col--quantity:last-child {
  margin-right: 0;
}
.table__shop--history .table__row--body .table__col--quantity {
  padding: 10px 0;
  margin-right: 20px;
}
.table__shop--history .table__row--body .table__col--quantity:last-child {
  margin-right: 0;
}
.table__shop--history .table__col--status {
  width: 280px;
  flex-shrink: 0;
}
.table__shop--history .table__col--status:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__shop--history .table__row--header .table__col--status {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__shop--history .table__row--header .table__col--status:last-child {
  margin-right: 0;
}
.table__shop--history .table__row--body .table__col--status {
  padding: 10px 0;
  margin-right: 20px;
}
.table__shop--history .table__row--body .table__col--status:last-child {
  margin-right: 0;
}
.table__shop--history .table__col--view {
  width: 114px;
  flex-shrink: 0;
}
.table__shop--history .table__col--view:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__shop--history .table__row--header .table__col--view {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__shop--history .table__row--header .table__col--view:last-child {
  margin-right: 0;
}
.table__shop--history .table__row--body .table__col--view {
  padding: 10px 0;
  margin-right: 20px;
}
.table__shop--history .table__row--body .table__col--view:last-child {
  margin-right: 0;
}
.table__shop--order .table__col--product {
  width: 558px;
  flex-shrink: 0;
}
.table__shop--order .table__col--product:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__shop--order .table__row--header .table__col--product {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__shop--order .table__row--header .table__col--product:last-child {
  margin-right: 0;
}
.table__shop--order .table__row--body .table__col--product {
  padding: 10px 0;
  margin-right: 20px;
}
.table__shop--order .table__row--body .table__col--product:last-child {
  margin-right: 0;
}
.table__shop--order .table__col--quantity {
  width: 60px;
  flex-shrink: 0;
}
.table__shop--order .table__col--quantity:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__shop--order .table__row--header .table__col--quantity {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__shop--order .table__row--header .table__col--quantity:last-child {
  margin-right: 0;
}
.table__shop--order .table__row--body .table__col--quantity {
  padding: 10px 0;
  margin-right: 20px;
}
.table__shop--order .table__row--body .table__col--quantity:last-child {
  margin-right: 0;
}
.table__shop--order .table__col--price {
  width: 63px;
  flex-shrink: 0;
}
.table__shop--order .table__col--price:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__shop--order .table__row--header .table__col--price {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__shop--order .table__row--header .table__col--price:last-child {
  margin-right: 0;
}
.table__shop--order .table__row--body .table__col--price {
  padding: 10px 0;
  margin-right: 20px;
}
.table__shop--order .table__row--body .table__col--price:last-child {
  margin-right: 0;
}
.table__shop--order .table__col--subtotal {
  width: 63px;
  flex-shrink: 0;
}
.table__shop--order .table__col--subtotal:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__shop--order .table__row--header .table__col--subtotal {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__shop--order .table__row--header .table__col--subtotal:last-child {
  margin-right: 0;
}
.table__shop--order .table__row--body .table__col--subtotal {
  padding: 10px 0;
  margin-right: 20px;
}
.table__shop--order .table__row--body .table__col--subtotal:last-child {
  margin-right: 0;
}
.table__shop--order .table__col--blank {
  width: 0;
  flex-shrink: 0;
}
.table__shop--order .table__col--blank:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__shop--order .table__row--header .table__col--blank {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__shop--order .table__row--header .table__col--blank:last-child {
  margin-right: 0;
}
.table__shop--order .table__row--body .table__col--blank {
  padding: 10px 0;
  margin-right: 20px;
}
.table__shop--order .table__row--body .table__col--blank:last-child {
  margin-right: 0;
}
.table__shop--basket .table__col--product {
  width: 558px;
  flex-shrink: 0;
}
.table__shop--basket .table__col--product:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__shop--basket .table__row--header .table__col--product {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__shop--basket .table__row--header .table__col--product:last-child {
  margin-right: 0;
}
.table__shop--basket .table__row--body .table__col--product {
  padding: 10px 0;
  margin-right: 20px;
}
.table__shop--basket .table__row--body .table__col--product:last-child {
  margin-right: 0;
}
.table__shop--basket .table__col--quantity {
  width: 60px;
  flex-shrink: 0;
}
.table__shop--basket .table__col--quantity:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__shop--basket .table__row--header .table__col--quantity {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__shop--basket .table__row--header .table__col--quantity:last-child {
  margin-right: 0;
}
.table__shop--basket .table__row--body .table__col--quantity {
  padding: 10px 0;
  margin-right: 20px;
}
.table__shop--basket .table__row--body .table__col--quantity:last-child {
  margin-right: 0;
}
.table__shop--basket .table__col--price {
  width: 63px;
  flex-shrink: 0;
}
.table__shop--basket .table__col--price:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__shop--basket .table__row--header .table__col--price {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__shop--basket .table__row--header .table__col--price:last-child {
  margin-right: 0;
}
.table__shop--basket .table__row--body .table__col--price {
  padding: 10px 0;
  margin-right: 20px;
}
.table__shop--basket .table__row--body .table__col--price:last-child {
  margin-right: 0;
}
.table__shop--basket .table__col--subtotal {
  width: 63px;
  flex-shrink: 0;
}
.table__shop--basket .table__col--subtotal:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__shop--basket .table__row--header .table__col--subtotal {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__shop--basket .table__row--header .table__col--subtotal:last-child {
  margin-right: 0;
}
.table__shop--basket .table__row--body .table__col--subtotal {
  padding: 10px 0;
  margin-right: 20px;
}
.table__shop--basket .table__row--body .table__col--subtotal:last-child {
  margin-right: 0;
}
.table__shop--basket .table__col--delete {
  width: 20px;
  flex-shrink: 0;
}
.table__shop--basket .table__col--delete:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__shop--basket .table__row--header .table__col--delete {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__shop--basket .table__row--header .table__col--delete:last-child {
  margin-right: 0;
}
.table__shop--basket .table__row--body .table__col--delete {
  padding: 10px 0;
  margin-right: 20px;
}
.table__shop--basket .table__row--body .table__col--delete:last-child {
  margin-right: 0;
}
.table__checkout--order .table__col--product {
  width: 150px;
  flex-shrink: 0;
}
.table__checkout--order .table__col--product:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__checkout--order .table__row--header .table__col--product {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__checkout--order .table__row--header .table__col--product:last-child {
  margin-right: 0;
}
.table__checkout--order .table__row--body .table__col--product {
  padding: 10px 0;
  margin-right: 20px;
}
.table__checkout--order .table__row--body .table__col--product:last-child {
  margin-right: 0;
}
.table__checkout--order .table__col--quantity {
  width: 30px;
  flex-shrink: 0;
}
.table__checkout--order .table__col--quantity:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__checkout--order .table__row--header .table__col--quantity {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__checkout--order .table__row--header .table__col--quantity:last-child {
  margin-right: 0;
}
.table__checkout--order .table__row--body .table__col--quantity {
  padding: 10px 0;
  margin-right: 20px;
}
.table__checkout--order .table__row--body .table__col--quantity:last-child {
  margin-right: 0;
}
.table__checkout--order .table__col--subtotal {
  width: 64px;
  flex-shrink: 0;
}
.table__checkout--order .table__col--subtotal:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__checkout--order .table__row--header .table__col--subtotal {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__checkout--order .table__row--header .table__col--subtotal:last-child {
  margin-right: 0;
}
.table__checkout--order .table__row--body .table__col--subtotal {
  padding: 10px 0;
  margin-right: 20px;
}
.table__checkout--order .table__row--body .table__col--subtotal:last-child {
  margin-right: 0;
}
.table__claims--my .table__col--id {
  width: 120px;
  flex-shrink: 0;
}
.table__claims--my .table__col--id:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__claims--my .table__row--header .table__col--id {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__claims--my .table__row--header .table__col--id:last-child {
  margin-right: 0;
}
.table__claims--my .table__row--body .table__col--id {
  padding: 10px 0;
  margin-right: 20px;
}
.table__claims--my .table__row--body .table__col--id:last-child {
  margin-right: 0;
}
.table__claims--my .table__col--submitted {
  width: 140px;
  flex-shrink: 0;
}
.table__claims--my .table__col--submitted:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__claims--my .table__row--header .table__col--submitted {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__claims--my .table__row--header .table__col--submitted:last-child {
  margin-right: 0;
}
.table__claims--my .table__row--body .table__col--submitted {
  padding: 10px 0;
  margin-right: 20px;
}
.table__claims--my .table__row--body .table__col--submitted:last-child {
  margin-right: 0;
}
.table__claims--my .table__col--status {
  width: 289px;
  flex-shrink: 0;
}
.table__claims--my .table__col--status:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__claims--my .table__row--header .table__col--status {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__claims--my .table__row--header .table__col--status:last-child {
  margin-right: 0;
}
.table__claims--my .table__row--body .table__col--status {
  padding: 10px 0;
  margin-right: 20px;
}
.table__claims--my .table__row--body .table__col--status:last-child {
  margin-right: 0;
}
.table__claims--my .table__col--actions {
  width: 170px;
  flex-shrink: 0;
}
.table__claims--my .table__col--actions:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__claims--my .table__row--header .table__col--actions {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__claims--my .table__row--header .table__col--actions:last-child {
  margin-right: 0;
}
.table__claims--my .table__row--body .table__col--actions {
  padding: 10px 0;
  margin-right: 20px;
}
.table__claims--my .table__row--body .table__col--actions:last-child {
  margin-right: 0;
}
.table__claims--my .table__col--actions {
  text-align: left !important;
}
.table__advert--materials .table__col--name {
  width: 160px;
  flex-shrink: 0;
}
.table__advert--materials .table__col--name:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__advert--materials .table__row--header .table__col--name {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__advert--materials .table__row--header .table__col--name:last-child {
  margin-right: 0;
}
.table__advert--materials .table__row--body .table__col--name {
  padding: 10px 0;
  margin-right: 20px;
}
.table__advert--materials .table__row--body .table__col--name:last-child {
  margin-right: 0;
}
.table__advert--materials .table__col--type {
  width: 176px;
  flex-shrink: 0;
}
.table__advert--materials .table__col--type:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__advert--materials .table__row--header .table__col--type {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__advert--materials .table__row--header .table__col--type:last-child {
  margin-right: 0;
}
.table__advert--materials .table__row--body .table__col--type {
  padding: 10px 0;
  margin-right: 20px;
}
.table__advert--materials .table__row--body .table__col--type:last-child {
  margin-right: 0;
}
.table__advert--materials .table__col--date {
  width: 119px;
  flex-shrink: 0;
}
.table__advert--materials .table__col--date:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__advert--materials .table__row--header .table__col--date {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__advert--materials .table__row--header .table__col--date:last-child {
  margin-right: 0;
}
.table__advert--materials .table__row--body .table__col--date {
  padding: 10px 0;
  margin-right: 20px;
}
.table__advert--materials .table__row--body .table__col--date:last-child {
  margin-right: 0;
}
.table__advert--materials .table__col--actions {
  width: 322px;
  flex-shrink: 0;
}
.table__advert--materials .table__col--actions:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__advert--materials .table__row--header .table__col--actions {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__advert--materials .table__row--header .table__col--actions:last-child {
  margin-right: 0;
}
.table__advert--materials .table__row--body .table__col--actions {
  padding: 10px 0;
  margin-right: 20px;
}
.table__advert--materials .table__row--body .table__col--actions:last-child {
  margin-right: 0;
}
.table__fasttrack--upcoming .table__col--month {
  width: 160px;
  flex-shrink: 0;
}
.table__fasttrack--upcoming .table__col--month:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__fasttrack--upcoming .table__row--header .table__col--month {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__fasttrack--upcoming .table__row--header .table__col--month:last-child {
  margin-right: 0;
}
.table__fasttrack--upcoming .table__row--body .table__col--month {
  padding: 10px 0;
  margin-right: 20px;
}
.table__fasttrack--upcoming .table__row--body .table__col--month:last-child {
  margin-right: 0;
}
.table__fasttrack--upcoming .table__col--installations {
  width: 190px;
  flex-shrink: 0;
}
.table__fasttrack--upcoming .table__col--installations:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__fasttrack--upcoming .table__row--header .table__col--installations {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__fasttrack--upcoming .table__row--header .table__col--installations:last-child {
  margin-right: 0;
}
.table__fasttrack--upcoming .table__row--body .table__col--installations {
  padding: 10px 0;
  margin-right: 20px;
}
.table__fasttrack--upcoming .table__row--body .table__col--installations:last-child {
  margin-right: 0;
}
.table__fasttrack--upcoming .table__col--surveys {
  width: 155px;
  flex-shrink: 0;
}
.table__fasttrack--upcoming .table__col--surveys:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__fasttrack--upcoming .table__row--header .table__col--surveys {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__fasttrack--upcoming .table__row--header .table__col--surveys:last-child {
  margin-right: 0;
}
.table__fasttrack--upcoming .table__row--body .table__col--surveys {
  padding: 10px 0;
  margin-right: 20px;
}
.table__fasttrack--upcoming .table__row--body .table__col--surveys:last-child {
  margin-right: 0;
}
.table__fasttrack--upcoming .table__col--amount {
  width: 220px;
  flex-shrink: 0;
}
.table__fasttrack--upcoming .table__col--amount:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__fasttrack--upcoming .table__row--header .table__col--amount {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__fasttrack--upcoming .table__row--header .table__col--amount:last-child {
  margin-right: 0;
}
.table__fasttrack--upcoming .table__row--body .table__col--amount {
  padding: 10px 0;
  margin-right: 20px;
}
.table__fasttrack--upcoming .table__row--body .table__col--amount:last-child {
  margin-right: 0;
}
.table__fasttrack--upcoming .table__col--blank {
  width: 0;
  flex-shrink: 0;
}
.table__fasttrack--upcoming .table__col--blank:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__fasttrack--upcoming .table__row--header .table__col--blank {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__fasttrack--upcoming .table__row--header .table__col--blank:last-child {
  margin-right: 0;
}
.table__fasttrack--upcoming .table__row--body .table__col--blank {
  padding: 10px 0;
  margin-right: 20px;
}
.table__fasttrack--upcoming .table__row--body .table__col--blank:last-child {
  margin-right: 0;
}
.table__fasttrack--previous .table__col--month {
  width: 160px;
  flex-shrink: 0;
}
.table__fasttrack--previous .table__col--month:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__fasttrack--previous .table__row--header .table__col--month {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__fasttrack--previous .table__row--header .table__col--month:last-child {
  margin-right: 0;
}
.table__fasttrack--previous .table__row--body .table__col--month {
  padding: 10px 0;
  margin-right: 20px;
}
.table__fasttrack--previous .table__row--body .table__col--month:last-child {
  margin-right: 0;
}
.table__fasttrack--previous .table__col--installations {
  width: 190px;
  flex-shrink: 0;
}
.table__fasttrack--previous .table__col--installations:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__fasttrack--previous .table__row--header .table__col--installations {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__fasttrack--previous .table__row--header .table__col--installations:last-child {
  margin-right: 0;
}
.table__fasttrack--previous .table__row--body .table__col--installations {
  padding: 10px 0;
  margin-right: 20px;
}
.table__fasttrack--previous .table__row--body .table__col--installations:last-child {
  margin-right: 0;
}
.table__fasttrack--previous .table__col--surveys {
  width: 155px;
  flex-shrink: 0;
}
.table__fasttrack--previous .table__col--surveys:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__fasttrack--previous .table__row--header .table__col--surveys {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__fasttrack--previous .table__row--header .table__col--surveys:last-child {
  margin-right: 0;
}
.table__fasttrack--previous .table__row--body .table__col--surveys {
  padding: 10px 0;
  margin-right: 20px;
}
.table__fasttrack--previous .table__row--body .table__col--surveys:last-child {
  margin-right: 0;
}
.table__fasttrack--previous .table__col--invoiced {
  width: 220px;
  flex-shrink: 0;
}
.table__fasttrack--previous .table__col--invoiced:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__fasttrack--previous .table__row--header .table__col--invoiced {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__fasttrack--previous .table__row--header .table__col--invoiced:last-child {
  margin-right: 0;
}
.table__fasttrack--previous .table__row--body .table__col--invoiced {
  padding: 10px 0;
  margin-right: 20px;
}
.table__fasttrack--previous .table__row--body .table__col--invoiced:last-child {
  margin-right: 0;
}
.table__fasttrack--previous .table__col--date {
  width: 160px;
  flex-shrink: 0;
}
.table__fasttrack--previous .table__col--date:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__fasttrack--previous .table__row--header .table__col--date {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__fasttrack--previous .table__row--header .table__col--date:last-child {
  margin-right: 0;
}
.table__fasttrack--previous .table__row--body .table__col--date {
  padding: 10px 0;
  margin-right: 20px;
}
.table__fasttrack--previous .table__row--body .table__col--date:last-child {
  margin-right: 0;
}
.table__fasttrack--previous .table__col--paid {
  width: 60px;
  flex-shrink: 0;
}
.table__fasttrack--previous .table__col--paid:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__fasttrack--previous .table__row--header .table__col--paid {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__fasttrack--previous .table__row--header .table__col--paid:last-child {
  margin-right: 0;
}
.table__fasttrack--previous .table__row--body .table__col--paid {
  padding: 10px 0;
  margin-right: 20px;
}
.table__fasttrack--previous .table__row--body .table__col--paid:last-child {
  margin-right: 0;
}
.table__fasttrack--previous .table__col--blank {
  width: 0;
  flex-shrink: 0;
}
.table__fasttrack--previous .table__col--blank:last-child {
  flex-grow: 1;
  text-align: right;
}
.table__fasttrack--previous .table__row--header .table__col--blank {
  padding-bottom: 11px;
  margin-right: 20px;
}
.table__fasttrack--previous .table__row--header .table__col--blank:last-child {
  margin-right: 0;
}
.table__fasttrack--previous .table__row--body .table__col--blank {
  padding: 10px 0;
  margin-right: 20px;
}
.table__fasttrack--previous .table__row--body .table__col--blank:last-child {
  margin-right: 0;
}

/* @define tile */
.tile__advert--create {
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 100px;
}
.tile__advert--templates {
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 122px;
}
.tile__advert--templates:last-child {
  margin-bottom: 0;
}
.tile__advert--ctas {
  display: flex;
  flex-wrap: nowrap;
}
.tile__wai--quicklinks {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0 11.5px;
}
.tile__wai--news {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.tile__boxes--fasttrack {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.tile__download--results {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 35px;
}
.tile__shop--landing-old {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.tile__shop--landing {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  width: 95%;
  margin: 0 auto;
}
.tile__shop--index {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.tile__shop--index-browse {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.tile__shop--products {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 45px;
}
.tile__fasttrack--proof {
  display: flex;
  flex-flow: row wrap;
}
.tile__advert--ctas > .tile__item {
  width: 50%;
  margin: 40px 32px 40px 0;
}
.tile__advert--ctas > .tile__item:last-child {
  margin-right: 0;
}
.tile__advert--templates > .tile__item {
  width: calc(33.333% - 64px);
  margin-right: 32px;
}
.tile__advert--create > .tile__item {
  width: auto;
  height: 100%;
}
.tile__download--results > .tile__item {
  width: 33.333%;
  padding: 16px 0 24px 32px;
}
.tile__wai--quicklinks > .tile__item {
  flex: 0 1 50%;
}
.tile__wai--news > .tile__item {
  flex: 1 0 100%;
}
.tile__fasttrack--proof > .tile__item {
  margin: 40px auto;
  flex: 0 1 268px;
}
.tile__shop--landing-old > .tile__item {
  width: 100%;
  margin: 16px;
}
.tile__shop--landing > .tile__item {
  width: 100%;
  margin: 8px;
  flex: 0 1 268px;
  background: #FFFFFF;
}
.tile__shop--index > .tile__item {
  width: 100%;
  margin: 16px;
}
.tile__shop--products > .tile__item {
  width: calc(100% - 16px);
  margin: 20px 16px;
}
.tile__label {
  display: block;
  position: relative;
  height: 38px;
  margin-bottom: 16px;
  font-weight: 500;
}
.tile__consumer-portal--quicklinks {
  max-width: 420px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
}
.tile__consumer-portal--quicklinks > .tile__item {
  display: flex;
  justify-content: center;
  flex-basis: 50%;
  margin-bottom: 20px;
  /* stylelint-disable-next-line */
  /* stylelint-disable-next-line */
}
.tile__consumer-portal--quicklinks > .tile__item .quicklinks__icon {
  flex: 1 1 auto;
  max-height: 60px;
  margin: 0;
}
.tile__consumer-portal--quicklinks > .tile__item .quicklinks__text {
  padding: 0 16px;
}
.tile__quad {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  max-width: 1024px;
  padding: 0 15px;
  margin: 0 auto;
}
.tile__quad .tile__item {
  border-radius: 10px;
  text-align: center;
  text-decoration: none;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  flex: 0 0 100%;
  padding: 50px 40px 40px;
  margin-bottom: 24px;
}
.tile__quad .tile__item--image, .tile__quad .tile__item--heading, .tile__quad .tile__item--body {
  flex: 0 0 auto;
}
.tile__quad .tile__item:nth-child(1) {
  background-color: #B90276;
}
.tile__quad .tile__item:nth-child(2) {
  background-color: #50237F;
}
.tile__quad .tile__item:nth-child(3) {
  background-color: #005691;
}
.tile__quad .tile__item:nth-child(4) {
  background-color: #00A8B0;
}
.tile__quad .tile__item--image {
  fill: #FFFFFF;
  stroke-width: 0;
  height: 60px;
  width: auto;
  max-height: 60px;
  max-width: 60px;
}
.tile__quad .tile__item--heading {
  color: #FFFFFF;
  font-size: 24px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0px;
  text-decoration: none;
  margin-bottom: 0;
}
.tile__quad .tile__item--body {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 300;
  font-style: normal;
  letter-spacing: 0px;
  text-decoration: none;
  margin-bottom: 0;
}

/* @define toggle */
.toggle__content--show\@ts {
  display: none;
}
.toggle__content--hide\@ts {
  display: block;
}
.toggle__content--show\@ls {
  display: none;
}
.toggle__content--hide\@ls {
  display: block;
}

/* container for on-grid design without full width background color */
.e-container {
  width: calc(100% - 2rem);
  max-width: 1120px;
  margin: 0 1rem;
  /* all direct descendent get styles for max-width */
}
.e-container > * {
  max-width: 1120px;
  margin: 0 auto;
}

/* 1120 + 2 * 2rem from margin/padding */
/* container which is full width to color background on full width */
.e-container.-full-width {
  width: 100%;
  max-width: unset;
  margin: 0;
  padding: 0 1rem;
}
.e-container.-full-width > * {
  margin: 0 auto;
}

/* stylelint-disable-line at-rule-no-unknown */
/* @define accordion */
.accordion__group {
  list-style: none;
  padding: 0;
}
.accordion__group--categories {
  list-style: none;
  padding: 0;
  margin: 0;
}
.accordion__container--filter {
  margin: 0 0 50px;
}
.accordion__container--settings, .accordion__container--settings-link {
  border-bottom: 1px solid #CCCCCC;
}
.accordion__container--settings:first-child, .accordion__container--settings-link:first-child {
  margin-top: 40px;
}
.accordion__container--settings:last-child, .accordion__container--settings-link:last-child {
  margin-bottom: 60px;
}
.accordion__container--contact, .accordion__container--orders {
  border-bottom: 1px solid #CCCCCC;
}
.accordion__container--contact:first-child, .accordion__container--orders:first-child {
  margin-top: 40px;
}
.accordion__container--contact:last-child, .accordion__container--orders:last-child {
  margin-bottom: 60px;
}
.accordion__container--orders {
  border-top: 1px solid #CCCCCC;
}
.accordion__container--filter .accordion__header {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 8px 30px;
  border: none;
  text-align: left;
  background-color: #005691;
  color: #FFFFFF;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
  cursor: pointer;
}
.accordion__container--filter .accordion__header:focus {
  outline: none;
}
.accordion__container--filter.is-open .accordion__header {
  background: #EFEFF0;
  color: #005691;
}
.accordion__container--settings-link .accordion__header {
  text-decoration: none;
  color: #000000;
}
.accordion__container--settings .accordion__header, .accordion__container--settings-link .accordion__header, .accordion__container--contact .accordion__header, .accordion__container--orders .accordion__header {
  padding: 36px 75px 35px 16px;
  background: #FFFFFF;
  display: flex;
  position: relative;
  /* stylelint-disable-next-line */
}
.accordion__container--settings .accordion__header .accordion__icon, .accordion__container--settings-link .accordion__header .accordion__icon, .accordion__container--contact .accordion__header .accordion__icon, .accordion__container--orders .accordion__header .accordion__icon {
  flex: 0 0 50px;
  margin-right: 12px;
}
.accordion__container--settings .accordion__header.accordion__header--icon-left, .accordion__container--settings-link .accordion__header.accordion__header--icon-left, .accordion__container--contact .accordion__header.accordion__header--icon-left, .accordion__container--orders .accordion__header.accordion__header--icon-left {
  padding: 36px 55px 35px 0;
  align-items: center;
}
.accordion__container--settings.is-open .accordion__header, .accordion__container--contact.is-open .accordion__header {
  background-color: rgba(239, 239, 240, 0.3);
}
.accordion__container--categories .accordion__header {
  background: none;
  width: 100%;
  display: block;
  padding: 20px 0;
  border: none;
  text-align: left;
  border-bottom: 1px solid #BFC0C2;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 20px;
  font-weight: 300;
  padding-right: 40px;
  position: relative;
}
.accordion__container--categories .accordion__header:hover, .accordion__container--categories .accordion__header:focus {
  text-decoration: underline;
}
.accordion__container--categories:nth-child(1) .accordion__header {
  color: #50237F;
}
.accordion__container--categories:nth-child(2) .accordion__header {
  color: #008ECF;
}
.accordion__container--categories:nth-child(3) .accordion__header {
  color: #00A8B0;
}
.accordion__container--categories:nth-child(4) .accordion__header {
  color: #78BE20;
}
.accordion__container--categories:nth-child(5) .accordion__header {
  color: #006249;
}
.accordion__container--categories:last-child .accordion__header, .accordion__container--categories.is-open .accordion__header {
  border-bottom: none;
  padding-bottom: 0;
}
.accordion__body {
  display: none;
  position: relative;
}
.accordion__container--filter .accordion__body {
  padding: 10px 30px 30px;
}
.accordion__container--filter.is-open .accordion__body {
  display: block;
  background: #EFEFF0;
}
.accordion__container--settings .accordion__body, .accordion__container--settings-link .accordion__body, .accordion__container--contact .accordion__body, .accordion__container--orders .accordion__body {
  padding: 19px 0 40px;
  background: #FFFFFF;
}
.accordion__container--orders.is-open .accordion__body {
  display: block;
}
.accordion__container--settings.is-open .accordion__body, .accordion__container--contact.is-open .accordion__body {
  display: block;
  background-color: rgba(239, 239, 240, 0.3);
}
.accordion__container--categories .accordion__body {
  list-style: none;
  padding: 5px 0 20px;
  margin: 0;
  border-bottom: 1px solid #BFC0C2;
}
.accordion__container--categories.is-open .accordion__body {
  display: block;
}
.accordion__container--settings .accordion__icon--my, .accordion__container--settings-link .accordion__icon--my, .accordion__container--contact .accordion__icon--my, .accordion__container--orders .accordion__icon--my {
  width: 58px;
  height: 58px;
  margin-right: 28px;
  flex-shrink: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2251%22%20height%3D%2255%22%20viewBox%3D%220%200%2051%2055%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22prefix__a%22%20x1%3D%220%%22%20x2%3D%22100%%22%20y1%3D%2250%%22%20y2%3D%2250%%22%3E%3Cstop%20offset%3D%220%%22%20stop-color%3D%22%2350237F%22%2F%3E%3Cstop%20offset%3D%22100%%22%20stop-color%3D%22%23005691%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23prefix__a)%22%20d%3D%22M59.153%2075.495C64.805%2073.243%2068.8%2067.76%2068.8%2061.3c0-8.457-6.842-15.3-15.3-15.3-8.458%200-15.3%206.843-15.3%2015.3%200%206.46%203.995%2011.943%209.647%2014.195C36.373%2078.002%2028%2088.032%2028%20100.4h3.4c0-12.41%209.69-22.1%2022.1-22.1%2012.41%200%2022.1%209.69%2022.1%2022.1H79c0-12.368-8.373-22.398-19.847-24.905zM41.6%2061.3c0-6.545%205.355-11.9%2011.9-11.9s11.9%205.355%2011.9%2011.9-5.355%2011.9-11.9%2011.9-11.9-5.355-11.9-11.9z%22%20transform%3D%22translate(-28%20-46)%22%2F%3E%3C%2Fsvg%3E");
}
.accordion__container--settings .accordion__icon--company, .accordion__container--settings-link .accordion__icon--company, .accordion__container--contact .accordion__icon--company, .accordion__container--orders .accordion__icon--company {
  width: 58px;
  height: 58px;
  margin-right: 28px;
  flex-shrink: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2259%22%20height%3D%2247%22%20viewBox%3D%220%200%2059%2047%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22prefix__a%22%20x1%3D%220%%22%20x2%3D%22100%%22%20y1%3D%2250%%22%20y2%3D%2250%%22%3E%3Cstop%20offset%3D%220%%22%20stop-color%3D%22%2350237F%22%2F%3E%3Cstop%20offset%3D%22100%%22%20stop-color%3D%22%23005691%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23prefix__a)%22%20d%3D%22M41.3%205.875V0H17.7v5.875H0V47h59V5.875H41.3zM20.65%202.937h17.7v2.938h-17.7V2.937zM17.7%208.814h38.35v8.812H2.95V8.812H17.7zm23.6%2011.75h4.425V23.5H41.3v-2.938zm-28.025%200H17.7V23.5h-4.425v-2.938zM2.95%2044.063v-23.5h7.375v5.875H20.65v-5.875h17.7v5.875h10.325v-5.875h7.375v23.5H2.95z%22%2F%3E%3C%2Fsvg%3E");
}
.accordion__container--settings .accordion__icon--conditions, .accordion__container--settings-link .accordion__icon--conditions, .accordion__container--contact .accordion__icon--conditions, .accordion__container--orders .accordion__icon--conditions {
  width: 58px;
  height: 58px;
  margin-right: 28px;
  flex-shrink: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2251%22%20height%3D%2260%22%20viewBox%3D%220%200%2051%2060%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22prefix__a%22%20x1%3D%220%%22%20x2%3D%22100%%22%20y1%3D%2250%%22%20y2%3D%2250%%22%3E%3Cstop%20offset%3D%220%%22%20stop-color%3D%22%2350237F%22%2F%3E%3Cstop%20offset%3D%22100%%22%20stop-color%3D%22%23005691%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23prefix__a)%22%20d%3D%22M39%2040.875V57H3V3h36v13.163c.862-.825%201.913-1.463%203-1.876V0H0v60h42V37.875l-3%203zM6%2015h24v3H6v-3zm0%207.5h24v3H6v-3zM6%2030h15v3H6v-3zm0%2019.5h12v3H6v-3zm18%200h12v3H24v-3zm25.05-31.05c-2.25-2.25-5.887-2.25-8.137%200L24.15%2035.212%2020.1%2047.4l12.188-4.05L49.05%2026.587c2.25-2.25%202.25-5.924%200-8.137zM26.138%2038.775l2.55%202.55-3.863%201.275%201.313-3.825zM46.95%2024.45L31.5%2039.862%2027.637%2036l15.45-15.45c1.088-1.088%202.813-1.088%203.863%200%201.05%201.087%201.05%202.813%200%203.9z%22%2F%3E%3C%2Fsvg%3E");
}
.accordion__container--settings .accordion__icon--notification, .accordion__container--settings-link .accordion__icon--notification, .accordion__container--contact .accordion__icon--notification, .accordion__container--orders .accordion__icon--notification {
  width: 58px;
  height: 58px;
  margin-right: 28px;
  flex-shrink: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2258%22%20height%3D%2260%22%20viewBox%3D%220%200%2058%2060%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22prefix__a%22%20x1%3D%220%%22%20x2%3D%22100%%22%20y1%3D%2250%%22%20y2%3D%2250%%22%3E%3Cstop%20offset%3D%220%%22%20stop-color%3D%22%2350237F%22%2F%3E%3Cstop%20offset%3D%22100%%22%20stop-color%3D%22%23005691%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23prefix__a)%22%20d%3D%22M57.638%2052.5L46.875%2038.437V18c0-9.938-8.063-18-18-18-9.938%200-18%208.063-18%2018v20.438L.113%2052.5h19.875c.712%204.237%204.425%207.5%208.887%207.5%204.462%200%208.138-3.263%208.888-7.5h19.875zM13.875%2039.562V18c0-8.287%206.712-15%2015-15s15%206.713%2015%2015v21.563l7.237%209.937H6.639l7.237-9.938zm15%2017.438c-2.775%200-5.137-1.913-5.813-4.5H34.65c-.637%202.587-3%204.5-5.775%204.5zM4.837%2038.513C3.863%2035.775%203.375%2032.925%203.375%2030s.487-5.775%201.463-8.512l-2.813-1.013C.938%2023.55.375%2026.737.375%2030c0%203.263.563%206.45%201.613%209.487l2.85-.974zm50.925.974c1.088-3.037%201.613-6.224%201.613-9.487%200-3.262-.563-6.45-1.612-9.488l-2.813%201.013c.975%202.738%201.462%205.588%201.462%208.513%200%202.924-.487%205.774-1.462%208.512l2.813.938z%22%2F%3E%3C%2Fsvg%3E");
}
.accordion__container--settings .accordion__icon--application, .accordion__container--settings-link .accordion__icon--application, .accordion__container--contact .accordion__icon--application, .accordion__container--orders .accordion__icon--application {
  width: 58px;
  height: 58px;
  margin-right: 28px;
  flex-shrink: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  background-image: url("data:image/svg+xml,");
}
.accordion__container--settings .accordion__icon--password, .accordion__container--settings-link .accordion__icon--password, .accordion__container--contact .accordion__icon--password, .accordion__container--orders .accordion__icon--password {
  width: 58px;
  height: 58px;
  margin-right: 28px;
  flex-shrink: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2251%22%20height%3D%2264%22%20viewBox%3D%220%200%2051%2064%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22prefix__a%22%20x1%3D%220%%22%20x2%3D%22100%%22%20y1%3D%2250%%22%20y2%3D%2250%%22%3E%3Cstop%20offset%3D%220%%22%20stop-color%3D%22%2350237F%22%2F%3E%3Cstop%20offset%3D%22100%%22%20stop-color%3D%22%23005691%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23prefix__a)%22%20d%3D%22M71.031%2057.4v-4.8c0-9.72-7.849-17.6-17.531-17.6-9.682%200-17.531%207.88-17.531%2017.6v4.8H28V99h51V57.4h-7.969zm-31.875-4.8c0-7.96%206.415-14.4%2014.344-14.4%207.929%200%2014.344%206.44%2014.344%2014.4v4.8H39.156v-4.8zm36.657%2043.2H31.187V60.6h44.626v35.2zm-27.094-8h9.562v-8.56c1.036-1.16%201.594-2.68%201.594-4.24%200-1.8-.757-3.56-2.112-4.76-1.354-1.2-3.147-1.8-4.98-1.6-2.949.32-5.3%202.72-5.618%205.68-.2%201.8.358%203.56%201.554%204.92v8.56zm1.593-13.16c.16-1.44%201.355-2.68%202.79-2.84.916-.12%201.793.2%202.51.8.677.6%201.075%201.48%201.075%202.4%200%20.92-.398%201.76-1.075%202.36l-.518.48v6.76h-3.188v-6.76l-.518-.48c-.797-.68-1.155-1.68-1.075-2.72z%22%20transform%3D%22translate(-28%20-35)%22%2F%3E%3C%2Fsvg%3E");
}
.accordion__container--settings .accordion__icon--profile, .accordion__container--settings-link .accordion__icon--profile, .accordion__container--contact .accordion__icon--profile, .accordion__container--orders .accordion__icon--profile {
  width: 58px;
  height: 58px;
  margin-right: 28px;
  flex-shrink: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2280%22%20height%3D%2264%22%20viewBox%3D%220%200%2080%2064%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22prefix__a%22%20x1%3D%220%%22%20x2%3D%22100%%22%20y1%3D%2250%%22%20y2%3D%2250%%22%3E%3Cstop%20offset%3D%220%%22%20stop-color%3D%22%23008ECF%22%2F%3E%3Cstop%20offset%3D%22100%%22%20stop-color%3D%22%2300A8B0%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23prefix__a)%22%20d%3D%22M73.367%2072.168c6.46-3.052%2010.938-9.6%2010.938-17.168%200-10.477-8.578-19-19.12-19-10.544%200-19.122%208.523-19.122%2019%200%207.569%204.478%2014.116%2010.939%2017.168C44.88%2075.694%2036%2086.832%2036%20100h4.025c0-13.785%2011.287-25%2025.16-25%2013.872%200%2025.158%2011.215%2025.158%2025h4.025c0-13.168-8.88-24.307-21.001-27.832zm28.564-20.163c3.145.055%206.048%201.1%208.383%202.825l-9.817%209.755c-.382.375-.594.88-.594%201.415%200%20.53.212%201.035.589%201.41.765.76%202.088.76%202.848.005l9.832-9.77c1.247%201.63%202.113%203.516%202.536%205.52.055.25.1.505.136.76.03.165.05.335.07.51%200%20.005.005.01%200%20.02.01.075.015.145.025.22.02.17.03.34.04.515%200%20.01.006.02%200%20.03.006.095.01.19.01.285.01.055.01.11.006.17.01.33.005.665-.01.99-.01.23-.03.455-.05.68-.04.425-.101.845-.182%201.26-.005.04-.01.08-.02.12-.04.185-.08.365-.126.54-.005.04-.015.075-.025.115-.035.14-.07.28-.116.42-.025.1-.055.2-.09.3-.015.06-.035.125-.056.185-.06.18-.12.355-.186.53-.06.16-.12.32-.19.48-.697%201.726-1.74%203.293-3.065%204.605-2.541%202.525-5.943%203.95-9.455%204.08h-.02c-.986.04-1.983-.03-2.969-.205l-.05.05-4.83%204.8c-.646-1.213-1.367-2.386-2.16-3.51l2.693-2.675%203.104-3.08%201.122.295c3.462.92%207.19-.07%209.722-2.585%202.274-2.26%203.28-5.425%202.843-8.485l-5.691%205.655c-1.13%201.13-2.669%201.764-4.272%201.76-1.61%200-3.13-.625-4.267-1.76-1.138-1.12-1.775-2.648-1.771-4.24%200-1.605.629-3.11%201.771-4.245l5.69-5.655c-3.079-.435-6.264.565-8.538%202.825-2.531%202.515-3.527%206.22-2.601%209.66l.296%201.115-5.49%205.455c-1.018-.886-2.088-1.71-3.204-2.47l3.829-3.8.422-.42c-.8-4.48.64-9.125%203.9-12.365%202.692-2.675%206.285-4.085%209.933-4.095.015-.005.03-.005.045%200zM65.184%2040c8.324%200%2015.095%206.729%2015.095%2015s-6.771%2015-15.095%2015c-8.323%200-15.095-6.729-15.095-15s6.772-15%2015.095-15z%22%20transform%3D%22translate(-36%20-36)%22%2F%3E%3C%2Fsvg%3E");
}
.accordion__container--settings .accordion__icon--showrooms, .accordion__container--settings-link .accordion__icon--showrooms, .accordion__container--contact .accordion__icon--showrooms, .accordion__container--orders .accordion__icon--showrooms {
  width: 58px;
  height: 58px;
  margin-right: 28px;
  flex-shrink: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2259%22%20height%3D%2247%22%20viewBox%3D%220%200%2059%2047%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22prefix__a%22%20x1%3D%220%%22%20x2%3D%22100%%22%20y1%3D%2250%%22%20y2%3D%2250%%22%3E%3Cstop%20offset%3D%220%%22%20stop-color%3D%22%23008ECF%22%2F%3E%3Cstop%20offset%3D%22100%%22%20stop-color%3D%22%2300A8B0%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23prefix__a)%22%20d%3D%22M41.3%205.875V0H17.7v5.875H0V47h59V5.875H41.3zM20.65%202.937h17.7v2.938h-17.7V2.937zM17.7%208.814h38.35v8.812H2.95V8.812H17.7zm23.6%2011.75h4.425V23.5H41.3v-2.938zm-28.025%200H17.7V23.5h-4.425v-2.938zM2.95%2044.063v-23.5h7.375v5.875H20.65v-5.875h17.7v5.875h10.325v-5.875h7.375v23.5H2.95z%22%2F%3E%3C%2Fsvg%3E");
}
.accordion__container--settings .accordion__icon--preferences, .accordion__container--settings-link .accordion__icon--preferences, .accordion__container--contact .accordion__icon--preferences, .accordion__container--orders .accordion__icon--preferences {
  width: 58px;
  height: 58px;
  margin-right: 28px;
  flex-shrink: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2254%22%20height%3D%2264%22%20viewBox%3D%220%200%2054%2064%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22prefix__a%22%20x1%3D%220%%22%20x2%3D%22100%%22%20y1%3D%2250%%22%20y2%3D%2250%%22%3E%3Cstop%20offset%3D%220%%22%20stop-color%3D%22%23B90276%22%2F%3E%3Cstop%20offset%3D%22100%%22%20stop-color%3D%22%2350237F%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23prefix__a)%22%20d%3D%22M65.418%2062.48l2.263%202.28-7.505%207.52-4.288-4.32%202.263-2.28%202.065%202.08%205.202-5.28zm-5.242%2016.44l-2.064-2.08-2.263%202.28%204.288%204.32%207.464-7.52-2.263-2.28-5.162%205.28zM36.353%2070h15.882v-3.2H36.353V70zm0%2011.2h15.882V78H36.353v3.2zm0%2011.2h15.882v-3.2H36.353v3.2zM84%2097.2c0-7.04-5.718-12.8-12.706-12.8-6.988%200-12.706%205.76-12.706%2012.8%200%207.04%205.718%2012.8%2012.706%2012.8C78.282%20110%2084%20104.24%2084%2097.2zm-3.176%200c0%205.28-4.289%209.6-9.53%209.6s-9.53-4.32-9.53-9.6c0-5.28%204.289-9.6%209.53-9.6s9.53%204.32%209.53%209.6zm-4.487%201.08l1.23.72-1.588%202.76-1.27-.72c-.516.48-1.152.88-1.866%201.08v1.44h-3.177v-1.44c-.715-.24-1.35-.6-1.866-1.08l-1.27.72L64.94%2099l1.231-.72c-.08-.36-.12-.72-.12-1.08%200-.36.04-.72.12-1.08l-1.23-.72%201.587-2.76%201.271.72c.516-.48%201.151-.88%201.866-1.08V90.8h3.177v1.44c.714.24%201.31.6%201.866%201.08l1.27-.72%201.589%202.76-1.231.72c.08.36.119.72.119%201.08%200%20.4-.04.76-.12%201.12zm-3.058-1.08c0-1.12-.873-2-1.985-2s-1.985.88-1.985%202%20.873%202%201.985%202%201.985-.88%201.985-2zM61.765%20110H30V49.2h11.118V46h22.235v3.2H74.47v32.32c-1.033-.2-2.105-.32-3.177-.32V52.4h-7.941v3.2H41.118v-3.2h-7.942v54.4h25.412c.913%201.2%201.986%202.28%203.177%203.2zm-17.47-57.6h15.881v-3.2H44.294v3.2z%22%20transform%3D%22translate(-30%20-46)%22%2F%3E%3C%2Fsvg%3E");
}
.accordion__container--settings .accordion__icon--installations, .accordion__container--settings-link .accordion__icon--installations, .accordion__container--contact .accordion__icon--installations, .accordion__container--orders .accordion__icon--installations {
  width: 58px;
  height: 58px;
  margin-right: 28px;
  flex-shrink: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2250%22%20height%3D%2249%22%20viewBox%3D%220%200%2050%2049%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22prefix__a%22%20x1%3D%220%%22%20x2%3D%22100%%22%20y1%3D%2250%%22%20y2%3D%2250%%22%3E%3Cstop%20offset%3D%220%%22%20stop-color%3D%22%23B90276%22%2F%3E%3Cstop%20offset%3D%22100%%22%20stop-color%3D%22%2350237F%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23prefix__a)%22%20d%3D%22M37.5%203.75V0H35v3.75H15V0h-2.5v3.75H0v40h28.531c-.343-.781-.625-1.625-.781-2.5H2.5v-25h45v12.5c.938.719%201.781%201.563%202.5%202.5V3.75H37.5zm2.5%2025c5.5%200%2010%204.5%2010%2010s-4.5%2010-10%2010-10-4.5-10-10%204.5-10%2010-10zm0%202.5c-4.125%200-7.5%203.375-7.5%207.5s3.375%207.5%207.5%207.5%207.5-3.375%207.5-7.5-3.375-7.5-7.5-7.5zm1.25%202.5v3.75h2.5V40h-5v-6.25h2.5zM12.5%206.25v2.188H15V6.25h20v2.188h2.5V6.25h10v7.5h-45v-7.5h10z%22%2F%3E%3C%2Fsvg%3E");
}
.accordion__container--settings .accordion__icon--surveys, .accordion__container--settings-link .accordion__icon--surveys, .accordion__container--contact .accordion__icon--surveys, .accordion__container--orders .accordion__icon--surveys {
  width: 58px;
  height: 58px;
  margin-right: 28px;
  flex-shrink: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2253%22%20viewBox%3D%220%200%2060%2053%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22prefix__a%22%20x1%3D%220%%22%20x2%3D%22100%%22%20y1%3D%2250%%22%20y2%3D%2250%%22%3E%3Cstop%20offset%3D%220%%22%20stop-color%3D%22%23B90276%22%2F%3E%3Cstop%20offset%3D%22100%%22%20stop-color%3D%22%2350237F%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23prefix__a)%22%20d%3D%22M45%204.5V0h-3v4.5H18V0h-3v4.5H0v48h60v-48H45zm12%2045H3v-30h54v30zm-54-33v-9h12v2.625h3V7.5h24v2.625h3V7.5h12v9H3zm34.5%206H6V33h31.5V22.5zm-3%207.5H9v-4.5h25.5V30zM24%2046.5V36H6v10.5h18zM9%2039h12v4.5H9V39zm45-16.5H40.5V33H54V22.5zM51%2030h-7.5v-4.5H51V30zM27%2046.5h27V36H27v10.5zm3-7.5h21v4.5H30V39z%22%2F%3E%3C%2Fsvg%3E");
}
.accordion__container--settings .accordion__icon--wrench, .accordion__container--settings-link .accordion__icon--wrench, .accordion__container--contact .accordion__icon--wrench, .accordion__container--orders .accordion__icon--wrench {
  width: 58px;
  height: 58px;
  margin-right: 28px;
  flex-shrink: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20192%20192%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22prefix__a%22%20x1%3D%220%%22%20x2%3D%22100%%22%20y1%3D%2250%%22%20y2%3D%2250%%22%3E%3Cstop%20offset%3D%220%%22%20stop-color%3D%22%2350237F%22%2F%3E%3Cstop%20offset%3D%22100%%22%20stop-color%3D%22%23005691%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23prefix__a)%22%20d%3D%22M34,176.1c-4.8,0-9.4-1.9-12.8-5.3c-3.4-3.4-5.3-8-5.3-12.8s1.9-9.4,5.3-12.8l48-48l5.7,5.7l-48,48c-1.9,1.9-3,4.5-3,7.2%20s1.1,5.3,3,7.2c1.9,1.9,4.5,3,7.2,3s5.3-1.1,7.2-3l48-48l5.7,5.7l-48,48C43.4,174.3,38.8,176.1,34,176.1z%22%2F%3E%3Cpolygon%20fill%3D%22url(%23prefix__a)%22%20points%3D%22118.8,90.8%20113.2,85.2%20142.3,56%20153.6,56%20165.6,34.2%20157.8,26.4%20136,38.4%20136,49.7%20106.8,78.8%20101.2,73.2%20128,46.3%20128,33.6%20159.2,16.6%20175.4,32.8%20158.4,64%20145.7,64%22%2F%3E%3Cpath%20fill%3D%22url(%23prefix__a)%22%20d%3D%22M144.5,113c-0.5,0-1.1,0-1.6,0c0,0,0,0,0,0c-0.6,0-1.1,0.1-1.7,0.1c-0.1,0-0.2,0-0.3,0c0,0,0,0,0,0c-0.4,0-0.9,0.1-1.3,0.2%20c-0.1,0-0.2,0-0.3,0c0,0,0,0,0,0c-0.4,0.1-0.7,0.1-1.1,0.2c0,0,0,0,0,0c-0.1,0-0.1,0-0.2,0c-0.4,0.1-0.9,0.2-1.3,0.3c0,0,0,0,0,0%20c-0.2,0.1-0.4,0.1-0.6,0.2c0,0,0,0,0,0c-0.3,0.1-0.5,0.1-0.8,0.2c0,0,0,0,0,0c-0.3,0.1-0.5,0.2-0.8,0.3c0,0,0,0,0,0%20c-0.5,0.2-1,0.3-1.5,0.5c0,0,0,0,0,0c-0.1,0-0.1,0-0.2,0.1l-3.2-3.2L101,83.3l-12-12L76.8,59.1c0-0.1,0-0.1,0.1-0.2c0,0,0,0,0,0%20c0.2-0.5,0.4-1,0.5-1.5c0,0,0,0,0,0c0.1-0.3,0.2-0.5,0.3-0.8c0,0,0,0,0,0c0.1-0.3,0.1-0.5,0.2-0.8c0,0,0,0,0,0%20c0.1-0.2,0.1-0.4,0.2-0.6c0,0,0,0,0,0c0.1-0.4,0.2-0.9,0.3-1.3c0-0.1,0-0.1,0-0.2c0,0,0,0,0,0c0.1-0.4,0.1-0.7,0.2-1.1c0,0,0,0,0,0%20c0-0.1,0-0.2,0-0.3c0.1-0.4,0.1-0.9,0.2-1.3c0,0,0,0,0,0c0-0.1,0-0.2,0-0.3c0.1-0.6,0.1-1.1,0.1-1.7c0,0,0,0,0,0c0-0.5,0-1,0-1.6%20C79,30.1,64.9,16,47.5,16c-0.5,0-1,0-1.5,0c-0.2,0-0.4,0-0.5,0c-0.3,0-0.6,0-1,0.1c-0.2,0-0.5,0.1-0.7,0.1c-0.3,0-0.5,0.1-0.8,0.1%20c-0.3,0-0.5,0.1-0.8,0.1c-0.2,0-0.4,0.1-0.7,0.1c-0.3,0.1-0.6,0.1-0.9,0.2c-0.2,0-0.3,0.1-0.5,0.1c-0.3,0.1-0.6,0.2-1,0.2%20c-0.1,0-0.2,0.1-0.4,0.1c-0.4,0.1-0.7,0.2-1.1,0.3c-0.1,0-0.1,0-0.2,0.1c-0.4,0.1-0.8,0.3-1.2,0.4l0,0c-1.9,0.7-3.7,1.6-5.3,2.6%20l18.2,18.2c2.9,2.9,2.9,7.5,0,10.3s-7.5,2.9-10.3,0L20.7,31c-1,1.7-1.9,3.5-2.6,5.3l0,0c-0.2,0.4-0.3,0.8-0.4,1.2%20c0,0.1,0,0.1-0.1,0.2c-0.1,0.4-0.2,0.7-0.3,1.1c0,0.1-0.1,0.3-0.1,0.4c-0.1,0.3-0.2,0.6-0.2,1c0,0.2-0.1,0.4-0.1,0.5%20c-0.1,0.3-0.1,0.6-0.2,0.9c0,0.2-0.1,0.4-0.1,0.7c0,0.3-0.1,0.5-0.1,0.8c0,0.3-0.1,0.5-0.1,0.8c0,0.2-0.1,0.4-0.1,0.7%20c0,0.3-0.1,0.6-0.1,1c0,0.2,0,0.4,0,0.5c0,0.5,0,1,0,1.5C16,64.9,30.1,79,47.5,79c0.5,0,1.1,0,1.6,0c0,0,0,0,0,0%20c0.6,0,1.1-0.1,1.7-0.1c0.1,0,0.2,0,0.3,0c0,0,0,0,0,0c0.4,0,0.9-0.1,1.3-0.2c0.1,0,0.2,0,0.3,0c0,0,0,0,0,0%20c0.4-0.1,0.7-0.1,1.1-0.2c0,0,0,0,0,0c0.1,0,0.1,0,0.2,0c0.4-0.1,0.9-0.2,1.3-0.3c0,0,0,0,0,0c0.2-0.1,0.4-0.1,0.6-0.2c0,0,0,0,0,0%20c0.3-0.1,0.5-0.1,0.8-0.2c0,0,0,0,0,0c0.3-0.1,0.5-0.2,0.8-0.3c0,0,0,0,0,0c0.5-0.2,1-0.3,1.5-0.5c0,0,0,0,0,0c0.1,0,0.1,0,0.2-0.1%20L93.3,111l9.7,9.7l9.1,9.1l3.2,3.2c0,0.1,0,0.1-0.1,0.2c0,0,0,0,0,0c-0.2,0.5-0.4,1-0.5,1.5c0,0,0,0,0,0c-0.1,0.3-0.2,0.5-0.3,0.8%20c0,0,0,0,0,0c-0.1,0.3-0.1,0.5-0.2,0.8c0,0,0,0,0,0c-0.1,0.2-0.1,0.4-0.2,0.6c0,0,0,0,0,0c-0.1,0.4-0.2,0.9-0.3,1.3%20c0,0.1,0,0.1,0,0.2c0,0,0,0,0,0c-0.1,0.4-0.1,0.7-0.2,1.1c0,0,0,0,0,0c0,0.1,0,0.2,0,0.3c-0.1,0.4-0.1,0.9-0.2,1.3c0,0,0,0,0,0%20c0,0.1,0,0.2,0,0.3c-0.1,0.6-0.1,1.1-0.1,1.7c0,0,0,0,0,0c0,0.5,0,1,0,1.6c0,17.4,14.1,31.5,31.5,31.5c0.5,0,1,0,1.5,0%20c0.2,0,0.4,0,0.5,0c0.3,0,0.6,0,1-0.1c0.2,0,0.5-0.1,0.7-0.1c0.3,0,0.5-0.1,0.8-0.1c0.3,0,0.5-0.1,0.8-0.1c0.2,0,0.4-0.1,0.7-0.1%20c0.3-0.1,0.6-0.1,0.9-0.2c0.2,0,0.3-0.1,0.5-0.1c0.3-0.1,0.6-0.2,1-0.2c0.1,0,0.2-0.1,0.4-0.1c0.4-0.1,0.7-0.2,1.1-0.3%20c0.1,0,0.1,0,0.2-0.1c0.4-0.1,0.8-0.3,1.2-0.4l0,0c1.9-0.7,3.7-1.6,5.3-2.6l-18.2-18.2c-2.9-2.9-2.9-7.5,0-10.3s7.5-2.9,10.3,0%20l18.2,18.2c1-1.7,1.9-3.5,2.6-5.3l0,0c0.2-0.4,0.3-0.8,0.4-1.2c0-0.1,0-0.1,0.1-0.2c0.1-0.4,0.2-0.7,0.3-1.1c0-0.1,0.1-0.3,0.1-0.4%20c0.1-0.3,0.2-0.6,0.2-1c0-0.2,0.1-0.4,0.1-0.5c0.1-0.3,0.1-0.6,0.2-0.9c0-0.2,0.1-0.4,0.1-0.7c0-0.3,0.1-0.5,0.1-0.8%20c0-0.3,0.1-0.5,0.1-0.8c0-0.2,0.1-0.4,0.1-0.7c0-0.3,0.1-0.6,0.1-1c0-0.2,0-0.4,0-0.5c0-0.5,0-1,0-1.5%20C176,127.1,161.9,113,144.5,113z%20M167.9,146.3l-9.1-9.1c-2.9-2.9-6.7-4.5-10.8-4.5s-7.9,1.6-10.8,4.5c-2.9,2.9-4.5,6.7-4.5,10.8%20s1.6,7.9,4.5,10.8l9.1,9.1c-0.6,0-1.2,0.1-1.8,0.1c-13,0-23.5-10.5-23.5-23.5c0-3.8,0.9-7.3,2.6-10.7l1.3-2.6l-12.1-12.1%20c0,0,0,0,0,0L60.8,67.1l-2.6,1.3c-3.3,1.7-6.9,2.6-10.7,2.6C34.5,71,24,60.5,24,47.5c0-0.6,0-1.2,0.1-1.8l9.1,9.1%20c2.9,2.9,6.7,4.5,10.8,4.5s7.9-1.6,10.8-4.5c2.9-2.9,4.5-6.7,4.5-10.8s-1.6-7.9-4.5-10.8l-9.1-9.1c0.6,0,1.2-0.1,1.8-0.1%20C60.5,24,71,34.5,71,47.5c0,3.8-0.9,7.3-2.6,10.7l-1.3,2.6L101,94.7l0,0l0.4,0.4l17.8,17.8c0,0,0,0,0,0l12.1,12.1l2.6-1.3%20c3.3-1.7,6.9-2.6,10.7-2.6c13,0,23.5,10.5,23.5,23.5C168,145.1,168,145.7,167.9,146.3z%22%2F%3E%3C%2Fsvg%3E");
}
.accordion__container--settings .accordion__icon--mechanic, .accordion__container--settings-link .accordion__icon--mechanic, .accordion__container--contact .accordion__icon--mechanic, .accordion__container--orders .accordion__icon--mechanic {
  width: 58px;
  height: 58px;
  margin-right: 28px;
  flex-shrink: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  background-image: url("/img/customer-loyalty/contact/mechanic.svg");
}
.accordion__container--settings .accordion__icon--gears, .accordion__container--settings-link .accordion__icon--gears, .accordion__container--contact .accordion__icon--gears, .accordion__container--orders .accordion__icon--gears {
  width: 58px;
  height: 58px;
  margin-right: 28px;
  flex-shrink: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Icon_x5F_contour%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20192%20192%22%20enable-background%3D%22new%200%200%20192%20192%22%20xml%3Aspace%3D%22preserve%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22prefix__a%22%20x1%3D%220%%22%20x2%3D%22100%%22%20y1%3D%2250%%22%20y2%3D%2250%%22%3E%3Cstop%20offset%3D%220%%22%20stop-color%3D%22%2350237F%22%2F%3E%3Cstop%20offset%3D%22100%%22%20stop-color%3D%22%23005691%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%3E%3Cpath%20fill%3D%22url(%23prefix__a)%22%20d%3D%22M114.8,101.8c-12.2,5.1-18.1,19.1-13,31.4c3.8,9.2,12.8,14.8,22.2,14.8c3.1,0,6.2-0.6,9.2-1.8c12.2-5.1,18.1-19.1,13-31.4%20C141.1,102.6,127,96.8,114.8,101.8z%20M130.1,138.8c-8.2,3.4-17.5-0.5-20.9-8.7c-3.4-8.2,0.5-17.5,8.7-20.9c2-0.8,4.1-1.2,6.1-1.2%20c6.3,0,12.3,3.7,14.8,9.9C142.2,126,138.3,135.4,130.1,138.8z%22%2F%3E%3Cpath%20fill%3D%22url(%23prefix__a)%22%20d%3D%22M167.8,127.9c0.2-2.6,0.2-5.3,0-7.9l7.2-6.5l-0.6-2.3c-0.6-2.5-1.4-4.9-2.4-7.1c-0.9-2.3-2.1-4.6-3.4-6.7l-1.2-2.1%20l-9.7,0.5c-1.7-2-3.5-3.9-5.6-5.6l0.5-9.7l-2.1-1.2c-4.3-2.6-9-4.5-13.9-5.7l-2.3-0.6l-6.5,7.2c-2.6-0.2-5.3-0.2-7.9,0l-6.5-7.2%20l-2.3,0.6c-2.5,0.6-4.9,1.4-7.1,2.4c-2.3,0.9-4.6,2.1-6.7,3.4l-2.1,1.2l0.5,9.7c-2,1.7-3.9,3.5-5.6,5.6l-9.7-0.5l-1.2,2.1%20c-2.6,4.3-4.5,9-5.7,13.9l-0.6,2.3l7.2,6.5c-0.2,2.6-0.2,5.3,0,7.9l-7.2,6.5l0.6,2.3c0.6,2.5,1.4,4.9,2.4,7.1%20c0.9,2.3,2.1,4.6,3.4,6.7l1.2,2.1l9.7-0.5c1.7,2,3.5,3.9,5.6,5.6l-0.5,9.7l2.1,1.2c4.3,2.6,9,4.5,13.9,5.7l2.3,0.6l6.5-7.2%20c2.6,0.2,5.3,0.2,7.9,0l6.5,7.2l2.3-0.6c2.5-0.6,4.9-1.4,7.1-2.4c2.3-0.9,4.6-2.1,6.7-3.4l2.1-1.2l-0.5-9.7c2-1.7,3.9-3.5,5.6-5.6%20l9.7,0.5l1.2-2.1c2.6-4.3,4.5-9,5.7-13.9l0.6-2.3L167.8,127.9z%20M163,144.5l-9-0.5l-1.3,1.7c-2,2.7-4.4,5-7,7L144,154l0.5,8.9%20c-1.2,0.6-2.4,1.2-3.6,1.7c-1.2,0.5-2.5,1-3.8,1.4l-6-6.6l-2.1,0.3c-3.3,0.5-6.6,0.5-9.9,0l-2.1-0.3l-6,6.7c-2.6-0.8-5-1.8-7.4-3.1%20l0.5-9l-1.7-1.3c-2.7-2-5-4.4-7-7L94,144l-8.9,0.5c-0.6-1.2-1.2-2.4-1.7-3.6c-0.5-1.2-1-2.5-1.4-3.8l6.6-6l-0.3-2.1%20c-0.5-3.3-0.5-6.6,0-9.9l0.3-2.1l-6.7-6c0.8-2.6,1.8-5,3.1-7.4l9,0.5l1.3-1.7c2-2.7,4.4-5,7-7L104,94l-0.5-8.9%20c1.2-0.6,2.4-1.2,3.6-1.7c1.2-0.5,2.5-1,3.8-1.4l6,6.6l2.1-0.3c3.3-0.5,6.6-0.5,9.9,0l2.1,0.3l6-6.7c2.6,0.8,5,1.8,7.4,3.1l-0.5,9%20l1.7,1.3c2.7,2,5,4.4,7,7l1.3,1.7l8.9-0.5c0.6,1.2,1.2,2.4,1.7,3.6c0.5,1.2,1,2.5,1.4,3.8l-6.6,6l0.3,2.1c0.5,3.3,0.5,6.6,0,9.9%20l-0.3,2.1l6.7,6C165.2,139.6,164.2,142.1,163,144.5z%22%2F%3E%3Cpath%20fill%3D%22url(%23prefix__a)%22%20d%3D%22M56,40c-8.8,0-16,7.2-16,16s7.2,16,16,16s16-7.2,16-16S64.8,40,56,40z%20M56,64c-4.4,0-8-3.6-8-8s3.6-8,8-8s8,3.6,8,8%20S60.4,64,56,64z%22%2F%3E%3Cpath%20fill%3D%22url(%23prefix__a)%22%20d%3D%22M78.6,89c4.1-2.8,7.6-6.3,10.4-10.4l1.6-2.3l-5.2-7.6c0.2-0.4,0.3-0.7,0.4-1.1l9-1.7l0.5-2.7c0.5-2.4,0.7-4.9,0.7-7.3%20s-0.2-4.9-0.7-7.3L94.8,46l-9-1.7c-0.1-0.4-0.3-0.7-0.4-1.1l5.2-7.6L89,33.4c-2.8-4.1-6.3-7.6-10.4-10.4l-2.3-1.6l-7.6,5.2%20c-0.4-0.2-0.7-0.3-1.1-0.4l-1.7-9l-2.7-0.5c-4.9-0.9-9.8-0.9-14.7,0L46,17.2l-1.7,9c-0.4,0.1-0.7,0.3-1.1,0.4l-7.6-5.2L33.4,23%20c-4.1,2.8-7.6,6.3-10.4,10.4l-1.6,2.3l5.2,7.6c-0.2,0.4-0.3,0.7-0.4,1.1l-9,1.7l-0.5,2.7C16.2,51.1,16,53.6,16,56s0.2,4.9,0.7,7.3%20l0.5,2.7l9,1.7c0.1,0.4,0.3,0.7,0.4,1.1l-5.2,7.6l1.6,2.3c2.8,4.1,6.3,7.6,10.4,10.4l2.3,1.6l7.6-5.2c0.4,0.2,0.7,0.3,1.1,0.4%20l1.7,9l2.7,0.5c2.4,0.5,4.9,0.7,7.3,0.7s4.9-0.2,7.3-0.7l2.7-0.5l1.7-9c0.4-0.1,0.7-0.3,1.1-0.4l7.6,5.2L78.6,89z%20M69.4,76.1%20l-2.1,1.1c-1.4,0.7-2.8,1.3-4.2,1.8l-2.3,0.7l-1.5,8.2c-2.1,0.2-4.2,0.2-6.4,0l-1.5-8.2L49,79c-1.5-0.4-2.8-1-4.2-1.8l-2.1-1.1%20l-6.8,4.7c-1.7-1.4-3.2-2.9-4.5-4.5l4.7-6.8l-1.1-2.1c-0.7-1.4-1.3-2.8-1.8-4.2l-0.7-2.3l-8.2-1.5C24.1,58.1,24,57.1,24,56%20s0.1-2.1,0.2-3.2l8.2-1.5L33,49c0.4-1.5,1-2.9,1.8-4.2l1.1-2.1l-4.7-6.8c1.4-1.7,2.9-3.2,4.5-4.5l6.8,4.7l2.1-1.1%20c1.4-0.7,2.8-1.3,4.2-1.8l2.3-0.7l1.5-8.2c2.1-0.2,4.2-0.2,6.4,0l1.5,8.2L63,33c1.5,0.4,2.9,1,4.2,1.8l2.1,1.1l6.8-4.7%20c1.7,1.4,3.2,2.9,4.5,4.5l-4.7,6.8l1.1,2.1c0.7,1.4,1.3,2.8,1.8,4.2l0.7,2.3l8.2,1.5c0.1,1.1,0.2,2.1,0.2,3.2s-0.1,2.1-0.2,3.2%20l-8.2,1.5L79,63c-0.4,1.5-1,2.9-1.8,4.2l-1.1,2.1l4.7,6.8c-1.4,1.7-2.9,3.2-4.5,4.5L69.4,76.1z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.accordion__container--settings .accordion__icon--book, .accordion__container--settings-link .accordion__icon--book, .accordion__container--contact .accordion__icon--book, .accordion__container--orders .accordion__icon--book {
  width: 58px;
  height: 58px;
  margin-right: 28px;
  flex-shrink: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Icon_x5F_contour%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20192%20192%22%20enable-background%3D%22new%200%200%20192%20192%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22prefix__a%22%20x1%3D%220%%22%20x2%3D%22100%%22%20y1%3D%2250%%22%20y2%3D%2250%%22%3E%3Cstop%20offset%3D%220%%22%20stop-color%3D%22%2350237F%22%2F%3E%3Cstop%20offset%3D%22100%%22%20stop-color%3D%22%23005691%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23prefix__a)%22%20d%3D%22M108,32c-4.8,0-9.1,2.1-12,5.5c-2.9-3.3-7.2-5.5-12-5.5H16v120h68c4.4,0,8,3.6,8,8h8c0-4.4,3.6-8,8-8h68V32H108z%20M92,146.1%20c-2.4-1.4-5.1-2.1-8-2.1H24V40h60c4.4,0,8,3.6,8,8V146.1z%20M168,144h-60c-2.9,0-5.6,0.8-8,2.1V48c0-4.4,3.6-8,8-8h60V144z%22%2F%3E%3Crect%20fill%3D%22url(%23prefix__a)%22%20x%3D%22132%22%20y%3D%2276%22%20width%3D%228%22%20height%3D%2252%22%2F%3E%3Cpath%20fill%3D%22url(%23prefix__a)%22%20d%3D%22M136,68c3.3,0,6-2.7,6-6c0-3.3-2.7-6-6-6c-3.3,0-6,2.7-6,6C130,65.3,132.7,68,136,68z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.accordion__container--settings .accordion__icon--board-speaker, .accordion__container--settings-link .accordion__icon--board-speaker, .accordion__container--contact .accordion__icon--board-speaker, .accordion__container--orders .accordion__icon--board-speaker {
  width: 58px;
  height: 58px;
  margin-right: 28px;
  flex-shrink: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20192%20192%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22prefix__a%22%20x1%3D%220%%22%20x2%3D%22100%%22%20y1%3D%2250%%22%20y2%3D%2250%%22%3E%3Cstop%20offset%3D%220%%22%20stop-color%3D%22%2350237F%22%2F%3E%3Cstop%20offset%3D%22100%%22%20stop-color%3D%22%23005691%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23prefix__a)%22%20d%3D%22M92%20100H24V40h68v29.5l8%203.2V32H16v76h15.4L24%20160h8l7.5-52h37l7.5%2052h8l-7.4-52H100v-9.5l-8-3.2zM160.5%2061.5c4.5-2.8%207.5-7.8%207.5-13.5%200-8.8-7.2-16-16-16s-16%207.2-16%2016c0%205.7%203%2010.7%207.5%2013.5-5.9%202.2-10.9%206.8-13.5%2012.9-1.1%202.5-9.4%2023.2-9.7%2024.1l7.4%203c3-7.4%208.8-22%209.6-23.9%202.5-5.8%208.3-9.6%2014.7-9.6%208.8%200%2016%207.2%2016%2016v20h-8v56h8v-48h8V84c0-10.3-6.5-19-15.5-22.5zM152%2056c-4.4%200-8-3.6-8-8s3.6-8%208-8%208%203.6%208%208-3.6%208-8%208z%22%2F%3E%3Cpath%20fill%3D%22url(%23prefix__a)%22%20d%3D%22M136%20104h8v56h-8zM74.555%2079.728l2.97-7.428%2040.02%2016.007-2.972%207.428z%22%2F%3E%3C%2Fsvg%3E");
}
.accordion__icon--valid, .accordion__icon--invalid {
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: center;
  height: 22px;
  width: 22px;
  margin-right: 10px;
  display: inline-block;
  float: left;
}
.accordion__icon--valid {
  background-image: url("/img/customer-loyalty/icons/valid.svg");
}
.accordion__icon--invalid {
  background-image: url("/img/customer-loyalty/icons/invalid.svg");
}
.accordion__container--filter .accordion__chevron {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20192%20192%22%20fill%3D%22%23FFFFFF%22%3E%3Cpath%20d%3D%22M96%20133.7L33.2%2070.8l5.6-5.6L96%20122.3l57.2-57.1%205.6%205.6z%22%2F%3E%3C%2Fsvg%3E");
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: center;
  height: 14px;
  width: 14px;
  margin-right: 10px;
  display: inline-block;
}
.accordion__container--filter.is-open .accordion__chevron {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20192%20192%22%20fill%3D%22%23005691%22%3E%3Cpath%20d%3D%22M153.2%20126.8L96%2069.7l-57.2%2057.1-5.6-5.6L96%2058.3l62.8%2062.9z%22%2F%3E%3C%2Fsvg%3E");
}
.accordion__container--settings-link .accordion__chevron {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20192%20192%22%20fill%3D%22%23005691%22%3E%3Cpath%20d%3D%22M96%20133.7L33.2%2070.8l5.6-5.6L96%20122.3l57.2-57.1%205.6%205.6z%22%2F%3E%3C%2Fsvg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 38px;
  height: 48px;
  position: absolute;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
  transform: rotate(-90deg);
}
.accordion__container--settings .accordion__chevron, .accordion__container--contact .accordion__chevron, .accordion__container--orders .accordion__chevron {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20192%20192%22%3E%3Cpath%20d%3D%22M160%2092h-60V32h-8v60H32v8h60v60h8v-60h60z%22%20fill%3D%22%23005691%22%2F%3E%3C%2Fsvg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 38px;
  height: 48px;
  position: absolute;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.accordion__container--settings.is-open .accordion__chevron, .accordion__container--contact.is-open .accordion__chevron, .accordion__container--orders.is-open .accordion__chevron {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20192%20192%22%3E%3Cpath%20d%3D%22M44%2092h104v8H44z%22%20stroke%3D%22%23005691%22%2F%3E%3C%2Fsvg%3E");
}
.accordion__container--categories .accordion__chevron {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20192%20192%22%3E%3Cpath%20d%3D%22M160%2092h-60V32h-8v60H32v8h60v60h8v-60h60z%22%20fill%3D%22%23005691%22%2F%3E%3C%2Fsvg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.accordion__container--categories.is-open .accordion__chevron {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20192%20192%22%3E%3Cpath%20d%3D%22M44%2092h104v8H44z%22%20stroke%3D%22%23005691%22%2F%3E%3C%2Fsvg%3E");
  top: auto;
}
.accordion__header--icon-left .accordion__chevron {
  right: 0;
}
.accordion__container--settings .accordion__heading, .accordion__container--settings-link .accordion__heading, .accordion__container--contact .accordion__heading, .accordion__container--orders .accordion__heading {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 35px;
  color: #000000;
  margin: 0 0 20px;
  position: relative;
}
.accordion__container--settings .accordion__description, .accordion__container--contact .accordion__description, .accordion__container--orders .accordion__description {
  margin: 0;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
  color: #000000;
}
.accordion__link--edit {
  color: #005691;
  font-size: 16px;
  font-weight: 500;
  font-family: "BoschSans-Medium", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: none;
  border: none;
  cursor: pointer;
  display: block;
  margin-left: auto;
  padding: 0 20px 0 0;
}
.accordion__link--save {
  display: block;
  margin-left: auto;
}
.accordion__container--categories .accordion__link {
  color: #005691;
  font-size: 14px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 20px;
  margin-bottom: 5px;
}

.benchmark-accordion__container {
  background-color: #F7F7F7;
}
.benchmark-accordion__icon, .benchmark-accordion__icon--user, .benchmark-accordion__icon--exclamation, .benchmark-accordion__icon--water, .benchmark-accordion__icon--hot-water, .benchmark-accordion__icon--tap-water, .benchmark-accordion__icon--heater, .benchmark-accordion__icon--boiler {
  margin-right: 15px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 45px;
  width: 42px;
}
.benchmark-accordion__icon--boiler {
  background-image: url("/img/benchmark/boiler.svg");
}
.benchmark-accordion__icon--heater {
  background-image: url("/img/benchmark/heater.svg");
}
.benchmark-accordion__icon--tap-water {
  background-image: url("/img/benchmark/tap-water.svg");
}
.benchmark-accordion__icon--hot-water {
  background-image: url("/img/benchmark/hot-water.svg");
}
.benchmark-accordion__icon--water {
  background-image: url("/img/benchmark/water.svg");
}
.benchmark-accordion__icon--exclamation {
  background-image: url("/img/benchmark/exclamation.svg");
}
.benchmark-accordion__icon--user {
  background-image: url("/img/consumer-portal/user-icon.svg");
}
.benchmark-accordion__header {
  padding: 20px 40px;
  border-bottom: 1px solid #EBEBEB;
  display: flex;
  align-items: center;
}
.benchmark-accordion__title {
  font-size: 24px;
  font-weight: 100;
  width: 100%;
  margin: 0;
}
.benchmark-accordion__inner-title {
  font-size: 24px;
  font-weight: 100;
  margin: 0 0 28px;
}
.benchmark-accordion__toggle {
  cursor: pointer;
  justify-self: left;
  background-image: url("/img/benchmark/chevron.svg");
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  height: 20px;
}
.benchmark-accordion__toggle.chevron-up {
  transform: rotate(-90deg);
}
.benchmark-accordion__toggle.chevron-down {
  transform: rotate(90deg);
}
.benchmark-accordion__content-wrapper {
  padding: 8px;
  height: 100%;
}
.benchmark-accordion__content-wrapper.content-hidden {
  padding: 0;
  height: 0;
  overflow: hidden;
}
.benchmark-accordion__buttons {
  display: flex;
  flex-direction: row-reverse;
}

.badge__news--categories {
  background: #D8D8D8;
  color: #565656;
  border-radius: 10px;
  font-size: 12px;
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  min-width: 40px;
  text-align: center;
}

/* @define alert */
.alert {
  background: #FFFFFF;
  font-size: 15px;
  border: 1px solid #BFC0C2;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  max-width: 670px;
  padding: 16px;
  margin: 8px 16px;
}
.alert__icon {
  flex: 0 1 auto;
  height: 30px;
  width: 30px;
  margin: auto 0;
  position: relative;
}
.alert__icon--error, .alert__icon--info, .alert__icon--success, .alert__icon--warning {
  font-family: "BoschSans-Bold", "OpenSans-Bold-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 900;
  position: absolute;
  right: -10px;
  top: -10px;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  text-align: center;
  width: 50px;
  transform: scale(2);
  background-color: transparent;
  background-size: 16px;
  background-position: center;
  background-repeat: no-repeat;
}
.alert__icon--success {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20fill%3D%22%2378BE20%22%20d%3D%22M15%200C6.731%200%200%206.731%200%2015s6.731%2015%2015%2015%2015-6.731%2015-15S23.269%200%2015%200zm-2.25%2020.569l-5.025-5.044%201.069-1.069%203.956%203.975%208.475-8.475%201.069%201.069-9.544%209.544z%22%2F%3E%3C%2Fsvg%3E");
}
.alert__icon--error {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20fill%3D%22%23E20015%22%20d%3D%22M21.319%200H8.68L0%208.681V21.3L8.681%2030H21.3l8.681-8.681V8.68L21.32%200zm-7.275%207.5h1.912v4.669l-.506%205.756h-.919l-.506-5.756.019-4.669zm.956%2015c-.75%200-1.331-.581-1.331-1.331s.581-1.332%201.331-1.332c.731%200%201.331.6%201.331%201.332%200%20.731-.6%201.331-1.331%201.331z%22%2F%3E%3C%2Fsvg%3E");
}
.alert__icon--warning {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20192%20192%22%3E%3Cpath%20fill%3D%22%23E20015%22%20d%3D%22M175.8%20160H16.2L96%2015.7%20175.8%20160zm-146-8h132.4L96%2032.3%2029.8%20152z%22%2F%3E%3Cpath%20fill%3D%22%23E20015%22%20d%3D%22M103.1%20136.9c0%203.9-3.2%207.1-7.1%207.1-4%200-7.1-3.1-7.1-7.1s3.1-7.1%207.1-7.1c3.9%200%207.1%203.2%207.1%207.1zm-12.2-48V64h10.2v24.9l-2.7%2030.7h-4.9l-2.6-30.7z%22%2F%3E%3C%2Fsvg%3E");
}
.alert__icon--info {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20fill%3D%22%23008ECF%22%20d%3D%22M15%200C6.731%200%200%206.731%200%2015s6.731%2015%2015%2015%2015-6.731%2015-15S23.269%200%2015%200zm.975%2022.5h-1.95V12.075h1.969V22.5h-.019zM15%2010.163c-.731%200-1.331-.6-1.331-1.332%200-.731.6-1.331%201.331-1.331.75%200%201.331.581%201.331%201.331S15.75%2010.163%2015%2010.163z%22%2F%3E%3C%2Fsvg%3E");
}
.alert__content {
  display: flex;
  flex-flow: column nowrap;
  flex: 0 1 auto;
  margin: auto 0 auto 16px;
  max-width: 100%;
}
.alert__link {
  flex: 0 1 auto;
}
.alert--didyouknow {
  position: relative;
  padding: 24px 16px;
  display: flex;
  flex: 1 0 100%;
  flex-flow: column nowrap;
  align-items: flex-start;
  background: #006249;
  border: 0;
  color: #006249;
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  /* stylelint-disable-next-line */
}
.alert--didyouknow .alert__title {
  font-size: 21px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 1.05;
  white-space: nowrap;
  color: #FFFFFF;
  margin: 0 0 26px;
  flex: 0 0 auto;
}
.alert--didyouknow .alert__content {
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  color: #FFFFFF;
  margin: 0;
  flex: 0 0 50%;
}
.alert--didyouknow .alert__cta {
  white-space: nowrap;
  flex: 0 0 auto;
  margin-top: 22px;
}
.alert--didyouknow .alert__close {
  position: absolute;
  top: 24px;
  right: 16px;
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  border: 0;
  cursor: pointer;
  background: transparent url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpolygon%20fill%3D%22%23FFFFFF%22%20points%3D%2215.5%203.793%2016.207%204.5%2010.707%2010%2016.207%2015.5%2015.5%2016.207%2010%2010.707%204.5%2016.207%203.793%2015.5%209.293%2010%203.793%204.5%204.5%203.793%2010%209.293%22%2F%3E%3C%2Fsvg%3E") 50% 50% no-repeat;
}
.container--1024-to-edges .alert--didyouknow {
  margin: 24px auto 0;
}

.alert-fixed {
  position: fixed;
  z-index: 1060;
  top: 15px;
  left: 0;
  right: 0;
  width: 95%;
  max-width: 1060px;
  box-shadow: 0 50px 150px rgba(0, 0, 0, 0.5);
  transition: transform 0.2s ease-out, box-shadow 0.2s linear;
  border: 1px solid #EAEAEA;
  border-left: 2px solid #3c454e;
  background: #FFF;
  color: #525F6B;
  font-size: 16px;
  margin: 0 auto !important;
  flex-flow: column;
  align-items: flex-start;
}

.alert-fixed-hidden {
  transform: translateY(-125%);
  box-shadow: none;
}

.alert-fixed + .alert-fixed {
  top: 15%;
}

.alert-danger {
  border-left-color: #E20015;
  color: #E20015;
}

.alert-fixed .icon, .alert-fixed ul.tick li:before, ul.tick .alert-fixed li:before {
  display: none;
}

.alert-dismissable .close {
  right: 12px;
  position: absolute;
  color: inherit;
  z-index: 9;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.2s;
  cursor: pointer;
  background: 0 0;
  border: 0;
  -webkit-appearance: none;
  font-size: 25px;
}
.alert-dismissable .close:hover {
  font-weight: 700;
}

.alert-fixed .__error_message {
  padding: 3px 0;
}

/* @define band */
.band {
  background-color: #FFFFFF;
}
.band:nth-of-type(even) {
  background-color: #F7F7F7;
}
.band__cp--orders + .band__fasttrack--current {
  margin-bottom: 30px;
}
.band__cp--enquiry {
  margin-bottom: 60px;
}
.band__cp--pagination {
  margin-top: 60px;
}
.band__cp--fasttrack {
  background-color: #F7F7F7 !important;
}
.band__cp--fasttrack:nth-child(even) {
  background-color: #FFFFFF !important;
}
.band__cp--fasttrack:nth-child(even) .enquiry__response {
  background-color: #F7F7F7 !important;
}
.band__body {
  display: block;
  position: relative;
  max-width: 1368px;
  margin: 0 auto;
  padding: 32px 16px;
}
.band__body--center {
  text-align: center;
}
.band__body--cp {
  padding: 0 16px;
  max-width: 1168px;
  margin: auto;
  width: 100%;
}
.band__fasttrack--proof, .band__fasttrack--current {
  background-color: #EFEFF0;
  padding: 40px 16px 60px;
  overflow: auto;
}
.band__advert--templates {
  margin-top: 142px;
  padding: 64px 0;
  background-color: #EFEFF0;
}
.band__consumer-portal--enquiry {
  margin-bottom: 100px;
}
.band__consumer-portal--order {
  margin-bottom: 100px;
}

.banner {
  display: flex;
  align-items: center;
  padding: 20px 16px;
  background-color: #FFF3DC;
}
.banner__wrapper {
  margin-left: 16px;
}
.banner__title {
  color: #BD8311;
  margin: 0;
  font-weight: bold;
}
.banner__icon {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 30px;
  width: 30px;
  flex-shrink: 0;
}
.banner__cta {
  color: #0079B5;
  cursor: pointer;
  user-select: none;
}

.box__advert--preview {
  padding: 53px 65px 51px;
  border: 1.3px solid #BFC0C2;
  position: relative;
}
.box__advert--template {
  margin: 40px 72px 40px 20px;
  text-align: center;
  max-width: 328px;
  margin-right: 52px;
}
.box__advert--ctas {
  padding: 28px 30px 30px 20px;
  border: 1px solid #BFC0C2;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  margin: 40px 0;
}
.box__advert--boilers {
  padding: 58px 20px 20px;
  border: 1px solid #BFC0C2;
  background: #FFFFFF;
  text-align: center;
}
.box__news--categories {
  padding: 20px;
  border: 1px solid #BFC0C2;
}
.box__claims--my {
  border: 1px solid #BFC0C2;
  padding: 20px;
}
.box__download--result {
  display: flex;
  flex-direction: column;
  border: 1px solid #BFC0C2;
  padding: 20px;
  height: 100%;
}
.box__download--categories {
  padding: 20px;
  border: 1px solid #BFC0C2;
}
.box__contact--bsm {
  padding: 32px;
  border: 1px solid #005691;
  margin: 0 16px 32px;
}
.box__contact--search {
  padding: 32px 32px 27px;
  border: 1px solid #008ECF;
  margin-bottom: 32px;
}
.box__contact--help {
  padding: 28px 20px 20px;
  border: 1px solid #50237F;
  margin: 0 16px 60px;
}
.box__wai--invoices, .box__wai--terms, .box__wai--availability {
  max-width: 440px;
  flex: 1 1 100%;
  border: 1px solid;
  padding: 28px 20px 30px;
  margin: 0 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 95%;
}
.box__wai--invoices {
  border-color: #007DB8;
  margin-top: 80px;
}
.box__wai--terms {
  border-color: #00A8B0;
  margin: 30px 15px;
}
.box__wai--availability {
  border-color: #65A11B;
  margin-bottom: 80px;
}
.box__settings--office {
  padding: 20px;
  box-shadow: 0 2px 20px -10px rgba(0, 0, 0, 0.3);
  display: inline-flex;
  align-items: center;
}
.box__settings--success {
  width: 100%;
  padding: 0;
  box-shadow: none;
  justify-content: center;
  text-align: center;
}
.box__guarantee--certificate {
  padding: 40px 44px;
  border: 1px solid #BFC0C2;
  display: flex;
  flex-flow: column;
  align-items: center;
  max-width: 368px;
  margin: 0 auto 30px;
}
.box__guarantee--certificate p {
  font-size: 12px;
  font-weight: 300;
  line-height: 16px;
  text-align: center;
}
.grid__details--guarantees .grid__col--certificate .box__guarantee--certificate {
  flex: 0 0 auto;
}
.box__shop--landing, .box__shop--products {
  border: 1px solid #BFC0C2;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.box__shop--reorder {
  display: flex;
  flex-direction: column;
  padding: 20px;
  border: 1px solid #BFC0C2;
  margin: 16px;
}
.box__shop--checkout {
  border: 1px solid #BFC0C2;
  padding: 20px;
  margin: 0 16px;
}
.box__shop--basket {
  display: flex;
  flex-direction: column;
  padding: 20px;
  border: 1px solid #BFC0C2;
  margin: 16px;
}
.box__product--external {
  border: 1px solid #BFC0C2;
  padding: 20px;
  display: flex;
  flex-direction: column;
  margin: 31px 16px;
}
.box__quicklinks {
  background-color: #FFFFFF;
  cursor: pointer;
  display: flex;
  margin: 10px 38px 10px 20px;
  padding: 20px;
  justify-content: flex-start;
  width: 90%;
}
.box__quicklinks .box__title {
  color: #000000;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 24px;
  margin-bottom: 10px;
  line-height: 31px;
  margin-top: 0;
}
.box__advert--template .box__title, .box__advert--boilers .box__title {
  font-size: 20px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #000000;
  margin-bottom: 44px;
  line-height: 24px;
}
.box__advert--ctas .box__title {
  display: flex;
  align-items: center;
  font-size: 24px;
  font-weight: 300;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 31px;
  margin-bottom: 20px;
}
.box__download--result .box__title {
  text-align: center;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 20px;
  line-height: 24px;
  margin: 14px 0 20px;
}
.box__wai--invoices .box__title, .box__wai--terms .box__title, .box__wai--availability .box__title {
  color: #000000;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 31px;
  margin: 0 0 20px;
  display: flex;
  align-items: center;
}
.box__settings--office .box__title {
  color: #000000;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 300;
  margin-right: 40px;
}
.box__shop--landing .box__title {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 24px;
  color: #000000;
  margin-bottom: 20px;
  text-align: center;
}
.box__shop--products .box__title {
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 31px;
  color: #000000;
  margin-bottom: 8px;
}
.box__shop--basket .box__title, .box__shop--reorder .box__title, .box__claims--my .box__title, .box__login .box__title, .box__news--categories .box__title {
  padding-bottom: 20px;
  border-bottom: 1px solid #BFC0C2;
  font-size: 20px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  margin-top: 0;
}
.box__shop--checkout .box__title {
  padding-bottom: 20px;
  border-bottom: 1px solid #BFC0C2;
  font-size: 20px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.box__contact--bsm .box__title, .box__contact--search .box__title {
  padding-bottom: 16px;
  border-bottom: 1px solid #BFC0C2;
  font-size: 20px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 24px;
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  padding-right: 35px;
}
.box__product--external .box__title {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 26px;
  font-weight: 300;
  line-height: 32px;
  margin-bottom: 20px;
  color: #000000;
}
.box__product--external .box__title--label {
  font-family: "BoschSans-Bold", "OpenSans-Bold-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  margin-bottom: 10px;
  display: block;
  color: #000000;
}
.box__contact--help .box__title {
  display: flex;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 26px;
  font-weight: 300;
  line-height: 32px;
  margin: 0 0 20px;
  color: #000000;
  align-items: center;
}
.box__download--categories .box__title {
  padding-bottom: 20px;
  border-bottom: 1px solid #BFC0C2;
  font-size: 20px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 24px;
  margin-bottom: 0;
}
.box__account .box__title {
  display: block;
  font-size: 20px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  padding-bottom: 20px;
  border-bottom: 1px solid #BFC0C2;
  margin-bottom: 20px;
}
.box__quicklinks .box__description {
  font-size: 14px;
  font-weight: 300;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 20px;
  line-height: 20px;
}
.box__advert--ctas .box__description {
  font-size: 15px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  margin-bottom: 40px;
  line-height: 28px;
}
.box__advert--template .box__description {
  font-size: 14px;
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  line-height: 20px;
  color: #000000;
}
.box__advert--preview .box__description {
  text-align: center;
  color: #000000;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 23.4px;
  margin: 0;
}
.box__wai--invoices .box__description, .box__wai--terms .box__description, .box__wai--availability .box__description {
  color: #000000;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 28px;
  margin: 0 0 34px;
}
.box__guarantee--certificate .box__description {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 24px;
  text-align: center;
  margin: 24px 0;
}
.box__shop--landing .box__description {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
  color: #000000;
  margin-bottom: 20px;
  text-align: center;
}
.box__shop--products .box__description {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 28px;
  color: #000000;
  margin-bottom: 20px;
}
.box__product--external .box__description, .box__claims--my .box__description {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 20px;
  line-height: 20px;
}
.box__contact--bsm .box__description {
  margin-bottom: 0;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
  color: #000000;
}
.box__contact--search .box__description {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 8px;
  line-height: 20px;
  color: #000000;
  max-width: 228px;
}
.box__contact--help .box__description {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 300;
  margin-bottom: 20px;
  line-height: 20px;
  color: #000000;
}
.box__link {
  color: #005691;
  text-decoration: none;
}
.box__link:hover {
  text-decoration: underline;
}
.box__thumbnail {
  width: 100%;
  display: block;
  padding: 0 20px;
}
.box__shop--landing .box__thumbnail {
  margin: 30px auto 40px;
  padding: 0 30px;
  max-height: 130px;
  width: 90%;
}
.box__shop--products .box__thumbnail {
  margin: 56px 0 70px;
  height: 194px;
  padding: 0;
}
.box__quicklinks .box__thumbnail {
  max-width: 42px;
  height: auto;
  margin-bottom: auto;
  margin-right: 20px;
  margin-top: 7px;
  padding: 0;
}
.box__guarantee--certificate .box__thumbnail {
  margin: auto 0;
}
.box__thumbnail--gas-safe {
  max-width: 200px;
  margin: auto;
}
.box__product--external .box__ctas {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.box__cta {
  text-align: center;
}
.media__list--products .box__cta, .box__advert--template .box__cta, .box__advert--boilers .box__cta {
  display: block;
  width: 100%;
}
.box__advert--ctas .box__cta {
  align-self: flex-end;
}
.box__advert--preview .box__cta {
  position: absolute;
  font-size: 0;
  padding: 15px;
  background-color: transparent;
  top: 0;
  right: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3Ax%3D%22http%3A%2F%2Fns.adobe.com%2FExtensibility%2F1.0%2F%22%20xmlns%3Ai%3D%22http%3A%2F%2Fns.adobe.com%2FAdobeIllustrator%2F10.0%2F%22%20xmlns%3Agraph%3D%22http%3A%2F%2Fns.adobe.com%2FGraphs%2F1.0%2F%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Icon_x5F_contour%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20192%20192%22%20enable-background%3D%22new%200%200%20192%20192%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%22132,32%20132,40%20146.3,40%20125.2,61.2%20130.8,66.8%20152,45.7%20152,60%20160,60%20160,32%20%22%2F%3E%3Cpolygon%20points%3D%2261.2,125.2%2040,146.3%2040,132%2032,132%2032,160%2060,160%2060,152%2045.7,152%2066.8,130.8%20%22%2F%3E%3Cpolygon%20points%3D%22152,146.3%20130.8,125.2%20125.2,130.8%20146.3,152%20132,152%20132,160%20160,160%20160,132%20152,132%20%22%2F%3E%3Cpolygon%20points%3D%2240,45.7%2061.2,66.8%2066.8,61.2%2045.7,40%2060,40%2060,32%2032,32%2032,60%2040,60%20%22%2F%3E%3Cpolygon%20points%3D%2280,92%2072,92%2072,72%2092,72%2092,80%2080,80%20%22%2F%3E%3Cpolygon%20points%3D%22120,92%20112,92%20112,80%20100,80%20100,72%20120,72%20%22%2F%3E%3Cpolygon%20points%3D%22120,120%20100,120%20100,112%20112,112%20112,100%20120,100%20%22%2F%3E%3Cpolygon%20points%3D%2292,120%2072,120%2072,100%2080,100%2080,112%2092,112%20%22%2F%3E%3C%2Fsvg%3E");
  display: block;
  border: none;
}
.box__product--external .box__cta {
  margin-bottom: 20px;
  display: inline-block;
}
.box__wai--invoices .box__cta, .box__wai--terms .box__cta, .box__wai--availability .box__cta {
  align-self: flex-end;
}
.box__guarantee--certificate .box__cta {
  display: block;
  width: calc(100% - 12px);
  margin: 0 auto;
}
.box__shop--products .box__cta, .box__shop--reorder .box__cta {
  margin-top: 20px;
}
.box__shop--basket .box__cta {
  text-align: center;
}
.box__shop--landing .box__cta {
  width: 100%;
}
.box__account .box__cta {
  margin-top: 30px;
  text-align: right;
}
.box__login .box__cta {
  width: 100%;
  margin-left: auto;
}
.box__cta__chatlink {
  display: inline-flex;
  align-items: center;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 300;
  color: #005691;
  text-decoration: none;
}
.box__cta__chatlink img, .box__cta__chatlink svg {
  margin-right: 10px;
}
.box__cta__chatlink:hover {
  color: #000000;
}
.box__icon {
  position: relative;
}
.box__settings--office .box__icon--tick, .box__settings--office .box__icon--cross, .box__settings--extended .box__icon--tick, .box__settings--extended .box__icon--cross {
  height: 48px;
  width: 48px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
  display: block;
}
.box__settings--office .box__icon--tick, .box__settings--extended .box__icon--tick {
  border: 2px solid #006249;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2019%2013%22%3E%3Cpath%20fill%3D%22%23006249%22%20d%3D%22M22.088%2031.864L34.156%2019.768%2033.344%2018.956%2022.088%2030.212%2016.656%2024.78%2015.844%2025.62z%22%20transform%3D%22translate(-15.5%20-19)%22%2F%3E%3C%2Fsvg%3E");
}
.box__settings--office .box__icon--cross, .box__settings--extended .box__icon--cross {
  border: 2px solid #EA0016;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20192%20192%22%3E%3Cpath%20fill%3D%22%23EA0016%22%20d%3D%22M%20153.7%2032.2%20L%20100%2086.2%20L%2046.3%2032.2%20l%20-9.1%209.1%20L%2090.8%2095.5%20l%20-53.6%2054.2%20l%209.1%209.1%20L%20100%20104.8%20l%2053.7%2054%20l%209.1%20-9.1%20L%20109.2%2095.5%20l%2053.6%20-54.2%20z%22%20%2F%3E%3C%2Fsvg%3E");
}
.box__icon--success {
  height: 120px;
  width: 120px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20192%20192%22%3E%3Cpath%20fill%3D%22%2378BE20%22%20d%3D%22M96%20176c-44.1%200-80-35.9-80-80s35.9-80%2080-80%2080%2035.9%2080%2080-35.9%2080-80%2080zm0-152c-39.7%200-72%2032.3-72%2072s32.3%2072%2072%2072%2072-32.3%2072-72-32.3-72-72-72z%22%2F%3E%3Cpath%20fill%3D%22%2378BE20%22%20d%3D%22M129.2%2069.2L84%20114.3%2062.8%2093.2l-5.6%205.6L84%20125.7l50.8-50.9z%22%2F%3E%3C%2Fsvg%3E");
}
.box__icon--terms, .box__icon--invoices, .box__icon--availability {
  height: 36px;
  width: 36px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  margin-right: 8px;
}
.box__icon--invoices {
  background-image: url("/img/customer-loyalty/icons/invoice.svg");
}
.box__icon--terms {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20192%20192%22%3E%3Cpath%20d%3D%22M121.8%2016H40v160h112V50.5L121.8%2016zm2.2%2014.6L139.2%2048H124V30.6zM48%20168V24h68v32h28v112H48z%22%20fill%3D%22%23005691%22%2F%3E%3Cpath%20d%3D%22M56%2072h64v8H56zM56%2092h64v8H56zM56%20112h40v8H56z%22%20fill%3D%22%23005691%22%2F%3E%3C%2Fsvg%3E");
}
.box__icon--availability {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20192%20192%22%3E%3Cpath%20d%3D%22M136%2032V20h-8v12H64V20h-8v12H16v128h160V32h-40zm32%20120H24V72h144v80zM24%2064V40h32v7h8v-7h64v7h8v-7h32v24H24z%22%20fill%3D%22%23005691%22%2F%3E%3C%2Fsvg%3E");
}
.box__shop--checkout .box__icon--shoppingcart, .box__shop--basket .box__icon--shoppingcart {
  height: 20px;
  width: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  margin-right: 6px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20192%20192%22%3E%3Cpath%20d%3D%22M161.3%2040.2c-4.1-1.4-9.1-.8-13.4%201.4-4%202.1-6.7%205.4-7.7%209.3l-1.4%205.1H32c-8.8%200-16%207.2-16%2016%200%201.4.2%202.8.5%204.1l12.1%2040.3c2%206.8%208.3%2011.6%2015.4%2011.6h75.1l-2.3%208.3c-6%201.2-10.8%205.8-12.3%2011.7h-41c-1.8-6.9-8-12-15.5-12-8.8%200-16%207.2-16%2016s7.2%2016%2016%2016c7.4%200%2013.7-5.1%2015.5-12h41.1c1.8%206.9%208%2012%2015.5%2012%208.8%200%2016-7.2%2016-16%200-7.1-4.6-13.1-11-15.2L147.9%2053c.5-1.7%201.8-3.3%203.8-4.4%202.3-1.2%205-1.6%207.1-.9l12%204%202.5-7.6-12-3.9zM48%20160c-4.4%200-8-3.6-8-8s3.6-8%208-8%208%203.6%208%208-3.6%208-8%208zm-4-40c-3.5%200-6.7-2.4-7.7-5.8L24.3%2074c-.2-.6-.3-1.3-.3-2%200-4.4%203.6-8%208-8h104.6l-15.3%2056H44zm84%2032c0%204.4-3.6%208-8%208s-8-3.6-8-8%203.6-8%208-8%208%203.6%208%208z%22%20fill%3D%22%23000000%22%2F%3E%3C%2Fsvg%3E");
}
.box__shop--checkout .box__icon--star, .box__shop--basket .box__icon--star {
  height: 1em;
  width: 1em;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  margin-right: 6px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2257%22%20viewBox%3D%220%200%2060%2057%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M90.3%2086.774c-.237%200-.434-.04-.67-.158l-16.678-7.57-16.677%207.57c-.513.237-1.144.158-1.617-.197-.473-.355-.71-.946-.591-1.498l3.036-18.136L43.46%2053.183c-.434-.434-.552-1.025-.394-1.577.197-.552.67-.986%201.261-1.065l18.176-3.036%209.107-16.677c.276-.513.789-.828%201.38-.828.592%200%201.104.315%201.38.828l9.108%2016.677%2018.175%203.036c.592.079%201.065.513%201.262%201.065.197.552.04%201.183-.394%201.577L88.92%2066.785l3.036%2018.136c.078.591-.119%201.143-.592%201.498-.394.237-.71.355-1.064.355zm-17.348-11.04c.237%200%20.434.04.67.158l14.667%206.663-2.681-16.007c-.079-.512.079-1.025.434-1.38l12.025-12.025-15.89-2.641c-.472-.08-.906-.394-1.143-.789L72.952%2034.89%2064.87%2049.674c-.237.434-.631.71-1.144.788l-15.889%202.642%2012.025%2012.025c.355.355.513.867.434%201.38l-2.68%2016.007%2014.666-6.663c.236-.079.433-.118.67-.118z%22%20transform%3D%22translate(-43%20-30)%22%2F%3E%3C%2Fsvg%3E");
}
.box__shop--products .box__icon--star {
  height: 25px;
  width: 25px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  vertical-align: top;
  margin-right: 6px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2257%22%20viewBox%3D%220%200%2060%2057%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M90.3%2086.774c-.237%200-.434-.04-.67-.158l-16.678-7.57-16.677%207.57c-.513.237-1.144.158-1.617-.197-.473-.355-.71-.946-.591-1.498l3.036-18.136L43.46%2053.183c-.434-.434-.552-1.025-.394-1.577.197-.552.67-.986%201.261-1.065l18.176-3.036%209.107-16.677c.276-.513.789-.828%201.38-.828.592%200%201.104.315%201.38.828l9.108%2016.677%2018.175%203.036c.592.079%201.065.513%201.262%201.065.197.552.04%201.183-.394%201.577L88.92%2066.785l3.036%2018.136c.078.591-.119%201.143-.592%201.498-.394.237-.71.355-1.064.355zm-17.348-11.04c.237%200%20.434.04.67.158l14.667%206.663-2.681-16.007c-.079-.512.079-1.025.434-1.38l12.025-12.025-15.89-2.641c-.472-.08-.906-.394-1.143-.789L72.952%2034.89%2064.87%2049.674c-.237.434-.631.71-1.144.788l-15.889%202.642%2012.025%2012.025c.355.355.513.867.434%201.38l-2.68%2016.007%2014.666-6.663c.236-.079.433-.118.67-.118z%22%20transform%3D%22translate(-43%20-30)%22%2F%3E%3C%2Fsvg%3E");
}
.box__icon--bsm {
  width: 31px;
  height: 20px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20192%20192%22%3E%3Cpath%20d%3D%22M16%2044v104h160V44H16zm20%2096c0-13.2%2010.8-24%2024-24s24%2010.8%2024%2024H36zm24-36c-6.6%200-12-5.4-12-12s5.4-12%2012-12%2012%205.4%2012%2012-5.4%2012-12%2012zm108%2036H92c0-14.3-9.4-26.4-22.3-30.5C75.8%20106.1%2080%2099.5%2080%2092c0-11-9-20-20-20s-20%209-20%2020c0%207.5%204.2%2014.1%2010.3%2017.5C37.4%20113.6%2028%20125.7%2028%20140h-4V52h144v88z%22%20fill%3D%22%23005691%22%2F%3E%3Cpath%20d%3D%22M96%2072h64v8H96zM96%2092h64v8H96zM96%20112h48v8H96z%22%20fill%3D%22%23005691%22%2F%3E%3C%2Fsvg%3E");
  margin-right: 10px;
  display: block;
}
.box__icon--calendar {
  width: 50px;
  height: 50px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2250%22%20height%3D%2249%22%20viewBox%3D%220%200%2050%2049%22%3E%3Cpath%20fill%3D%22%23005691%22%20d%3D%22M37.5%203.75V0H35v3.75H15V0h-2.5v3.75H0v40h28.531c-.343-.781-.625-1.625-.781-2.5H2.5v-25h45v12.5c.938.719%201.781%201.563%202.5%202.5V3.75H37.5zm2.5%2025c5.5%200%2010%204.5%2010%2010s-4.5%2010-10%2010-10-4.5-10-10%204.5-10%2010-10zm0%202.5c-4.125%200-7.5%203.375-7.5%207.5s3.375%207.5%207.5%207.5%207.5-3.375%207.5-7.5-3.375-7.5-7.5-7.5zm1.25%202.5v3.75h2.5V40h-5v-6.25h2.5zM12.5%206.25v2.188H15V6.25h20v2.188h2.5V6.25h10v7.5h-45v-7.5h10z%22%2F%3E%3C%2Fsvg%3E");
  margin-right: 10px;
  display: block;
}
.box__icon--people {
  width: 30px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20192%20192%22%3E%3Cpath%20d%3D%22M134.3%20104.3C147.1%2098.2%20156%2085.1%20156%2070c0-21-17-38-38-38S80%2049%2080%2070c0%2015.1%208.9%2028.2%2021.7%2034.3-24%207.1-41.7%2029.4-41.7%2055.7h8c0-27.6%2022.4-50%2050-50s50%2022.4%2050%2050h8c0-26.3-17.7-48.6-41.7-55.7zM88%2070c0-16.5%2013.5-30%2030-30s30%2013.5%2030%2030-13.5%2030-30%2030-30-13.5-30-30z%22%20fill%3D%22%23008ECF%22%2F%3E%3Cpath%20d%3D%22M65.8%20119.7c1.7-2.1%203.4-4.2%205.3-6.1-2.7-1.7-5.6-3.1-8.6-4C70.5%20105.7%2076%2097.5%2076%2088c0-13.2-10.8-24-24-24S28%2074.8%2028%2088c0%209.5%205.5%2017.7%2013.5%2021.6C26.7%20114.1%2016%20127.8%2016%20144h8c0-15.4%2012.6-28%2028-28%204.9%200%209.6%201.3%2013.8%203.7zM36%2088c0-8.8%207.2-16%2016-16s16%207.2%2016%2016-7.2%2016-16%2016-16-7.2-16-16z%22%20fill%3D%22%23008ECF%22%2F%3E%3C%2Fsvg%3E");
  margin-right: 10px;
  display: block;
}
.box__icon--support {
  width: 36px;
  height: 36px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 8px;
  display: block;
}
.box__shop--basket .box__text--small {
  font-size: 16px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 20px;
  display: flex;
  justify-content: space-between;
}
.box__shop--basket > .box__text--small {
  margin-bottom: 20px;
}
.box__shop--reorder > .box__text--small {
  font-size: 14px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 20px;
  display: block;
}
.box__contact--help .box__text--small {
  font-size: 12px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 15px;
  display: block;
  margin: 0;
  color: #000000;
}
.box__account .box__text--small {
  font-size: 14px;
  line-height: 24px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
}
.box__shop--checkout .box__footnote {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.5);
  display: block;
}
.box__download--result .box__image {
  height: 186px;
  width: 186px;
  margin: auto;
}
.box__advert--preview .box__image {
  margin: 0 20px 27px;
}
.box__advert--template .box__image {
  margin: 0 auto 10px;
  max-width: 168px;
  height: auto;
}
.box__advert--boilers .box__image {
  margin: 0 auto 22px;
}
.box__account {
  padding: 20px;
  border: 1px solid #BFC0C2;
  margin-bottom: 32px;
}
.box__login {
  border: 1px solid #BFC0C2;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 20px;
  display: flex;
  flex-direction: column;
  background-color: #FFFFFF;
}

.button__primary, .news__cta .band.band-offblue .btn.btn-success, .guarantee__band--loyalty .tool-footer .btn, .guarantee__band--loyalty .modal .btn, .guarantee__band--loyalty .modal .modal-footer.band-grey .btn-primary, .guarantee__screen--installations\!loyalty + div > .box .btn, .cms__images--double\!loyalty .btn, .cms__band--cols\!loyalty .btn-primary,
.cms__band--video\!loyalty .btn-primary,
.cms__band--image\!loyalty .btn-primary,
.cms__band--box\!loyalty .btn-primary,
.cms__module--supergraphic\!loyalty .btn-primary, .cms__module--graphic\!loyalty .btn-green,
.cms__module--graphic\!loyalty .btn-success, .cms__module--hero\!loyalty .v2wb-hero-content .btn-success, .cms__module--boxes\!loyalty .box .btn-loyalty, .repair .button__success, .input__container--file .input__label, .button__primary--outofoffice {
  padding: 14px 19px;
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
  border: 1px solid #005691;
  background-color: #005691;
  color: #FFFFFF;
  transition: color 0.5s, border 0.5s, background 0.5s;
  cursor: pointer;
  text-align: center;
}
.button__primary:hover, .news__cta .band.band-offblue .btn.btn-success:hover, .guarantee__band--loyalty .tool-footer .btn:hover, .guarantee__band--loyalty .modal .btn:hover, .guarantee__band--loyalty .modal .modal-footer.band-grey .btn-primary:hover, .guarantee__screen--installations\!loyalty + div > .box .btn:hover, .cms__images--double\!loyalty .btn:hover, .cms__band--cols\!loyalty .btn-primary:hover,
.cms__band--video\!loyalty .btn-primary:hover,
.cms__band--image\!loyalty .btn-primary:hover,
.cms__band--box\!loyalty .btn-primary:hover,
.cms__module--supergraphic\!loyalty .btn-primary:hover, .cms__module--graphic\!loyalty .btn-green:hover,
.cms__module--graphic\!loyalty .btn-success:hover, .cms__module--hero\!loyalty .v2wb-hero-content .btn-success:hover, .cms__module--boxes\!loyalty .box .btn-loyalty:hover, .repair .button__success:hover, .input__container--file .input__label:hover, .button__primary:focus, .news__cta .band.band-offblue .btn.btn-success:focus, .guarantee__band--loyalty .tool-footer .btn:focus, .guarantee__band--loyalty .modal .btn:focus, .guarantee__band--loyalty .modal .modal-footer.band-grey .btn-primary:focus, .guarantee__screen--installations\!loyalty + div > .box .btn:focus, .cms__images--double\!loyalty .btn:focus, .cms__band--cols\!loyalty .btn-primary:focus,
.cms__band--video\!loyalty .btn-primary:focus,
.cms__band--image\!loyalty .btn-primary:focus,
.cms__band--box\!loyalty .btn-primary:focus,
.cms__module--supergraphic\!loyalty .btn-primary:focus, .cms__module--graphic\!loyalty .btn-green:focus,
.cms__module--graphic\!loyalty .btn-success:focus, .cms__module--hero\!loyalty .v2wb-hero-content .btn-success:focus, .cms__module--boxes\!loyalty .box .btn-loyalty:focus, .repair .button__success:focus, .input__container--file .input__label:focus, .button__primary--outofoffice:hover, .button__primary--outofoffice:focus {
  color: #FFFFFF;
  border-color: #7FC6E7;
  background-color: #7FC6E7;
  text-decoration: none;
  outline: none;
}
.button__primary:active, .news__cta .band.band-offblue .btn.btn-success:active, .guarantee__band--loyalty .tool-footer .btn:active, .guarantee__band--loyalty .modal .btn:active, .guarantee__band--loyalty .modal .modal-footer.band-grey .btn-primary:active, .guarantee__screen--installations\!loyalty + div > .box .btn:active, .cms__images--double\!loyalty .btn:active, .cms__band--cols\!loyalty .btn-primary:active,
.cms__band--video\!loyalty .btn-primary:active,
.cms__band--image\!loyalty .btn-primary:active,
.cms__band--box\!loyalty .btn-primary:active,
.cms__module--supergraphic\!loyalty .btn-primary:active, .cms__module--graphic\!loyalty .btn-green:active,
.cms__module--graphic\!loyalty .btn-success:active, .cms__module--hero\!loyalty .v2wb-hero-content .btn-success:active, .cms__module--boxes\!loyalty .box .btn-loyalty:active, .repair .button__success:active, .input__container--file .input__label:active, .button__primary--outofoffice:active {
  color: #FFFFFF;
  border-color: #008ECF;
  background-color: #008ECF;
  text-decoration: none;
}
a.button__primary, .news__cta .band.band-offblue a.btn.btn-success, .guarantee__band--loyalty .tool-footer a.btn, .guarantee__band--loyalty .modal a.btn, .guarantee__band--loyalty .modal .modal-footer.band-grey a.btn-primary, .guarantee__screen--installations\!loyalty + div > .box a.btn, .cms__images--double\!loyalty a.btn, .cms__band--cols\!loyalty a.btn-primary,
.cms__band--video\!loyalty a.btn-primary,
.cms__band--image\!loyalty a.btn-primary,
.cms__band--box\!loyalty a.btn-primary,
.cms__module--supergraphic\!loyalty a.btn-primary, .cms__module--graphic\!loyalty a.btn-green,
.cms__module--graphic\!loyalty a.btn-success, .cms__module--hero\!loyalty .v2wb-hero-content a.btn-success, .cms__module--boxes\!loyalty .box a.btn-loyalty, .repair a.button__success, .input__container--file a.input__label, .button__primary--outofoffice {
  display: inline-block;
  text-decoration: none;
}
a.button__primary:hover, .news__cta .band.band-offblue a.btn.btn-success:hover, .guarantee__band--loyalty .tool-footer a.btn:hover, .guarantee__band--loyalty .modal a.btn:hover, .guarantee__band--loyalty .modal .modal-footer.band-grey a.btn-primary:hover, .guarantee__screen--installations\!loyalty + div > .box a.btn:hover, .cms__images--double\!loyalty a.btn:hover, .cms__band--cols\!loyalty a.btn-primary:hover,
.cms__band--video\!loyalty a.btn-primary:hover,
.cms__band--image\!loyalty a.btn-primary:hover,
.cms__band--box\!loyalty a.btn-primary:hover,
.cms__module--supergraphic\!loyalty a.btn-primary:hover, .cms__module--graphic\!loyalty a.btn-green:hover,
.cms__module--graphic\!loyalty a.btn-success:hover, .cms__module--hero\!loyalty .v2wb-hero-content a.btn-success:hover, .cms__module--boxes\!loyalty .box a.btn-loyalty:hover, .repair a.button__success:hover, .input__container--file a.input__label:hover, a.button__primary:focus, .news__cta .band.band-offblue a.btn.btn-success:focus, .guarantee__band--loyalty .tool-footer a.btn:focus, .guarantee__band--loyalty .modal a.btn:focus, .guarantee__band--loyalty .modal .modal-footer.band-grey a.btn-primary:focus, .guarantee__screen--installations\!loyalty + div > .box a.btn:focus, .cms__images--double\!loyalty a.btn:focus, .cms__band--cols\!loyalty a.btn-primary:focus,
.cms__band--video\!loyalty a.btn-primary:focus,
.cms__band--image\!loyalty a.btn-primary:focus,
.cms__band--box\!loyalty a.btn-primary:focus,
.cms__module--supergraphic\!loyalty a.btn-primary:focus, .cms__module--graphic\!loyalty a.btn-green:focus,
.cms__module--graphic\!loyalty a.btn-success:focus, .cms__module--hero\!loyalty .v2wb-hero-content a.btn-success:focus, .cms__module--boxes\!loyalty .box a.btn-loyalty:focus, .repair a.button__success:focus, .input__container--file a.input__label:focus, .button__primary--outofoffice:hover, .button__primary--outofoffice:focus {
  text-decoration: none;
}

.button__primary--dark-green, .button__primary--outofoffice--dark-green {
  background-color: #006249;
  border-color: #006249;
}
.button__primary--white, .button__primary--outofoffice--white {
  padding: 14px 30px;
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
  color: #FFFFFF;
  background-color: transparent;
  border: 1px solid #FFFFFF;
  text-decoration: none;
  margin: 16px;
  transition: color 0.5s, border 0.5s, background 0.5s;
  cursor: pointer;
}
.button__primary--white:hover, .button__primary--white:focus, .button__primary--outofoffice--white:hover, .button__primary--outofoffice--white:focus {
  color: #FFFFFF;
  border-color: #7FC6E7;
  background-color: #7FC6E7;
  text-decoration: none;
  outline: none;
}
.button__primary--transparent, .button__primary--outofoffice--transparent {
  background-color: transparent;
  border-color: #FFFFFF;
}
.button__primary--transparent:hover, .button__primary--outofoffice--transparent:hover {
  background-color: transparent;
  border-color: #FFFFFF;
}
.button__primary[disabled], .news__cta .band.band-offblue [disabled].btn.btn-success, .guarantee__band--loyalty .tool-footer [disabled].btn, .guarantee__band--loyalty .modal [disabled].btn, .guarantee__band--loyalty .modal .modal-footer.band-grey [disabled].btn-primary, .guarantee__screen--installations\!loyalty + div > .box [disabled].btn, .cms__images--double\!loyalty [disabled].btn, .cms__band--cols\!loyalty [disabled].btn-primary,
.cms__band--video\!loyalty [disabled].btn-primary,
.cms__band--image\!loyalty [disabled].btn-primary,
.cms__band--box\!loyalty [disabled].btn-primary,
.cms__module--supergraphic\!loyalty [disabled].btn-primary, .cms__module--graphic\!loyalty [disabled].btn-green,
.cms__module--graphic\!loyalty [disabled].btn-success, .cms__module--hero\!loyalty .v2wb-hero-content [disabled].btn-success, .cms__module--boxes\!loyalty .box [disabled].btn-loyalty, .repair [disabled].button__success, .input__container--file [disabled].input__label, .button__primary--outofoffice[disabled] {
  background-color: #BFC0C2;
  border-color: inherit;
  cursor: default;
}
.button__secondary, .guarantee__band--loyalty .btn.btn-default, .guarantee__band--loyalty .table .btn-loader.btn.btn-default.btn-loader-alt, .cms__band--cols\!loyalty .btn-loyalty,
.cms__band--video\!loyalty .btn-loyalty,
.cms__band--image\!loyalty .btn-loyalty,
.cms__band--box\!loyalty .btn-loyalty,
.cms__module--supergraphic\!loyalty .btn-loyalty, .cms__module--news\!loyalty .btn-boxed, .button__secondary--ghost-light, .button__secondary--outofoffice--ghost-light, .button__secondary--ghost, .button__secondary--outofoffice--ghost, .button__secondary--danger, .guarantee__band--loyalty .table .icon.icon-trash-o:before, .guarantee__band--loyalty .table ul.tick li.icon-trash-o:before, ul.tick .guarantee__band--loyalty .table li.icon-trash-o:before, .button__secondary--outofoffice--danger, .button__secondary--outofoffice {
  padding: 14px 19px;
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
  border: 1px solid #005691;
  color: #005691;
  transition: color 0.5s, border 0.5s;
  background: transparent;
  cursor: pointer;
}
.button__secondary:hover, .guarantee__band--loyalty .btn.btn-default:hover, .guarantee__band--loyalty .table .btn-loader.btn.btn-default.btn-loader-alt:hover, .cms__band--cols\!loyalty .btn-loyalty:hover,
.cms__band--video\!loyalty .btn-loyalty:hover,
.cms__band--image\!loyalty .btn-loyalty:hover,
.cms__band--box\!loyalty .btn-loyalty:hover,
.cms__module--supergraphic\!loyalty .btn-loyalty:hover, .cms__module--news\!loyalty .btn-boxed:hover, .button__secondary--ghost-light:hover, .button__secondary--outofoffice--ghost-light:hover, .button__secondary--ghost:hover, .button__secondary--outofoffice--ghost:hover, .button__secondary--danger:hover, .guarantee__band--loyalty .table .icon.icon-trash-o:hover:before, .guarantee__band--loyalty .table ul.tick li.icon-trash-o:hover:before, ul.tick .guarantee__band--loyalty .table li.icon-trash-o:hover:before, .button__secondary--outofoffice--danger:hover, .button__secondary:focus, .guarantee__band--loyalty .btn.btn-default:focus, .guarantee__band--loyalty .table .btn-loader.btn.btn-default.btn-loader-alt:focus, .cms__band--cols\!loyalty .btn-loyalty:focus,
.cms__band--video\!loyalty .btn-loyalty:focus,
.cms__band--image\!loyalty .btn-loyalty:focus,
.cms__band--box\!loyalty .btn-loyalty:focus,
.cms__module--supergraphic\!loyalty .btn-loyalty:focus, .cms__module--news\!loyalty .btn-boxed:focus, .button__secondary--ghost-light:focus, .button__secondary--outofoffice--ghost-light:focus, .button__secondary--ghost:focus, .button__secondary--outofoffice--ghost:focus, .button__secondary--danger:focus, .guarantee__band--loyalty .table .icon.icon-trash-o:focus:before, .guarantee__band--loyalty .table ul.tick li.icon-trash-o:focus:before, ul.tick .guarantee__band--loyalty .table li.icon-trash-o:focus:before, .button__secondary--outofoffice--danger:focus, .button__secondary--outofoffice:hover, .button__secondary--outofoffice:focus {
  border-color: #008ECF;
  color: #008ECF;
  outline: none;
}
.button__secondary:active, .guarantee__band--loyalty .btn.btn-default:active, .guarantee__band--loyalty .table .btn-loader.btn.btn-default.btn-loader-alt:active, .cms__band--cols\!loyalty .btn-loyalty:active,
.cms__band--video\!loyalty .btn-loyalty:active,
.cms__band--image\!loyalty .btn-loyalty:active,
.cms__band--box\!loyalty .btn-loyalty:active,
.cms__module--supergraphic\!loyalty .btn-loyalty:active, .cms__module--news\!loyalty .btn-boxed:active, .button__secondary--ghost-light:active, .button__secondary--outofoffice--ghost-light:active, .button__secondary--ghost:active, .button__secondary--outofoffice--ghost:active, .button__secondary--danger:active, .guarantee__band--loyalty .table .icon.icon-trash-o:active:before, .guarantee__band--loyalty .table ul.tick li.icon-trash-o:active:before, ul.tick .guarantee__band--loyalty .table li.icon-trash-o:active:before, .button__secondary--outofoffice--danger:active, .button__secondary--outofoffice:active {
  border-color: #7FC6E7;
  color: #7FC6E7;
}
a.button__secondary, .guarantee__band--loyalty a.btn.btn-default, .guarantee__band--loyalty .table a.btn-loader.btn.btn-default.btn-loader-alt, .cms__band--cols\!loyalty a.btn-loyalty,
.cms__band--video\!loyalty a.btn-loyalty,
.cms__band--image\!loyalty a.btn-loyalty,
.cms__band--box\!loyalty a.btn-loyalty,
.cms__module--supergraphic\!loyalty a.btn-loyalty, .cms__module--news\!loyalty a.btn-boxed, a.button__secondary--ghost-light, a.button__secondary--outofoffice--ghost-light, a.button__secondary--ghost, a.button__secondary--outofoffice--ghost, a.button__secondary--danger, .guarantee__band--loyalty .table a.icon.icon-trash-o:before, a.button__secondary--outofoffice--danger, .button__secondary--outofoffice {
  display: inline-block;
  text-decoration: none;
}
a.button__secondary:hover, .guarantee__band--loyalty a.btn.btn-default:hover, .guarantee__band--loyalty .table a.btn-loader.btn.btn-default.btn-loader-alt:hover, .cms__band--cols\!loyalty a.btn-loyalty:hover,
.cms__band--video\!loyalty a.btn-loyalty:hover,
.cms__band--image\!loyalty a.btn-loyalty:hover,
.cms__band--box\!loyalty a.btn-loyalty:hover,
.cms__module--supergraphic\!loyalty a.btn-loyalty:hover, .cms__module--news\!loyalty a.btn-boxed:hover, a.button__secondary--ghost-light:hover, a.button__secondary--outofoffice--ghost-light:hover, a.button__secondary--ghost:hover, a.button__secondary--outofoffice--ghost:hover, a.button__secondary--danger:hover, .guarantee__band--loyalty .table a.icon.icon-trash-o:hover:before, a.button__secondary--outofoffice--danger:hover, a.button__secondary:focus, .guarantee__band--loyalty a.btn.btn-default:focus, .guarantee__band--loyalty .table a.btn-loader.btn.btn-default.btn-loader-alt:focus, .cms__band--cols\!loyalty a.btn-loyalty:focus,
.cms__band--video\!loyalty a.btn-loyalty:focus,
.cms__band--image\!loyalty a.btn-loyalty:focus,
.cms__band--box\!loyalty a.btn-loyalty:focus,
.cms__module--supergraphic\!loyalty a.btn-loyalty:focus, .cms__module--news\!loyalty a.btn-boxed:focus, a.button__secondary--ghost-light:focus, a.button__secondary--outofoffice--ghost-light:focus, a.button__secondary--ghost:focus, a.button__secondary--outofoffice--ghost:focus, a.button__secondary--danger:focus, .guarantee__band--loyalty .table a.icon.icon-trash-o:focus:before, a.button__secondary--outofoffice--danger:focus, .button__secondary--outofoffice:hover, .button__secondary--outofoffice:focus {
  text-decoration: none;
}

.button__secondary--danger, .guarantee__band--loyalty .table .icon.icon-trash-o:before, .guarantee__band--loyalty .table ul.tick li.icon-trash-o:before, ul.tick .guarantee__band--loyalty .table li.icon-trash-o:before, .button__secondary--outofoffice--danger {
  border-color: #EA0016;
  color: #EA0016;
}
.button__secondary--ghost, .button__secondary--outofoffice--ghost {
  border-color: #005691;
  color: #005691;
  transition: color 0.5s, border 0.5s, background-color 0.5s;
}
.button__secondary--ghost:hover, .button__secondary--ghost:focus, .button__secondary--outofoffice--ghost:hover, .button__secondary--outofoffice--ghost:focus {
  color: #FFFFFF;
}
.button__secondary--ghost-light, .button__secondary--outofoffice--ghost-light {
  border-color: #FFFFFF;
  color: #FFFFFF;
  transition: color 0.5s, border 0.5s, background-color 0.5s;
}
.button__secondary--ghost-light:hover, .button__secondary--ghost-light:focus, .button__secondary--outofoffice--ghost-light:hover, .button__secondary--outofoffice--ghost-light:focus {
  background: #FFFFFF;
  border-color: #FFFFFF;
  color: inherit;
}
.button__primary--outofoffice, .button__secondary--outofoffice {
  margin: 16px 16px 0 0;
}
.accordion__container--settings .accordion__body .button__primary, .accordion__container--settings .accordion__body .news__cta .band.band-offblue .btn.btn-success, .news__cta .band.band-offblue .accordion__container--settings .accordion__body .btn.btn-success, .accordion__container--settings .accordion__body .guarantee__band--loyalty .tool-footer .btn, .guarantee__band--loyalty .tool-footer .accordion__container--settings .accordion__body .btn, .accordion__container--settings .accordion__body .guarantee__band--loyalty .modal .btn, .guarantee__band--loyalty .modal .accordion__container--settings .accordion__body .btn, .accordion__container--settings .accordion__body .guarantee__band--loyalty .modal .modal-footer.band-grey .btn-primary, .guarantee__band--loyalty .modal .modal-footer.band-grey .accordion__container--settings .accordion__body .btn-primary, .accordion__container--settings .accordion__body .guarantee__screen--installations\!loyalty + div > .box .btn, .guarantee__screen--installations\!loyalty + div > .box .accordion__container--settings .accordion__body .btn, .accordion__container--settings .accordion__body .cms__images--double\!loyalty .btn, .cms__images--double\!loyalty .accordion__container--settings .accordion__body .btn, .accordion__container--settings .accordion__body .cms__band--cols\!loyalty .btn-primary, .cms__band--cols\!loyalty .accordion__container--settings .accordion__body .btn-primary,
.accordion__container--settings .accordion__body .cms__band--video\!loyalty .btn-primary,
.cms__band--video\!loyalty .accordion__container--settings .accordion__body .btn-primary,
.accordion__container--settings .accordion__body .cms__band--image\!loyalty .btn-primary,
.cms__band--image\!loyalty .accordion__container--settings .accordion__body .btn-primary,
.accordion__container--settings .accordion__body .cms__band--box\!loyalty .btn-primary,
.cms__band--box\!loyalty .accordion__container--settings .accordion__body .btn-primary,
.accordion__container--settings .accordion__body .cms__module--supergraphic\!loyalty .btn-primary,
.cms__module--supergraphic\!loyalty .accordion__container--settings .accordion__body .btn-primary, .accordion__container--settings .accordion__body .cms__module--graphic\!loyalty .btn-green, .cms__module--graphic\!loyalty .accordion__container--settings .accordion__body .btn-green,
.accordion__container--settings .accordion__body .cms__module--graphic\!loyalty .btn-success,
.cms__module--graphic\!loyalty .accordion__container--settings .accordion__body .btn-success, .accordion__container--settings .accordion__body .cms__module--hero\!loyalty .v2wb-hero-content .btn-success, .cms__module--hero\!loyalty .v2wb-hero-content .accordion__container--settings .accordion__body .btn-success, .accordion__container--settings .accordion__body .cms__module--boxes\!loyalty .box .btn-loyalty, .cms__module--boxes\!loyalty .box .accordion__container--settings .accordion__body .btn-loyalty, .accordion__container--settings .accordion__body .repair .button__success, .repair .accordion__container--settings .accordion__body .button__success, .accordion__container--settings .accordion__body .input__container--file .input__label, .input__container--file .accordion__container--settings .accordion__body .input__label, .accordion__container--settings .accordion__body .button__secondary, .accordion__container--settings .accordion__body .guarantee__band--loyalty .btn.btn-default, .guarantee__band--loyalty .accordion__container--settings .accordion__body .btn.btn-default, .accordion__container--settings .accordion__body .guarantee__band--loyalty .table .btn-loader.btn.btn-default.btn-loader-alt, .guarantee__band--loyalty .table .accordion__container--settings .accordion__body .btn-loader.btn.btn-default.btn-loader-alt, .accordion__container--settings .accordion__body .cms__band--cols\!loyalty .btn-loyalty, .cms__band--cols\!loyalty .accordion__container--settings .accordion__body .btn-loyalty,
.accordion__container--settings .accordion__body .cms__band--video\!loyalty .btn-loyalty,
.cms__band--video\!loyalty .accordion__container--settings .accordion__body .btn-loyalty,
.accordion__container--settings .accordion__body .cms__band--image\!loyalty .btn-loyalty,
.cms__band--image\!loyalty .accordion__container--settings .accordion__body .btn-loyalty,
.accordion__container--settings .accordion__body .cms__band--box\!loyalty .btn-loyalty,
.cms__band--box\!loyalty .accordion__container--settings .accordion__body .btn-loyalty,
.accordion__container--settings .accordion__body .cms__module--supergraphic\!loyalty .btn-loyalty,
.cms__module--supergraphic\!loyalty .accordion__container--settings .accordion__body .btn-loyalty, .accordion__container--settings .accordion__body .cms__module--news\!loyalty .btn-boxed, .cms__module--news\!loyalty .accordion__container--settings .accordion__body .btn-boxed, .accordion__container--settings .accordion__body .button__secondary--danger, .accordion__container--settings .accordion__body .guarantee__band--loyalty .table .icon.icon-trash-o:before, .guarantee__band--loyalty .table .accordion__container--settings .accordion__body .icon.icon-trash-o:before, .accordion__container--settings .accordion__body .guarantee__band--loyalty .table ul.tick li.icon-trash-o:before, .guarantee__band--loyalty .table ul.tick .accordion__container--settings .accordion__body li.icon-trash-o:before, .accordion__container--settings .accordion__body ul.tick .guarantee__band--loyalty .table li.icon-trash-o:before, ul.tick .guarantee__band--loyalty .table .accordion__container--settings .accordion__body li.icon-trash-o:before, .accordion__container--settings .accordion__body .button__secondary--outofoffice--danger, .accordion__container--settings .accordion__body .button__secondary--ghost, .accordion__container--settings .accordion__body .button__secondary--outofoffice--ghost, .accordion__container--settings .accordion__body .button__secondary--ghost-light, .accordion__container--settings .accordion__body .button__secondary--outofoffice--ghost-light {
  margin-top: 16px;
}
.button__action {
  display: block;
  position: relative;
  background-color: #FFFFFF;
  padding: 0;
  width: 100px;
  float: right;
  text-align: left;
}
.button__action--trigger {
  display: block;
  position: relative;
  padding: 14px 19px;
  cursor: pointer;
  text-align: left;
}
.button__action--trigger:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 8px;
  width: 15px;
  height: 100%;
  background-image: url("/img/icons/down-icon.svg");
  background-repeat: no-repeat;
  background-size: 11px;
  background-position: center;
}
.button__action--list {
  list-style: none;
  display: block;
  position: absolute;
  margin: 0;
  padding: 0;
  top: calc(100% + 1px);
  right: -1px;
  height: auto;
  max-height: 0px;
  transition: max-height 0.3s ease, width 0s linear;
  overflow: hidden;
  z-index: 1;
}
.button__action--item {
  display: block;
  position: relative;
  white-space: nowrap;
  background-color: #FFFFFF;
}
.button__action--link {
  display: block;
  text-decoration: none;
  background-color: transparent;
  border: none;
  color: #000000;
  padding: 16px;
  width: 100%;
  text-align: left;
}
.button__action--link:hover {
  background-color: #005691;
  color: #FFFFFF;
}
.button__action.is-open .button__action--list {
  max-height: 300px;
  border: 1px solid #DEDEDE;
}
.button__action.is-open .button__action--trigger:after {
  transform: scaleY(-1);
}
.button--no-txt-wrap {
  white-space: nowrap;
}
.button-group {
  margin-top: -20px;
}
.button-group > * {
  display: block;
  width: 100%;
  margin-top: 20px;
}
.button__legacy {
  color: #333333;
  background-color: #EEEEEE;
  display: block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid #DDDDDD;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.75;
  border-radius: 2px;
}
.button__legacy:hover, .button__legacy:focus {
  background-color: #DADADA;
  border-color: #BEBEBE;
}
.button__legacy-primary {
  color: #FFFFFF;
  background: #007DB8;
  border-color: #007DB8;
}
.button__legacy-primary:hover, .button__legacy-primary:focus {
  background: #003E68;
  border-color: #003E68;
}
.button__legacy-success {
  color: #FFFFFF;
  background: #65A11B;
  border-color: #65A11B;
}
.button__legacy-success:hover, .button__legacy-success:focus {
  background: #3C5F10;
  border-color: #3C5F10;
}

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.75;
  border-radius: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:active:focus, .btn.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover, .btn:focus {
  color: #333;
  text-decoration: none;
}
.btn:active, .btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=opacity-ie);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-default, .btn.btn-default {
  color: #333;
  background-color: #EEE;
  border-color: #DDD;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle .btn-default, .btn.btn-default:hover, .btn.btn-default:focus, .btn.btn-default:active, .btn.btn-default.active, .open .dropdown-toggle .btn.btn-default {
  color: #333;
  background-color: #dadada;
  border-color: #bebebe;
}
.btn-default:active, .btn-default.active, .open .dropdown-toggle .btn-default, .btn.btn-default:active, .btn.btn-default.active, .open .dropdown-toggle .btn.btn-default {
  background-image: none;
}
.btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active, .btn.btn-default.disabled, .btn.btn-default.disabled:hover, .btn.btn-default.disabled:focus, .btn.btn-default.disabled:active, .btn.btn-default.disabled.active, .btn.btn-default[disabled], .btn.btn-default[disabled]:hover, .btn.btn-default[disabled]:focus, .btn.btn-default[disabled]:active, .btn.btn-default[disabled].active, fieldset[disabled] .btn.btn-default, fieldset[disabled] .btn.btn-default:hover, fieldset[disabled] .btn.btn-default:focus, fieldset[disabled] .btn.btn-default:active, fieldset[disabled] .btn.btn-default.active {
  background-color: #EEE;
  border-color: #DDD;
}
.btn-default .badge, .btn.btn-default .badge {
  color: #EEE;
  background-color: #333;
}
.btn-default, .btn.btn-primary {
  color: #FFF;
  background-color: #005691;
  border-color: #004778;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle .btn-default, .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary.active, .open .dropdown-toggle .btn.btn-primary {
  color: #FFF;
  background-color: #003e68;
  border-color: #00233a;
}
.btn-default:active, .btn-default.active, .open .dropdown-toggle .btn-default, .btn.btn-primary:active, .btn.btn-primary.active, .open .dropdown-toggle .btn.btn-primary {
  background-image: none;
}
.btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active, .btn.btn-primary.disabled, .btn.btn-primary.disabled:hover, .btn.btn-primary.disabled:focus, .btn.btn-primary.disabled:active, .btn.btn-primary.disabled.active, .btn.btn-primary[disabled], .btn.btn-primary[disabled]:hover, .btn.btn-primary[disabled]:focus, .btn.btn-primary[disabled]:active, .btn.btn-primary[disabled].active, fieldset[disabled] .btn.btn-primary, fieldset[disabled] .btn.btn-primary:hover, fieldset[disabled] .btn.btn-primary:focus, fieldset[disabled] .btn.btn-primary:active, fieldset[disabled] .btn.btn-primary.active {
  background-color: #005691;
  border-color: #004778;
}
.btn-default .badge, .btn.btn-primary .badge {
  color: #005691;
  background-color: #FFF;
}

.card__customer {
  padding: 15px;
  width: 100%;
  box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.5);
}
.card__customer--row {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 20px;
}
.card__customer--row .card__customer {
  flex: 0 0 40%;
  width: 40%;
  text-align: center;
  padding: 45px 30px;
  min-width: 400px;
  margin-bottom: 20px;
}
.card__customer--row .card__customer > * {
  margin-bottom: 20px;
}
.card__customer--row .card__customer > *:last-child {
  margin: 0;
}
.card__customer--icon {
  max-height: 130px;
}

.confirmation-modal {
  position: fixed;
  top: 50% !important;
  transform: translateY(-50%);
  padding: 0 15px;
}
.confirmation-modal__wrapper {
  padding: 20px;
  background: linear-gradient(to right, #005691 0%, #008ECF 97%);
}
.confirmation-modal__container {
  padding: 20px;
}
.confirmation-modal__title {
  margin: 0;
  font-size: 20px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #000000;
}
.confirmation-modal__reference {
  margin: 20px 0 0;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  color: #000000;
}
.confirmation-modal__heading, .confirmation-modal__heading--white, .confirmation-modal__heading--black, .confirmation-modal__heading--large {
  margin: 0;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 14px;
  color: #FFFFFF;
}
.confirmation-modal__heading--large {
  font-family: "BoschSans-Medium", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
}
.confirmation-modal__heading--black {
  font-size: 20px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #000000;
}
.confirmation-modal__heading--white {
  margin-bottom: 20px;
  font-size: 24px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #FFFFFF;
}
.confirmation-modal__row {
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.confirmation-modal__price {
  margin: 10px 0 0;
  font-family: "BoschSans-Medium", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #FFFFFF;
}
.confirmation-modal__description {
  font-size: 14px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 20px;
}
.confirmation-modal__button-wrapper {
  display: flex;
  justify-content: center;
  margin: 30px auto;
}
.confirmation-modal__number {
  margin: 20px 0 5px;
  font-size: 14px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #FFFFFF;
}
.confirmation-modal__email {
  margin: 0 0 20px;
  font-size: 14px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #FFFFFF;
}
.confirmation-modal__list-item {
  margin-bottom: 15px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
}
.confirmation-modal__footer {
  border-top: 1px solid #BFC0C2;
}
.confirmation-modal__footer-wrapper {
  padding: 38px 30px;
  font-size: 12px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 20px;
}
.confirmation-modal__grid {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
  border-top: 1px solid #BFC0C2;
  border-bottom: 1px solid #BFC0C2;
}
.confirmation-modal__column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
  max-width: 100%;
  padding: 30px;
  text-align: center;
}
.confirmation-modal__column:first-child {
  border-bottom: 1px solid #BFC0C2;
}
.confirmation-modal__column p {
  margin: 5px 0;
}
.confirmation-modal__cross {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  height: 32px;
  width: 32px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20192%20192%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M%20153.7%2032.2%20L%20100%2086.2%20L%2046.3%2032.2%20l%20-9.1%209.1%20L%2090.8%2095.5%20l%20-53.6%2054.2%20l%209.1%209.1%20L%20100%20104.8%20l%2053.7%2054%20l%209.1%20-9.1%20L%20109.2%2095.5%20l%2053.6%20-54.2%20z%22%20%2F%3E%3C%2Fsvg%3E");
  background-size: cover;
  background-position: center;
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.confirmation-modal__support {
  margin: 30px 0 0;
  font-size: 14px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
}
.confirmation-modal__support a {
  color: #005691;
  text-decoration: none;
}
.confirmation-modal__support a:hover {
  text-decoration: underline;
}

/* @define dial */
.dial__heading--dashboard {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 26px;
  font-weight: 300;
  line-height: 32px;
  margin: 0 16px 20px;
  letter-spacing: 0;
}
.dial__heading--guarantees {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 26px;
  font-weight: 300;
  line-height: 32px;
  margin: 0 4px 20px 16px;
  letter-spacing: 0;
  display: flex;
  align-items: center;
}
.dial__heading--guarantees .dial__icon {
  height: 30px;
  width: 30px;
  margin-right: 29px;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20fill%3D%22%23B90276%22%20d%3D%22M30%2030v-1.847H1.847V0H0v30h30zM5.405%2023.153l7.928-8.829%204.64%202.793%208.288-8.288v2.432h1.892v-5.63h-5.63v1.846h2.387l-7.252%207.298-4.73-2.838-8.964%209.955%201.441%201.261z%22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.dial__description--dashboard {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1;
  margin: 0 16px 43px;
}
.dial__description--guarantees {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
  margin: 16px 16px 47px;
}
.dial__graphic--dashboard {
  background-image: url("/img/customer-loyalty/dial/dial.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0 53px 59px;
  max-width: 386px;
  padding-top: 30.7692307692%;
  position: relative;
}
.dial__graphic--guarantees {
  background-image: url("/img/customer-loyalty/dial/dial.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 30.7692307692%;
  width: 268px;
  position: relative;
  display: block;
  margin: 30px auto 83px;
}
.dial__graphic--dashboard > .dial__unit--start {
  color: #EA0016;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
  bottom: -10px;
  right: calc(100% + 10px);
  margin: auto;
  position: absolute;
}
.dial__graphic--dashboard > .dial__unit--current {
  color: #EA0016;
  font-family: "BoschSans-Bold", "OpenSans-Bold-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 900;
  margin: auto;
  position: absolute;
}
.dial__graphic--dashboard > .dial__unit--current.is-first {
  bottom: 25%;
  color: #EA0016;
  right: 100%;
}
.dial__graphic--dashboard > .dial__unit--current.is-second {
  bottom: 75%;
  color: #EA0016;
  left: 10%;
}
.dial__graphic--dashboard > .dial__unit--current.is-third {
  bottom: 100%;
  color: #B90276;
  left: 47%;
}
.dial__graphic--dashboard > .dial__unit--current.is-fourth {
  bottom: 75%;
  color: #50237F;
  right: 10%;
}
.dial__graphic--dashboard > .dial__unit--current.is-fifth {
  bottom: 25%;
  color: #50237F;
  left: 100%;
}
.dial__graphic--dashboard > .dial__unit--end {
  color: #50237F;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
  bottom: -10px;
  left: calc(100% + 10px);
  margin: auto;
  position: absolute;
}
.dial__graphic--guarantees > .dial__unit--start {
  color: #EA0016;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
  bottom: -10px;
  right: calc(100% - 9px);
  margin: auto;
  position: absolute;
}
.dial__graphic--guarantees > .dial__unit--current {
  color: #EA0016;
  font-family: "BoschSans-Bold", "OpenSans-Bold-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 900;
  margin: auto;
  position: absolute;
}
.dial__graphic--guarantees > .dial__unit--current.is-first {
  bottom: 25%;
  color: #EA0016;
  right: 100%;
}
.dial__graphic--guarantees > .dial__unit--current.is-second {
  bottom: 75%;
  color: #EA0016;
  left: 10%;
}
.dial__graphic--guarantees > .dial__unit--current.is-third {
  bottom: 100%;
  color: #B90276;
  left: 47%;
}
.dial__graphic--guarantees > .dial__unit--current.is-fourth {
  bottom: 75%;
  color: #50237F;
  right: 10%;
}
.dial__graphic--guarantees > .dial__unit--current.is-fifth {
  bottom: 25%;
  color: #50237F;
  left: 100%;
}
.dial__graphic--guarantees > .dial__unit--end {
  color: #50237F;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
  bottom: -10px;
  left: calc(100% - 9px);
  margin: auto;
  position: absolute;
}
.dial__graphic--dashboard > .dial__indicator, .dial__graphic--guarantees > .dial__indicator {
  position: absolute;
  bottom: -7px;
  left: 0;
  right: 0;
  margin: auto;
  width: 14px;
  height: 14px;
  overflow: visible;
  transform: rotate(-90deg);
  transition: transform 1s;
}
.dial__graphic--dashboard > .dial__indicator:after, .dial__graphic--guarantees > .dial__indicator:after {
  content: "";
  background-image: url("/img/customer-loyalty/dial/indicator.svg");
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain;
  height: 114px;
  width: 14px;
  bottom: 0;
  position: absolute;
}
.dial__graphic--dashboard > .dial__indicator.is-first, .dial__graphic--guarantees > .dial__indicator.is-first {
  transform: rotate(-70deg);
}
.dial__graphic--dashboard > .dial__indicator.is-second, .dial__graphic--guarantees > .dial__indicator.is-second {
  transform: rotate(-37deg);
}
.dial__graphic--dashboard > .dial__indicator.is-third, .dial__graphic--guarantees > .dial__indicator.is-third {
  transform: rotate(0deg);
}
.dial__graphic--dashboard > .dial__indicator.is-fourth, .dial__graphic--guarantees > .dial__indicator.is-fourth {
  transform: rotate(35deg);
}
.dial__graphic--dashboard > .dial__indicator.is-fifth, .dial__graphic--guarantees > .dial__indicator.is-fifth {
  transform: rotate(70deg);
}
.dial__graphic--dashboard > .dial__indicator.is-max, .dial__graphic--guarantees > .dial__indicator.is-max {
  transform: rotate(90deg);
}
.dial__graphic--guarantees > .dial__indicator:after {
  background-size: 10px;
}
.dial__overview--wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin: 40px 0 71px;
}
.dial__overview--mid {
  flex-direction: column;
  align-items: stretch;
  text-align: center;
}
.dial__overview--cta {
  margin: 20px 0 0;
}
.dial__overview--ctas {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  text-align: center;
}
.dial__overview--ctas .dial__overview--cta:last-child {
  margin: 20px 0 0;
}
.dial__overview--dashboard {
  list-style: none;
  margin: 0;
  padding: 0;
}
.dial__overview--guarantees {
  list-style: none;
  margin: 0 0 24px;
  padding: 0;
}
.dial__stat--dashboard {
  display: flex;
  justify-content: space-between;
  margin: 0 auto 14px;
  max-width: 268px;
}
.dial__stat--guarantees {
  display: flex;
  justify-content: space-between;
  max-width: 200px;
  margin: 15px auto 0;
}
.dial__label--dashboard {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 23px;
}
.dial__label--mid {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 36px;
  font-weight: 300;
  line-height: 45px;
  color: #B90276;
}
.dial__label--guarantees {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}
.dial__value--dashboard {
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 23px;
  padding-left: 20px;
}
.dial__value--mid {
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 36px;
  font-weight: 300;
  line-height: 45px;
  color: #B90276;
}
.dial__value--guarantees {
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 18px;
  margin-left: 25px;
}

.details__row {
  display: flex;
  padding: 16px 0;
  border-bottom: 1px solid #D8D8D8;
  margin: 0 16px;
}
.grid__col--consumer-portal .details__row:first-child {
  margin-top: 22px;
  border-top: 1px solid #D8D8D8;
}
.details__row--cta {
  padding: 30px 0 0;
}
.details__row--wrap {
  display: flex;
  padding: 16px 0;
  margin: 0 16px;
  border-bottom: 1px solid #D8D8D8;
  flex-flow: column wrap;
}
.details__row--wrapped {
  display: flex;
  flex-flow: column wrap;
}
.box__shop--basket .details__row--wrapped {
  display: block;
}
.box__shop--basket .details__row--wrapped:last-child {
  margin-bottom: 0;
}
.details__col--label {
  display: flex;
  flex-flow: column;
  justify-content: center;
  max-width: 136px;
  margin-right: 24px;
  flex: 1 0 100%;
}
.details__row--wrap .details__col--label {
  max-width: unset;
}
.details__col--value {
  flex: 1 1 100%;
  margin-right: 60px;
}
.details__col--value > div > div > div {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}
.details__col--value > div > div > div > div > span {
  width: 0;
}
.details__col--value > div > div > div > div > span.cke_top, .details__col--value > div > div > div > div > span.cke_bottom {
  width: auto;
}
.details__col--wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
}
.details__col--center {
  align-self: center;
}
.details__header {
  font-family: "BoschSans-Medium", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
  color: #000000;
}
.details__row--wrapped .details__header {
  font-size: 14px;
  font-weight: 900;
  font-family: "BoschSans-Bold", "OpenSans-Bold-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 20px;
}
.box__shop--basket .details__row--wrapped .details__header {
  display: block;
  position: relative;
  height: 14px;
}
.details__subheader {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 15px;
  color: #000000;
  opacity: 0.56;
  margin-top: 7px;
}
.details__list--numbered {
  list-style: none;
  counter-reset: numbered;
  padding-left: 1.25em;
}
.details__list--bulleted {
  margin-bottom: 80px;
}
.details__list--table {
  font-size: 14px;
}
.details__edit {
  font-size: 16px;
  text-align: center;
  position: absolute;
  top: 0;
  right: 30px;
  width: 38px;
}
.details__list--numbered .details__item {
  position: relative;
  counter-increment: numbered;
  line-height: 28px;
  font-size: 15px;
  font-weight: 300;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.details__list--numbered .details__item:before {
  content: counter(numbered) ". ";
  position: absolute;
  left: -1.25em;
  font-family: "BoschSans-Bold", "OpenSans-Bold-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 300;
}
.details__list--bulleted .details__item {
  padding-left: 5px;
}
.details__value {
  line-height: 28px;
  font-size: 15px;
  font-weight: 300;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.details__value--tiles {
  display: flex;
  flex-wrap: wrap;
  padding: 4px 0;
}
.details__row--wrapped .details__value {
  font-size: 14px;
}
.box__shop--basket .details__row--wrapped .details__value {
  display: block;
  position: relative;
  min-height: 50px;
}
.box__shop--basket .details__row--wrapped:last-child .details__value {
  min-height: 14px;
}
.details__thumbnail--logo {
  width: 170px;
  height: 170px;
  display: block;
  margin-bottom: 14px;
}
.details__button {
  margin-left: 20px;
}
.details__info-header {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 300;
  margin: 40px 16px 0;
}
.details__row--group {
  border-top: 1px solid #D8D8D8;
  margin: 16px;
}
.details__row--group:last-of-type {
  border-bottom: 1px solid #D8D8D8;
  margin-bottom: 40px;
}
.details__row--group .details__row {
  border: none !important;
  padding-bottom: 6px;
}
.details__link {
  margin-top: 10px;
  font-weight: 500;
  font-family: "BoschSans-Medium", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #005691;
  text-decoration: none;
  cursor: pointer;
}
.details__link:hover {
  text-decoration: underline;
}

.empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 1368px;
  margin: 60px auto;
  text-align: center;
}
.empty__title {
  font-size: 28px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  margin: 0 0 30px;
}
.empty__image {
  max-height: 263px;
}

.feedback {
  display: flex;
  flex-direction: column;
  max-width: 1368px;
  margin: 0 auto;
  padding: 0 20px;
}
.feedback__wrapper {
  display: flex;
  flex-direction: column;
}
.feedback__label {
  display: flex;
  flex-direction: column;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 20px;
}
.feedback__label--area textarea {
  margin-top: 10px;
  min-height: 100px;
  padding: 5px;
}
.feedback__label--area.has-error {
  border-color: #EA0016;
}
.feedback__label--rating {
  margin: 30px 0;
}
.feedback__rating:not(:last-child) {
  margin-right: 20px;
}
.feedback__error {
  color: #EA0016;
}
.feedback__row {
  display: flex;
  flex-direction: row;
  margin-top: 10px;
}

.fieldset__inputs {
  padding: 0;
  margin: 0 0 15px;
  border: 0;
  min-width: 0;
}
.fieldset__legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 24px;
  line-height: inherit;
  color: #444444;
  border: 0;
  font-size: 20px;
  position: static;
  box-sizing: border-box;
}
.fieldset__row--1, .fieldset__row--2, .fieldset__row--3 {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  margin-bottom: 16px;
}
.fieldset__col {
  padding: 0 16px;
  width: 100%;
}
.fieldset__ctas--right {
  display: flex;
  flex-direction: column;
  margin-top: 50px;
  text-align: center;
}
.fieldset__ctas--space {
  margin: 0 16px;
}

/* @define filter */
.filter__shop--products {
  max-width: 881px;
  display: flex;
  justify-content: space-between;
  margin: 16px;
  flex-direction: column;
  /* stylelint-disable-next-line */
}
.filter__shop--products a {
  text-decoration: none;
  cursor: pointer;
}
.filter__field--dates {
  display: flex;
  max-width: 982px;
  border-bottom: none;
  align-items: center;
  flex-direction: column;
}
.filter__shop--products .filter__field--view {
  background: none;
  border: none;
  color: #008ECF;
  padding: 0;
  margin: auto 0 0;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.filter__shop--products .filter__field--view:focus {
  outline: none;
}
.filter__shop--products .filter__field--sortby {
  max-width: 243px;
}
.filter__field--name, .filter__field--details {
  display: flex;
  max-width: 982px;
  border-bottom: none;
  align-items: center;
  flex-direction: column;
}
.filter__field--sort {
  margin: 31px 0 40px;
}
.filter__text--to {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 23px;
  margin: 20px 0 0;
}
.filter__field--view .filter__icon--grid, .filter__field--view .filter__icon--list {
  height: 20px;
  width: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  margin-right: 8px;
}
.filter__field--view .filter__icon--grid {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20192%20192%22%3E%3Cpath%20d%3D%22M84%2084H16V16h68v68zm-60-8h52V24H24v52zM176%2084h-68V16h68v68zm-60-8h52V24h-52v52zM176%20176h-68v-68h68v68zm-60-8h52v-52h-52v52zM84%20176H16v-68h68v68zm-60-8h52v-52H24v52z%22%20fill%3D%22%23008ECF%22%2F%3E%3C%2Fsvg%3E");
}
.filter__field--view .filter__icon--list {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20192%20192%22%3E%3Cpath%20d%3D%22M32%2064c-8.8%200-16-7.2-16-16s7.2-16%2016-16%2016%207.2%2016%2016-7.2%2016-16%2016zm0-24c-4.4%200-8%203.6-8%208s3.6%208%208%208%208-3.6%208-8-3.6-8-8-8zM32%20112c-8.8%200-16-7.2-16-16s7.2-16%2016-16%2016%207.2%2016%2016-7.2%2016-16%2016zm0-24c-4.4%200-8%203.6-8%208s3.6%208%208%208%208-3.6%208-8-3.6-8-8-8zM32%20160c-8.8%200-16-7.2-16-16s7.2-16%2016-16%2016%207.2%2016%2016-7.2%2016-16%2016zm0-24c-4.4%200-8%203.6-8%208s3.6%208%208%208%208-3.6%208-8-3.6-8-8-8zM56%2044h120v8H56zM56%2092h120v8H56zM56%20140h120v8H56z%22%20fill%3D%22%23008ECF%22%2F%3E%3C%2Fsvg%3E");
}
.filter__outofoffice {
  padding: 16px;
}

/* @define footer */
.footer {
  margin-top: 60px;
  border-top: 1px solid #BFC0C2;
  display: flex;
  flex-flow: column nowrap;
  padding: 16px;
  background: #FFFFFF;
}
.footer--no-margin {
  margin-top: 0;
}
.footer__link, .footer__link:visited, .footer__link:hover, .footer__link:focus {
  color: #000000;
  flex: 0 0 auto;
  margin-right: 16px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 15px;
  font-weight: 300;
  margin-bottom: 15px;
  text-decoration: none;
}
.footer__link:last-child, .footer__link:visited:last-child, .footer__link:hover:last-child, .footer__link:focus:last-child {
  margin-right: 0;
}
.footer__link:visited, .footer__link:hover, .footer__link:focus {
  text-decoration: underline;
}
.footer__copyright {
  font-family: "BoschSans-Bold", "OpenSans-Bold-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 15px;
  font-weight: 500;
  margin-bottom: 15px;
  letter-spacing: 0;
}

.gradient-banner {
  display: block;
  position: relative;
  width: 100%;
  max-width: 1364px;
  margin: 0 auto;
  padding: 30px;
}
.gradient-banner::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 1081px;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
}
.gradient-banner__image {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  max-width: 1238px;
  height: 100%;
  background-image: url("https://picsum.photos/1081/475");
  background-position: left;
  background-size: cover;
  background-repeat: no-repeat;
}
.gradient-banner__wrapper {
  position: relative;
  z-index: 2;
  max-width: 515px;
}
.gradient-banner__wrapper b {
  font-family: "BoschSans-Bold", "OpenSans-Bold-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #005691;
}
.gradient-banner__title {
  margin: 0;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 30px;
  line-height: 1.2;
  color: #005691;
}
.gradient-banner__description {
  margin: 20px 0;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 20px;
  color: #005691;
}
.gradient-banner__blue {
  color: #005691 !important;
}

.guarantee {
  margin-bottom: 50px;
  background-color: #FFFFFF;
}
.guarantee:nth-child(even) {
  background-color: #F7F7F7;
}
.guarantee:nth-child(even) .guarantee__wrapper--box {
  background-color: #FFFFFF;
}
.guarantee__container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  max-width: 1368px;
  margin: 0 auto;
  padding: 17px;
}
.guarantee__wrapper {
  flex: 1;
  position: relative;
}
.guarantee__wrapper--box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex: 1;
  max-width: 100%;
  margin-left: 18px;
  padding: 12px 16px;
  border: 1px solid #BFC0C2;
}
.guarantee__wrapper--top {
  margin-right: 122px;
}
.guarantee__wrapper--image {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.guarantee__title {
  margin: 0;
  font-size: 22px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 28px;
  color: #000000;
}
.guarantee__serial {
  margin: 5px 0 0;
  font-size: 10px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
}
.guarantee__installed {
  display: flex;
  flex-direction: row;
  margin: 12px 0 23px;
}
.guarantee__installed--box {
  flex: 1;
  width: 100%;
  margin: 0 0 10px;
}
.guarantee__subheading {
  min-width: 72px;
  margin: 0 7px 0 0;
  font-size: 12px;
  font-family: "BoschSans-Medium", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
}
.guarantee__subheading--box {
  margin: 0 0 5px;
  font-size: 10px;
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
}
.guarantee__address {
  margin: 0;
  font-size: 12px;
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #000000;
}
.guarantee__address--box {
  margin: 0;
  font-size: 14px;
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  letter-spacing: 0px;
}
.guarantee__list {
  margin: 23px 0 11px;
  padding-left: 17px;
}
.guarantee__item {
  margin-bottom: 10px;
}
.guarantee__name {
  margin: 0;
  font-size: 13px;
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #000000;
}
.guarantee__number {
  font-size: 10px;
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #000000;
}
.guarantee__box {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  margin-bottom: 22px;
}
.guarantee__details {
  display: flex;
  flex-direction: column;
  flex: 1;
  max-width: 286px;
  width: 100%;
}
.guarantee__row {
  display: flex;
  align-items: center;
}
.guarantee__row:not(:last-child) {
  margin-bottom: 10px;
}
.guarantee__row .intercom__live-chat-container {
  justify-content: initial;
}
.guarantee__row .intercom__live-chat-text {
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.guarantee__row .intercom__live-chat-icon {
  max-height: 25px;
  width: 25px;
  margin-right: 5px;
}
.guarantee__contact {
  color: #007DB8;
  font-size: 10px;
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  text-decoration: none;
  word-break: break-all;
}
.guarantee__contact:hover {
  text-decoration: underline;
}
.guarantee__description {
  margin: 0;
  font-size: 12px;
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #000000;
}
.guarantee__boiler {
  display: none;
}
.guarantee__label {
  position: absolute;
  top: 0;
  right: 0;
}
.guarantee__label--desktop {
  display: none;
}
.guarantee__buttons {
  display: flex;
  flex-direction: column;
  margin-bottom: 22px;
  text-align: center;
}
.guarantee__buttons .button {
  display: block;
  text-align: center;
}
.guarantee__buttons .button:first-child {
  margin-bottom: 20px;
}
.guarantee__link {
  display: block;
  text-align: center;
  font-size: 12px;
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #005C99;
}
.guarantee__link--mobile {
  display: block;
}
.guarantee__link--desktop {
  display: none;
  margin-top: 32px;
  font-size: 14px;
}
.guarantee__column {
  display: none;
}
.guarantee__icon {
  margin-right: 5px !important;
}

.heading__customer--orders, .heading__customer--register {
  display: flex;
  align-items: center;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 40px;
  margin-bottom: 38px;
}
.heading__customer--register {
  font-size: 24px;
  line-height: 1.2;
}
.heading__customer--fasttrack {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 32px;
}
.heading__customer--subheading {
  display: flex;
  align-items: center;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 22px;
  font-weight: 300;
  line-height: 28px;
  margin-bottom: 38px;
}
.heading__advert--personalised {
  color: #50237F;
  display: flex;
  align-items: center;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 28px;
  margin-bottom: 40px;
}
.heading__advert--materials {
  color: #005691;
  display: flex;
  align-items: center;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 28px;
  margin-bottom: 23px;
}
.heading__advert--create {
  color: #008ECF;
  display: flex;
  align-items: center;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 28px;
  margin: 60px 0 20px;
}
.heading__advert--select {
  color: #007DB8;
  display: flex;
  align-items: center;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 28px;
  margin-bottom: 100px 0 20px;
}
.heading__advert--boilers {
  color: #65A11B;
  display: flex;
  align-items: center;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 28px;
  margin-bottom: 40px;
}
.heading__claims--id {
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-bottom: 3px solid #BFC0C2;
  align-items: center;
  margin: 60px 0 0;
  padding-bottom: 30px;
}
.heading__claims--my {
  color: #50237F;
  font-size: 36px;
  font-weight: 300;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: flex;
  align-items: center;
  line-height: 40px;
}
.heading__shop--products, .heading__shop--index, .heading__shop--history, .heading__shop--features, .heading__shop--kit, .heading__shop--product, .heading__shop--basket, .heading__shop--checkout {
  font-size: 36px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 40px;
}
.heading__shop--index {
  margin-bottom: 20px;
}
.heading__shop--index-white {
  font-size: 36px;
  margin: 0 0 15px;
  color: #FFFFFF;
}
.header__shop--history .heading__shop--history, .header__shop--history .heading__shop--basket {
  margin: 0;
}
.heading__shop--checkout {
  margin: 0 0 24px;
}
.heading__shop--features {
  margin: 34px 0 20px;
}
.heading__shop--kit {
  margin: 80px 0 20px;
}
.heading__shop--product {
  margin: 0;
}
.heading__wai--jobs {
  font-size: 23px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  letter-spacing: -0.01px;
  margin: 0 0 20px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.heading__wai--news {
  font-size: 36px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 40px;
}
.heading__jobs--my {
  font-size: 36px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  letter-spacing: -0.01px;
  line-height: 40px;
  color: #000000;
  margin: 0 0 20px;
}
.heading__guarantees {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 32px;
  font-weight: 300;
  letter-spacing: -0.01px;
  line-height: 40px;
  color: #000000;
  margin: 0;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.heading__guarantees__wrap {
  display: flex;
  padding: 0 16px 60px;
  justify-content: space-between;
  flex-direction: column;
  align-items: flex-start;
}
.heading__contact {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 36px;
  line-height: 40px;
  font-weight: 300;
  margin: 0 0 24px;
  color: #000000;
}
.heading__download {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 36px;
  line-height: 40px;
  font-weight: 300;
  margin: 0 32px;
  color: #000000;
}
.heading__claims--my .heading__icon {
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20192%20192%22%3E%3Cpath%20fill%3D%22%2350237F%22%20d%3D%22M116%2069.7l-10.8-10.9%205.6-5.6%205.2%205.1%2013.2-13.1%205.6%205.6zM116%2097.7l-10.8-10.9%205.6-5.6%205.2%205.1%2013.2-13.1%205.6%205.6zM116%20125.7l-10.8-10.9%205.6-5.6%205.2%205.1%2013.2-13.1%205.6%205.6z%22%2F%3E%3Cpath%20d%3D%22M152%20176H40V16h112v160zm-104-8h96V24H48v144z%22%2F%3E%3Cpath%20fill%3D%22%2350237F%22%20d%3D%22M56%2056h40v8H56zM56%2084h40v8H56zM56%20112h40v8H56z%22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 40px;
  width: 28px;
  margin-right: 10px;
}
.heading__icon--checklist, .heading__icon--leads, .heading__icon--fasttrack, .heading__icon--guarantees, .heading__icon--user, .heading__icon--boiler, .heading__icon--enquiry, .heading__wai--jobs .heading__icon, .heading__guarantees .heading__icon, .heading__products .heading__icon {
  height: 40px;
  width: 40px;
  display: inline-block;
  margin-right: 8px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.heading__guarantees .heading__icon {
  margin-right: 30px;
}
.heading__icon--checklist {
  background-image: url("/img/benchmark/checklist.svg");
}
.heading__icon--leads {
  background-image: url("/img/benchmark/benchmark-checklist.svg");
}
.heading__icon--fasttrack {
  background-image: url("/img/customer-loyalty/fast-track-logo.svg");
}
.heading__icon--guarantees {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2229%22%20height%3D%2237%22%20viewBox%3D%220%200%2029%2037%22%3E%3Cpath%20fill%3D%22%23005691%22%20d%3D%22M25.22%2021.655l2.687-1.616-.761-3.043L29%2014.5l-1.854-2.52.76-3.042L25.22%207.32l-.451-3.09-3.09-.451-1.617-2.687-3.042.761L14.5%200l-2.52%201.854-3.042-.76L7.32%203.78l-3.09.451-.451%203.09-2.687%201.617.761%203.042L0%2014.5l1.854%202.52-.76%203.042L3.78%2021.68l.451%203.09.713.119-3.161%209.58h4.825l3.637%202.424%202.971-8.843L14.5%2029l1.284-.95%202.947%208.866%203.637-2.425h4.825l-3.209-9.603.714-.12.522-3.113zM9.247%2033.945l-2.068-1.38H4.398l2.495-7.416.452.071%201.616%202.687%202.496-.618-2.21%206.655zm3.161-8.867l-2.543.642-1.355-2.235-2.591-.38-.38-2.591-2.235-1.355.642-2.543L2.377%2014.5l1.545-2.092-.642-2.543L5.515%208.51l.38-2.591%202.591-.38%201.355-2.235%202.543.642L14.5%202.377l2.092%201.545%202.543-.642%201.355%202.235%202.591.38.38%202.591%202.235%201.355-.642%202.543%201.569%202.116-1.545%202.092.642%202.543-2.235%201.355-.38%202.591-2.591.38-1.355%202.235-2.543-.642-2.116%201.569-2.092-1.545zm9.675.047l2.52%207.44H21.82l-2.068%201.38-2.234-6.68%202.496.618%201.616-2.686.452-.072zM20.49%209.08l1.331%201.331L11.648%2020.61l-4.47-4.493%201.332-1.33%203.138%203.113L20.49%209.08z%22%2F%3E%3C%2Fsvg%3E");
}
.heading__icon--user {
  background-image: url("/img/consumer-portal/user-icon.svg");
  height: 46px;
  width: 42px;
  margin-right: 25px;
}
.heading__icon--boiler {
  background-image: url("/img/consumer-portal/boiler.svg");
  margin-right: 20px;
}
.heading__icon--enquiry {
  background-image: url("/img/consumer-portal/document-cv.svg");
  margin-right: 20px;
}
.heading__icon--orders {
  background-image: url("/img/consumer-portal/orders.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  margin-right: 20px;
  width: 30px;
  height: 36px;
}
.heading__icon--book-info {
  background-image: url("/img/customer-loyalty/contact/book-info.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  margin-right: 20px;
  width: 40px;
  height: 36px;
}
.heading__icon--register {
  background-image: url("/img/consumer-portal/account-icon.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  margin-right: 20px;
  width: 40px;
  height: 40px;
}
.heading__icon--privacy {
  background-image: url("/img/consumer-portal/privacy.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  margin-right: 20px;
  width: 30px;
  height: 36px;
}
.heading__icon--details {
  background-image: url("/img/consumer-portal/details-icon.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  margin-right: 20px;
  width: 30px;
  height: 36px;
}
.heading__icon--serviceagent {
  background-image: url("/img/consumer-portal/icon-service-agent.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  margin-right: 20px;
  width: 30px;
  height: 35px;
}
.heading__wai--jobs .heading__ctas--leads, .heading__wai--jobs .heading__ctas--fasttrack, .heading__wai--jobs .heading__ctas--guarantees {
  justify-content: space-between;
}
.heading__ctas--leads .heading__button {
  padding: 9px 14px;
  margin-top: 22px;
  margin-right: 20px;
}
.heading__ctas--leads .heading__button:last-child {
  margin-right: 0;
}
.heading__ctas--fasttrack .heading__button {
  padding: 9px;
  margin-top: 22px;
  margin-right: 10px;
}
.heading__ctas--fasttrack .heading__button:last-child {
  margin-right: 0;
}
.heading__ctas--guarantees .heading__button {
  padding: 9px;
  margin-top: 22px;
  margin-right: 20px;
}
.heading__ctas--guarantees .heading__button:last-child {
  margin-right: 0;
}
.heading__products {
  font-size: 28px;
  margin: 0 0 28px;
  display: flex;
  align-items: center;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
}

.hero {
  position: relative;
  padding: 72px 0 50px;
  min-height: 310px;
  background-color: #F7F7F7;
  color: #005691;
  isolation: isolate;
}
.hero__content {
  position: relative;
  z-index: 1;
}
.hero__bgimg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero h1 {
  font-family: "BoschSans-Medium", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  line-height: 1.3;
  font-size: 36px;
  margin: 0 0 0.67em;
}
.hero p {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 24px;
  margin: 0;
}
.hero--grad-white::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, #FFFFFF 100%);
}

/* @define icon */
.icon__guarantee--no {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20192%20192%22%3E%3Cpath%20d%3D%22M129.2%2057.2L96%2090.3%2062.8%2057.2l-5.6%205.6L90.3%2096l-33.1%2033.2%205.6%205.6L96%20101.7l33.2%2033.1%205.6-5.6L101.7%2096l33.1-33.2z%22%20fill%3D%22%23EA0016%22%2F%3E%3Cpath%20d%3D%22M96%2016c-44.1%200-80%2035.9-80%2080s35.9%2080%2080%2080%2080-35.9%2080-80-35.9-80-80-80zm0%20152c-39.7%200-72-32.3-72-72s32.3-72%2072-72%2072%2032.3%2072%2072-32.3%2072-72%2072z%22%20fill%3D%22%23EA0016%22%2F%3E%3C%2Fsvg%3E");
  background-size: 21px;
  background-repeat: no-repeat;
  background-position: center;
  height: 28px;
  width: 21px;
  display: inline-block;
  vertical-align: middle;
}
.icon__guarantee--yes {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20192%20192%22%3E%3Cpath%20fill%3D%22%23006249%22%20d%3D%22M96%20176c-44.1%200-80-35.9-80-80s35.9-80%2080-80%2080%2035.9%2080%2080-35.9%2080-80%2080zm0-152c-39.7%200-72%2032.3-72%2072s32.3%2072%2072%2072%2072-32.3%2072-72-32.3-72-72-72z%22%2F%3E%3Cpath%20fill%3D%22%23006249%22%20d%3D%22M129.2%2069.2L84%20114.3%2062.8%2093.2l-5.6%205.6L84%20125.7l50.8-50.9z%22%2F%3E%3C%2Fsvg%3E");
  background-size: 21px;
  background-repeat: no-repeat;
  background-position: center;
  height: 28px;
  width: 21px;
  display: inline-block;
  vertical-align: middle;
}
.icon__guarantee--warning {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20192%20192%22%3E%3Cpath%20fill%3D%22%23F5A623%22%20d%3D%22M96%20176c-44.1%200-80-35.9-80-80s35.9-80%2080-80%2080%2035.9%2080%2080-35.9%2080-80%2080zm0-152c-39.7%200-72%2032.3-72%2072s32.3%2072%2072%2072%2072-32.3%2072-72-32.3-72-72-72z%22%2F%3E%3Cpath%20fill%3D%22%23F5A623%22%20d%3D%22M129.2%2069.2L84%20114.3%2062.8%2093.2l-5.6%205.6L84%20125.7l50.8-50.9z%22%2F%3E%3C%2Fsvg%3E");
  background-size: 21px;
  background-repeat: no-repeat;
  background-position: center;
  height: 28px;
  width: 21px;
  display: inline-block;
  vertical-align: middle;
}
.icon__framed--tick {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20192%20192%22%3E%3Cpath%20fill%3D%22%2365A11B%22%20d%3D%22M96%2016c-44.1%200-80%2035.9-80%2080s35.9%2080%2080%2080%2080-35.9%2080-80-35.9-80-80-80zM84%20125.7L57.2%2098.8l5.7-5.7L84%20114.3l45.2-45.2%205.7%205.7L84%20125.7z%22%2F%3E%3C%2Fsvg%3E");
  background-size: 21px;
  background-repeat: no-repeat;
  background-position: center;
  height: 28px;
  width: 21px;
  display: inline-block;
  vertical-align: middle;
}
.icon__framed--tick {
  height: 20px;
  width: 20px;
  margin-right: 6px;
}
.icon__star {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2257%22%20viewBox%3D%220%200%2060%2057%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M90.3%2086.774c-.237%200-.434-.04-.67-.158l-16.678-7.57-16.677%207.57c-.513.237-1.144.158-1.617-.197-.473-.355-.71-.946-.591-1.498l3.036-18.136L43.46%2053.183c-.434-.434-.552-1.025-.394-1.577.197-.552.67-.986%201.261-1.065l18.176-3.036%209.107-16.677c.276-.513.789-.828%201.38-.828.592%200%201.104.315%201.38.828l9.108%2016.677%2018.175%203.036c.592.079%201.065.513%201.262%201.065.197.552.04%201.183-.394%201.577L88.92%2066.785l3.036%2018.136c.078.591-.119%201.143-.592%201.498-.394.237-.71.355-1.064.355zm-17.348-11.04c.237%200%20.434.04.67.158l14.667%206.663-2.681-16.007c-.079-.512.079-1.025.434-1.38l12.025-12.025-15.89-2.641c-.472-.08-.906-.394-1.143-.789L72.952%2034.89%2064.87%2049.674c-.237.434-.631.71-1.144.788l-15.889%202.642%2012.025%2012.025c.355.355.513.867.434%201.38l-2.68%2016.007%2014.666-6.663c.236-.079.433-.118.67-.118z%22%20transform%3D%22translate(-43%20-30)%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 1em;
  width: 1em;
  margin-right: 6px;
  display: inline-block;
}
.icon__delete {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20192%20192%22%3E%3Cpath%20d%3D%22M152%2056H40V40h112v16zm-12%20104c0%204.4-3.6%208-8%208H60c-4.4%200-8-3.6-8-8V64h16v56h8V64h16v56h8V64h16v56h8V64h16v96zM80%2024h32c4.4%200%208%203.6%208%208H72c0-4.4%203.6-8%208-8m80%208h-32c0-8.8-7.2-16-16-16H80c-8.8%200-16%207.2-16%2016H32v32h12v96c0%208.8%207.2%2016%2016%2016h72c8.8%200%2016-7.2%2016-16V64h12V32z%22%20fill%3D%22%23EA0016%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 25px;
  width: 20px;
  margin-right: 6px;
  display: inline-block;
  font-size: 0;
  background-color: transparent;
  border: none;
}
.icon__claims--delete {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20192%20192%22%3E%3Cpath%20d%3D%22M152%2056H40V40h112v16zm-12%20104c0%204.4-3.6%208-8%208H60c-4.4%200-8-3.6-8-8V64h16v56h8V64h16v56h8V64h16v56h8V64h16v96zM80%2024h32c4.4%200%208%203.6%208%208H72c0-4.4%203.6-8%208-8m80%208h-32c0-8.8-7.2-16-16-16H80c-8.8%200-16%207.2-16%2016H32v32h12v96c0%208.8%207.2%2016%2016%2016h72c8.8%200%2016-7.2%2016-16V64h12V32z%22%20fill%3D%22%23005691%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 20px;
  width: 25px;
  display: inline-block;
  vertical-align: middle;
}
.icon__headphones {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20192%20192%22%3E%3Cpath%20fill%3D%22%23005691%22%20d%3D%22M163.1%2064.3C154.4%2035.7%20127.2%2016%2096%2016c-31.2%200-58.4%2019.7-67.1%2048.3C21.2%2065.5%2016%2071.7%2016%2080v36c0%209.4%206.6%2016%2016%2016s16-6.6%2016-16V80c0-7.6-4.3-13.3-10.8-15.3C45.4%2040.5%2069%2024%2096%2024c27%200%2050.6%2016.5%2058.8%2040.7-6.6%202-10.8%207.7-10.8%2015.3v36c0%208%204.8%2014%2012%2015.6V152c0%205.3-2.7%208-8%208h-.7c-.6-1.7-1.5-3.3-2.9-4.6-2.2-2.2-5.2-3.4-8.4-3.4h-20c-3.4%200-6.4%201.1-8.6%203.3-2.2%202.2-3.4%205.3-3.4%208.7%200%207%205%2012%2012%2012h20c5.5%200%209.8-3.2%2011.4-8h.6c9.7%200%2016-6.3%2016-16v-20.4c7.2-1.6%2012-7.5%2012-15.6V80c0-8.3-5.2-14.5-12.9-15.7zM40%2080v36c0%205.9-4.1%208-8%208s-8-2.1-8-8V80c0-5.9%204.1-8%208-8s8%202.1%208%208zm96%2088h-20c-3.7%200-4-3.1-4-4%200-1.3.4-2.4%201.1-3%20.6-.6%201.6-1%202.9-1h20.1c1.1%200%202.1.4%202.8%201%20.7.7%201.2%201.8%201.2%203-.1.9-.4%204-4.1%204zm32-52c0%205.9-4.1%208-8%208s-8-2.1-8-8V80c0-5.9%204.1-8%208-8s8%202.1%208%208v36z%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 40px;
  width: 40px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.icon__chevron--back {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20192%20192%22%3E%3Cpath%20fill%3D%22%23005691%22%20d%3D%22M121.2%20158.8L58.3%2096l62.9-62.8%205.6%205.6L69.7%2096l57.1%2057.2z%22%2F%3E%3C%2Fsvg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 15px;
  width: 15px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 7px;
}
.icon__cms {
  height: 24px;
  width: 24px;
  margin-right: 10px;
}
.icon__search--postcode {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20192%20192%22%3E%3Cpath%20d%3D%22M170.829%20149.171l-56.874-56.873A51.667%2051.667%200%200%200%20120%2068c0-28.673-23.327-52-52-52S16%2039.327%2016%2068s23.327%2052%2052%2052c8.773%200%2017.04-2.192%2024.298-6.045l56.873%2056.874c3.45%203.45%207.92%205.2%2012.248%205.2%203.854%200%207.597-1.388%2010.41-4.2%205.97-5.972%205.522-16.135-1-22.658zM24%2068c0-24.262%2019.738-44%2044-44s44%2019.738%2044%2044-19.738%2044-44%2044-44-19.738-44-44zm142.171%2098.171c-1.75%201.753-3.874%201.979-5.347%201.857-2.171-.176-4.357-1.217-5.995-2.857L99.216%20109.56a52.439%2052.439%200%200%200%2010.343-10.343l55.612%2055.613c1.64%201.638%202.68%203.824%202.857%205.995.12%201.473-.105%203.596-1.857%205.347z%22%20style%3D%22fill%3A%20%23000000;%22%2F%3E%3C%2Fsvg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 21px;
  width: 21px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 7px;
}

.icon, ul.tick li:before {
  display: inline-block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  fill: currentColor;
  height: 1em;
  width: 1em;
  vertical-align: middle;
  position: relative;
  top: -0.025em;
  font-size: 24px;
}
.icon--email {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20192%20192%22%3E%3Cpath%20fill%3D%22%23007DB8%22%20d%3D%22M24%2044v88c0%208.8%207.2%2016%2016%2016h112c8.8%200%2016-7.2%2016-16V44H24zm127.4%208L96%2091.1%2040.6%2052h110.8zm.6%2088H40c-4.4%200-8-3.6-8-8V55.7l64%2045.2%2064-45.2V132c0%204.4-3.6%208-8%208z%22%2F%3E%3C%2Fsvg%3E");
}
.icon--phone {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20192%20192%22%3E%3Cpath%20fill%3D%22%23007DB8%22%20d%3D%22M128.6%20159.4c-6.5%200-35.9-1.7-65.4-31.2C31.1%2096.1%2031.9%2064.1%2032%2061.6c0-2.6%201.1-5.1%202.9-7l12.7-12.7C49.5%2040%2052%2039%2054.7%2039c2.7%200%205.2%201%207.1%202.9l17%2017c1.9%201.9%202.9%204.4%202.9%207.1%200%202.7-1%205.2-2.9%207.1L68.9%2083c-.2.2-.6.7-.6%201.4v.4c0%20.9.6%209.5%2014.7%2023.7%2014.3%2014.3%2022.9%2014.7%2023.7%2014.7h.4c.7%200%201.2-.4%201.4-.6l9.9-9.9c1.9-1.9%204.4-2.9%207.1-2.9s5.2%201%207.1%202.9l17%2017c3.9%203.9%203.9%2010.2%200%2014.1l-12.7%2012.7c-1.9%201.9-4.3%202.9-7%202.9h-1.3zM54.7%2047c-.3%200-.9.1-1.4.6L40.6%2060.3c-.2.2-.6.7-.6%201.4v.2c0%20.3-1.2%2030.6%2028.9%2060.6%2030.2%2030.2%2060.3%2028.9%2060.6%2028.9h.2c.7%200%201.2-.4%201.4-.6l12.7-12.7c.8-.8.8-2%200-2.8l-17-17c-.8-.8-2-.8-2.8%200l-9.9%209.9c-1.9%201.9-4.3%202.9-6.9%202.9-2.1.1-13-.2-29.9-17.1-16.8-16.8-17.1-27.7-17-29.8%200-2.6%201.1-5.1%202.9-6.9l9.9-9.9c.8-.8.8-2%200-2.8l-17-17c-.4-.5-1-.6-1.4-.6z%22%2F%3E%3C%2Fsvg%3E");
}

/* @define image */
.image__preview--portrait {
  display: block;
  border: none;
  padding: 0;
  padding-top: 132.4626865672%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top left;
  background-color: transparent;
  cursor: pointer;
  width: 268px;
}
.image__preview--landscape {
  display: block;
  border: none;
  padding: 0;
  padding-right: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top left;
  background-color: transparent;
  cursor: pointer;
  height: 268px;
  width: 355px;
}
.image__strip--dualbrand {
  background-size: cover;
  background-repeat: repeat;
  background-position: center;
  background-image: url("/img/header/dual-brand-multi.png");
  width: 100%;
  height: 15px;
}

.info {
  margin: 24px 0;
  padding: 20px 34px;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  border: 1px solid #BFC0C2;
}
.info__icon {
  background-color: blue;
  width: 33px;
  height: 33px;
  border-radius: 50%;
  margin-right: 16px;
}
.info__text {
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
}

/* @define input */
.input__container--select {
  position: relative;
}
.input__group {
  position: relative;
}
.input__group.has-error {
  border-bottom-color: #EA0016;
  margin-bottom: 15px;
}
.input__group--actions {
  display: flex;
  flex-direction: column;
  margin: 0 16px 20px;
  position: relative;
}
.input__group--guarantees, .input__group--accreditations {
  display: flex;
  flex-direction: column;
}
.input__group--guarantees {
  margin-right: 184px;
}
.input__group--comments, .input__group--showrooms {
  padding: 40px 16px 0;
  position: relative;
}
.input__group--accreditations .input__heading, .input__group--guarantees .input__heading {
  margin-bottom: 20px;
  font-family: "BoschSans-Medium", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}
.input__submit--actions {
  margin: 20px 0 60px 16px;
}
.input__submit--comments {
  margin-left: auto;
  flex: 0 0 auto;
}
.input__container--postcode .input__submit {
  background-color: transparent;
  border: none;
  font-size: 0;
  padding: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  height: 44px;
  width: 44px;
  cursor: pointer;
  opacity: 0.5;
  transition: 0.25s;
}
.input__container--postcode .input__submit:hover, .input__container--postcode .input__submit:focus {
  opacity: 1;
}
.input__select {
  padding: 14px;
  border: 1px solid #D8D8D8;
}
.input__textarea--comments, .input__textarea--showrooms {
  padding: 8px 14px 14px;
  border: 1px solid #D8D8D8;
  border-top: none;
  margin-bottom: 20px;
  resize: vertical;
  width: 100%;
  display: block;
  min-height: 160px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 15px;
  line-height: 28px;
  color: #000000;
  max-height: 320px;
}
.input__textarea--comments:focus, .input__textarea--showrooms:focus {
  outline: none;
}
.input__footnote--comments {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 15px;
  line-height: 28px;
  color: #000000;
  display: block;
  margin-bottom: 18px;
  flex: 0 0 auto;
}
.input__disclaimer--actions {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 15px;
  line-height: 28px;
  color: #000000;
  margin: 0 16px 40px;
}
.input__disclaimer--note {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 15px;
  line-height: 28px;
  color: #000000;
  margin: 20px 16px;
  display: block;
}
.input__validation {
  font-family: "BoschSans-Medium", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  position: absolute;
  top: 100%;
  left: 0;
  padding: 4px 0 0;
}
.has-error .input__validation {
  color: #EA0016;
}
.has-error .input__validation--white-background {
  background: #FFFFFF;
  border-top: 1px solid #EA0016;
  padding: 4px 8px 4px 10px;
}
.has-warning .input__validation {
  color: #F5A623;
}
.has-success .input__validation {
  color: #78BE20;
}
.input__container--text, .input__container--postcode, .input__container--quantity, .input__container--term, .input__container--consumer {
  border-bottom: 1px solid #BFC0C2;
  width: 100%;
  position: relative;
}
.input__container--text.has-error, .input__container--postcode.has-error, .input__container--quantity.has-error, .input__container--term.has-error, .input__container--consumer.has-error {
  border-bottom-color: #EA0016;
  margin-bottom: 30px;
}
.input__container--text.has-warning, .input__container--postcode.has-warning, .input__container--quantity.has-warning, .input__container--term.has-warning, .input__container--consumer.has-warning {
  border-bottom-color: #F5A623;
}
.input__container--text.has-success, .input__container--postcode.has-success, .input__container--quantity.has-success, .input__container--term.has-success, .input__container--consumer.has-success {
  border-bottom-color: #78BE20;
}
.input__container--term {
  border: none;
  padding-top: 10px;
}
.input__container--postcode {
  max-width: 304px;
}
.input__container--quantity {
  max-width: 100px;
  margin-left: auto;
}
.input__container--radio, .input__container--checkbox {
  position: relative;
  display: inline-block;
  max-width: max-content;
}
.input__group--actions .input__container--radio, .input__group--actions .input__container--checkbox {
  margin-bottom: 20px;
}
.input__group--guarantees .input__container--radio, .input__group--accreditations .input__container--radio, .input__group--guarantees .input__container--checkbox, .input__group--accreditations .input__container--checkbox {
  margin-bottom: 14px;
}
.input__container--file {
  position: relative;
  display: inline-flex;
}
.input__container--comments {
  display: flex;
  flex-flow: row wrap;
}
.input__container--status {
  border: none !important;
  display: flex;
  flex-direction: column;
}
.input__container--status .input__container--radio {
  display: block;
}
.input__container--consumer {
  border: none;
}
.input__container--consumer.has-error .input__control {
  border-bottom: 1px solid #EA0016 !important;
}
.input__container--consumer .input__control {
  border-bottom: 1px solid #BFC0C2 !important;
}
.input__container--consumer .input__validation {
  position: relative;
  top: 0;
}
.input__container--address.has-error {
  margin-bottom: 30px;
}
.input__label--textarea {
  border: 1px solid #D8D8D8;
  border-bottom: none;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  margin: 0;
  padding: 14px 14px 0;
  color: #444444;
}
.input__label--sortby {
  font-family: "BoschSans-Bold", "OpenSans-Bold-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
  margin: 0 0 10px;
}
.input__container--text .input__label, .input__container--quantity .input__label, .input__container--select .input__label, .input__container--consumer .input__label {
  font-family: "BoschSans-Medium", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  margin: 18px 0 0;
  display: inline-block;
}
.input__container--quantity .input__label {
  margin: 0;
}
.input__container--radio .input__label, .input__container--checkbox .input__label {
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
  padding: 0 9px 0 27px;
  margin: 0 0 0 8px;
  z-index: 1;
}
.input__container--radio .input__label:before, .input__container--radio .input__label:after, .input__container--checkbox .input__label:before, .input__container--checkbox .input__label:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
}
.input__container--radio .input__label:before, .input__container--checkbox .input__label:before {
  height: 20px;
  width: 20px;
  background-color: #BFC0C2;
}
.input__container--radio .input__label:after, .input__container--checkbox .input__label:after {
  opacity: 0;
  height: 10px;
  width: 10px;
  left: 5px;
  top: 5px;
  background-color: #FFFFFF;
}
.input__control:hover + .input__label:before {
  background-color: #7FC6E7;
}

.input__control:focus + .input__label:before {
  background-color: #008ECF;
}

.input__control:checked + .input__label:before {
  background-color: #005691;
}
.input__control:checked + .input__label:after {
  opacity: 1;
  z-index: 0;
}

.input__container--radio .input__label:before, .input__container--radio .input__label:after {
  border-radius: 50%;
  z-index: -1;
}
.input__container--checkbox .input__label:after {
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219%22%20height%3D%2213%22%20viewBox%3D%220%200%2019%2013%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M22.088%2031.864L34.156%2019.768%2033.344%2018.956%2022.088%2030.212%2016.656%2024.78%2015.844%2025.62z%22%20transform%3D%22translate(-15.5%20-19)%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.input__container--file .input__control:hover + .input__label {
  background-color: #7FC6E7;
}

.input__container--file .input__control:focus + .input__label {
  background-color: #008ECF;
}

.input__container--text .input__control, .input__container--postcode .input__control, .input__container--quantity .input__control, .input__container--consumer .input__control {
  opacity: 0.6;
  background: none;
  border: none;
  display: block;
  padding: 16px 10px 13px;
  font-size: 16px;
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  width: 100%;
}
.input__container--text .input__control:focus, .input__container--text .input__control:valid, .input__container--postcode .input__control:focus, .input__container--postcode .input__control:valid, .input__container--quantity .input__control:focus, .input__container--quantity .input__control:valid, .input__container--consumer .input__control:focus, .input__container--consumer .input__control:valid {
  opacity: 1;
  outline: none;
}
.input__container--text .input__control--narrow, .input__container--postcode .input__control--narrow, .input__container--quantity .input__control--narrow, .input__container--consumer .input__control--narrow {
  opacity: 0.5;
  background: none;
  border: none;
  display: block;
  padding: 4px 0 7px;
  font-size: 16px;
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  width: 100%;
}
.input__container--text .input__control--narrow:focus, .input__container--text .input__control--narrow:valid, .input__container--postcode .input__control--narrow:focus, .input__container--postcode .input__control--narrow:valid, .input__container--quantity .input__control--narrow:focus, .input__container--quantity .input__control--narrow:valid, .input__container--consumer .input__control--narrow:focus, .input__container--consumer .input__control--narrow:valid {
  opacity: 1;
}
.input__container--text .input__control--right, .input__container--postcode .input__control--right, .input__container--quantity .input__control--right, .input__container--consumer .input__control--right {
  margin-right: 47px;
}
.input__container--text .input__control--inverted {
  opacity: 0.5;
  background: none;
  border: none;
  display: block;
  padding: 16px 10px 13px;
  font-size: 16px;
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  width: 100%;
  color: #FFFFFF;
}
.input__container--text .input__control--inverted:focus, .input__container--text .input__control--inverted:valid {
  opacity: 1;
  outline: none;
}
.input__container--text .input__control--inverted::placeholder {
  color: #FFFFFF;
  opacity: 0.5;
}
.input__container--postcode .input__control {
  padding-right: 40px;
}
.input__container--radio .input__control, .input__container--checkbox .input__control, .input__container--file .input__control {
  position: absolute;
  height: 20px;
  width: 100%;
  top: 0;
  left: 0;
  margin: auto;
  opacity: 0;
  cursor: pointer;
  z-index: 2;
}
.input__container--file .input__control {
  height: 100%;
}
.input__container--title .input__control {
  background: url("/img/consumer-portal/down-chevron.svg") no-repeat right;
  background-position-x: 97%;
  appearance: none;
}
.input__help-text, .input__help-text--large {
  margin-top: 15px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 13px;
  line-height: 20px;
  color: #000000;
}
.input__help-text--large {
  font-size: 20px;
  line-height: 24px;
}
.input__link {
  color: #007DB8;
  margin-top: 15px;
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
  display: block;
  cursor: pointer;
}
.input__link:hover, .input__link:focus {
  text-decoration: underline;
}
.input__title {
  margin: 0 0 20px;
  font-size: 14px;
  font-family: "BoschSans-Medium", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.input__wrapper {
  margin-bottom: 40px;
}

/* @define journey */
.journey__icon--arrows-left-right-checkmark {
  background-image: url("/img/consumer-portal/arrows-left-right-checkmark.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 36px;
  display: block;
  height: 100%;
  width: 100%;
  transform: scale(1.5);
}
.journey__icon--coins {
  background-image: url("/img/consumer-portal/coins.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 36px;
  display: block;
  height: 100%;
  width: 100%;
  transform: scale(1.5);
}
.journey__icon--up {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229%22%20height%3D%2219%22%20viewBox%3D%220%200%209%2019%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M8.032%204.028L4.016%200%200%204.028%200.646%204.674%203.555%201.777%203.555%2018.2%204.478%2018.2%204.478%201.777%207.386%204.674z%22%20transform%3D%22translate(.3%20.4)%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 9px 25px;
  display: block;
  height: 100%;
  width: 100%;
  transform: scale(1.5);
}
.journey__icon--down {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229%22%20height%3D%2219%22%20viewBox%3D%220%200%209%2019%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M8.032%204.028L4.016%200%200%204.028%200.646%204.674%203.555%201.777%203.555%2018.2%204.478%2018.2%204.478%201.777%207.386%204.674z%22%20transform%3D%22translate(.3%20.4)%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 9px 25px;
  display: block;
  height: 100%;
  width: 100%;
  transform: rotate(180deg) scale(1.5);
}
.journey__icon--star {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2214%22%20viewBox%3D%220%200%2015%2014%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M3.32%2013.961l4.166-1.866%204.166%201.866c.038.025.098.037.18.037.082%200%20.167-.024.255-.074.127-.087.177-.212.152-.374l-.758-4.479L14.89%205.73c.1-.124.132-.255.095-.392-.064-.15-.17-.236-.322-.261l-4.545-.747L7.846.205C7.77.068%207.656%200%207.505%200c-.063%200-.13.019-.199.056-.07.037-.123.087-.16.15L4.872%204.33l-4.545.747c-.151.025-.252.109-.303.252-.05.143-.025.277.076.401l3.427%203.341-.757%204.48c-.013.062-.01.127.01.195.018.069.06.128.122.178.14.087.278.1.417.037zm8.01-.99L7.656%2011.33c-.05-.037-.1-.056-.151-.056-.05%200-.114.013-.19.038l-3.673%201.642.682-3.938c.025-.137-.013-.255-.114-.355L1.2%205.693l3.976-.635c.126-.012.22-.08.284-.205l2.026-3.64%202.026%203.658c.063.1.158.162.284.187l3.977.653-3.011%202.968c-.089.087-.126.2-.114.336l.682%203.957z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  height: 100%;
  width: 100%;
  transform: scale(1.5) translateY(-1px);
}
.journey__container--history .journey__icon--star {
  background-size: 36px;
}
.journey__container--dashboard .journey__icon--star {
  background-size: 16px;
  max-height: 50px;
}
.journey__icon--checklist {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20192%20192%22%3E%3Cpath%20d%3D%22M116%2069.7l-10.8-10.9%205.6-5.6%205.2%205.1%2013.2-13.1%205.6%205.6zM116%2097.7l-10.8-10.9%205.6-5.6%205.2%205.1%2013.2-13.1%205.6%205.6zM116%20125.7l-10.8-10.9%205.6-5.6%205.2%205.1%2013.2-13.1%205.6%205.6z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M152%20176H40V16h112v160zm-104-8h96V24H48v144z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M56%2056h40v8H56zM56%2084h40v8H56zM56%20112h40v8H56z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 36px;
  display: block;
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 1;
}
.journey__icon--shoppingcart {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20192%20192%22%3E%3Cpath%20d%3D%22M161.3%2040.2c-4.1-1.4-9.1-.8-13.4%201.4-4%202.1-6.7%205.4-7.7%209.3l-1.4%205.1H32c-8.8%200-16%207.2-16%2016%200%201.4.2%202.8.5%204.1l12.1%2040.3c2%206.8%208.3%2011.6%2015.4%2011.6h75.1l-2.3%208.3c-6%201.2-10.8%205.8-12.3%2011.7h-41c-1.8-6.9-8-12-15.5-12-8.8%200-16%207.2-16%2016s7.2%2016%2016%2016c7.4%200%2013.7-5.1%2015.5-12h41.1c1.8%206.9%208%2012%2015.5%2012%208.8%200%2016-7.2%2016-16%200-7.1-4.6-13.1-11-15.2L147.9%2053c.5-1.7%201.8-3.3%203.8-4.4%202.3-1.2%205-1.6%207.1-.9l12%204%202.5-7.6-12-3.9zM48%20160c-4.4%200-8-3.6-8-8s3.6-8%208-8%208%203.6%208%208-3.6%208-8%208zm-4-40c-3.5%200-6.7-2.4-7.7-5.8L24.3%2074c-.2-.6-.3-1.3-.3-2%200-4.4%203.6-8%208-8h104.6l-15.3%2056H44zm84%2032c0%204.4-3.6%208-8%208s-8-3.6-8-8%203.6-8%208-8%208%203.6%208%208z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 36px;
  display: block;
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 1;
}
.journey__icon--tick {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219%22%20height%3D%2213%22%20viewBox%3D%220%200%2019%2013%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M22.088%2031.864L34.156%2019.768%2033.344%2018.956%2022.088%2030.212%2016.656%2024.78%2015.844%2025.62z%22%20transform%3D%22translate(-15.5%20-19)%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
  display: block;
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 1;
}
.journey__container--consumer-portal .journey__icon--tick {
  z-index: 3;
  max-height: 50px;
}
.journey__icon--complete {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2220%22%20viewBox%3D%220%200%2024%2020%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M1.14%2019.524c0-1.307.327-2.52.98-3.64s1.54-2.007%202.66-2.66%202.343-.98%203.668-.98c1.325%200%202.543.327%203.654.98%201.11.653%201.993%201.54%202.646%202.66.653%201.12.98%202.333.98%203.64h1.176c0-1.25-.261-2.445-.784-3.584-.523-1.083-1.246-2.025-2.17-2.828-.924-.803-1.965-1.372-3.122-1.708.952-.448%201.717-1.125%202.296-2.03.579-.905.868-1.89.868-2.954%200-1.008-.247-1.937-.742-2.786-.495-.85-1.167-1.521-2.016-2.016-.85-.495-1.778-.742-2.786-.742s-1.937.247-2.786.742c-.85.495-1.521%201.167-2.016%202.016-.495.85-.742%201.778-.742%202.786%200%201.083.29%202.072.868%202.968.579.896%201.344%201.568%202.296%202.016-1.157.336-2.198.905-3.122%201.708-.924.803-1.647%201.745-2.17%202.828-.523%201.139-.784%202.333-.784%203.584H1.14zm7.308-8.736c-.784%200-1.512-.196-2.184-.588-.672-.392-1.209-.924-1.61-1.596s-.602-1.4-.602-2.184c0-.784.2-1.512.602-2.184.401-.672.938-1.209%201.61-1.61.672-.401%201.4-.602%202.184-.602.784%200%201.512.2%202.184.602.672.401%201.204.938%201.596%201.61.392.672.588%201.4.588%202.184%200%20.784-.196%201.512-.588%202.184-.392.672-.924%201.204-1.596%201.596-.672.392-1.4.588-2.184.588zm8.512%204.256l1.428-1.4c.653.112%201.302.065%201.946-.14.644-.205%201.2-.541%201.666-1.008.597-.616.97-1.349%201.12-2.198.15-.85.037-1.666-.336-2.45l-.364-.728-2.912%202.912c-.112.112-.247.168-.406.168-.159%200-.299-.056-.42-.168-.121-.112-.182-.257-.182-.434s.056-.303.168-.378l2.912-2.94-.728-.336c-.784-.373-1.6-.485-2.45-.336-.85.15-1.582.532-2.198%201.148-.467.467-.803%201.017-1.008%201.652-.205.635-.252%201.279-.14%201.932l-1.232%201.232c.15.093.355.243.616.448l.336.252%201.568-1.568-.084-.336c-.13-.504-.126-1.008.014-1.512s.387-.933.742-1.288c.336-.336.723-.574%201.162-.714.439-.14.882-.182%201.33-.126L17.856%208.38c-.336.336-.504.747-.504%201.232s.173.9.518%201.246c.345.345.756.518%201.232.518s.891-.177%201.246-.532L22%209.22c.056.448.014.887-.126%201.316-.14.43-.378.812-.714%201.148-.373.373-.812.625-1.316.756-.504.13-1.008.13-1.512%200l-.308-.084-1.68%201.68c.243.336.448.672.616%201.008z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
  display: block;
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 1;
}
.journey__container--consumer-portal .journey__icon--complete {
  z-index: 3;
  max-height: 50px;
}
.journey__icon--action {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%2224%22%20viewBox%3D%220%200%2021%2024%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M16.676%2023.876v-7.364L15.5%2017.688V22.7h-14v-21h14v5.124c.373-.224.765-.392%201.176-.504V.524H.324v23.352h16.352zM12%207.524V6.376H2.676v1.148H12zM6.512%2021.16l4.844-1.204L19%2012.34l.42-.42c.504-.504.756-1.11.756-1.82s-.252-1.316-.756-1.82-1.11-.756-1.82-.756-1.316.252-1.82.756l-8.064%208.064-1.204%204.816zm11.564-9.548l-1.988-1.988.588-.588c.28-.243.607-.355.98-.336.373.019.681.159.924.42.261.243.401.55.42.924.019.373-.093.7-.336.98l-.588.588zM12%2010.436V9.288H2.676v1.148H12zm-.924%208.176l-1.988-1.988%206.188-6.188%201.96%201.988-6.16%206.188zm-3.752-5.236V12.2H2.676v1.176h4.648zm.812%206.188l.448-1.792%201.344%201.344-1.792.448z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
  display: block;
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 1;
}
.journey__container--consumer-portal .journey__icon--action {
  z-index: 3;
  max-height: 50px;
}
.journey__icon--camera {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2218%22%20viewBox%3D%220%200%2025%2018%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M24.176%2017.524V2.376h-6.552L17.036.024H7.964l-.588%202.352H.824v15.148h23.352zM23%2016.376H2V3.524h6.3L8.86%201.2h7.28l.588%202.324H23v12.852zM12.5%2015.2c.952%200%201.83-.238%202.632-.714.803-.476%201.442-1.115%201.918-1.918.476-.803.714-1.68.714-2.632%200-.952-.233-1.83-.7-2.632-.467-.803-1.106-1.437-1.918-1.904-.812-.467-1.694-.7-2.646-.7s-1.83.233-2.632.7c-.803.467-1.437%201.101-1.904%201.904-.467.803-.7%201.68-.7%202.632%200%20.952.233%201.83.7%202.632.467.803%201.101%201.442%201.904%201.918.803.476%201.68.714%202.632.714zm0-1.176c-.728%200-1.41-.182-2.044-.546-.635-.364-1.134-.859-1.498-1.484-.364-.625-.546-1.311-.546-2.058%200-.747.182-1.428.546-2.044.364-.616.863-1.106%201.498-1.47.635-.364%201.316-.546%202.044-.546s1.405.182%202.03.546c.625.364%201.125.859%201.498%201.484s.56%201.302.56%202.03c0%20.728-.187%201.405-.56%202.03-.373.625-.873%201.125-1.498%201.498s-1.302.56-2.03.56z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
  display: block;
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 1;
}
.journey__icon--guarantee {
  background-image: url("/img/customer-loyalty/icons/contact.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
  display: block;
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 1;
}
.journey__icon--contact {
  background-image: url("/img/customer-loyalty/icons/contact.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
  display: block;
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 1;
}
.journey__icon--ready {
  background-image: url("/img/consumer-portal/configuration.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
  display: block;
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 1;
}
.journey__container--consumer-portal .journey__icon--ready {
  z-index: 3;
  max-height: 50px;
}
.journey__icon--options {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22100%%22%20height%3D%22100%%22%20viewBox%3D%220%200%20192%20192%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M72,96C72,100.389%2068.389,104%2064,104C59.611,104%2056,100.389%2056,96C56,91.611%2059.611,88%2064,88C68.389,88%2072,91.611%2072,96ZM96.001,88C91.612,88%2088.001,91.611%2088.001,96C88.001,100.389%2091.612,104%2096.001,104C100.39,104%20104.001,100.389%20104.001,96C104.001,91.611%20100.39,88%2096.001,88ZM128.001,88C123.612,88%20120.001,91.611%20120.001,96C120.001,100.389%20123.612,104%20128.001,104C132.39,104%20136.001,100.389%20136.001,96C136.001,91.611%20132.39,88%20128.001,88Z%22%20%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 48px;
  display: block;
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 1;
}
.journey__icon--close {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22100%%22%20height%3D%22100%%22%20viewBox%3D%220%200%20192%20192%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M158.8%2038.8l-5.6-5.6L96%2090.3%2038.8%2033.2l-5.6%205.6L90.3%2096l-57.1%2057.2%205.6%205.6L96%20101.7l57.2%2057.1%205.6-5.6L101.7%2096z%22%20%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 32px;
  display: block;
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 1;
}
.journey__icon--mail {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22100%%22%20height%3D%22100%%22%20viewBox%3D%220%200%20192%20192%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M24%2044v88c0%208.8%207.2%2016%2016%2016h112c8.8%200%2016-7.2%2016-16V44H24zm127.4%208L96%2091.1%2040.6%2052h110.8zm.6%2088H40c-4.4%200-8-3.6-8-8V55.7l64%2045.2%2064-45.2V132c0%204.4-3.6%208-8%208z%22%20%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 48px;
  display: block;
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 1;
}
.journey__container--consumer-portal .journey__icon--mail {
  z-index: 3;
  background-size: 24px;
  max-height: 50px;
}
.journey__icon--feedback {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2214%22%20viewBox%3D%220%200%2015%2014%22%3E%3Cpath%20fill%3D%22%23BFC0C2%22%20d%3D%22M3.32%2013.961l4.166-1.866%204.166%201.866c.038.025.098.037.18.037.082%200%20.167-.024.255-.074.127-.087.177-.212.152-.374l-.758-4.479L14.89%205.73c.1-.124.132-.255.095-.392-.064-.15-.17-.236-.322-.261l-4.545-.747L7.846.205C7.77.068%207.656%200%207.505%200c-.063%200-.13.019-.199.056-.07.037-.123.087-.16.15L4.872%204.33l-4.545.747c-.151.025-.252.109-.303.252-.05.143-.025.277.076.401l3.427%203.341-.757%204.48c-.013.062-.01.127.01.195.018.069.06.128.122.178.14.087.278.1.417.037zm8.01-.99L7.656%2011.33c-.05-.037-.1-.056-.151-.056-.05%200-.114.013-.19.038l-3.673%201.642.682-3.938c.025-.137-.013-.255-.114-.355L1.2%205.693l3.976-.635c.126-.012.22-.08.284-.205l2.026-3.64%202.026%203.658c.063.1.158.162.284.187l3.977.653-3.011%202.968c-.089.087-.126.2-.114.336l.682%203.957z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
  display: block;
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 1;
}
.journey__container--consumer-portal .journey__icon--feedback {
  position: relative;
  z-index: 3;
  max-height: 50px;
}
.journey__icon--installer {
  background-image: url("/img/consumer-portal/installer-icon.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
  display: block;
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 1;
}
.journey__container--consumer-portal .journey__icon--installer {
  position: relative;
  z-index: 3;
  max-height: 50px;
}
.journey__icon--work-order {
  background-image: url("/img/consumer-portal/work-order.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30px;
  display: block;
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 1;
}
.journey__container--consumer-portal .journey__icon--work-order {
  position: relative;
  z-index: 3;
}
.journey__icon--lead-grey {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%2224%22%20viewBox%3D%220%200%2021%2024%22%3E%3Cpath%20fill%3D%22%23BFC0C2%22%20d%3D%22M16.676%2023.876v-7.364L15.5%2017.688V22.7h-14v-21h14v5.124c.373-.224.765-.392%201.176-.504V.524H.324v23.352h16.352zM12%207.524V6.376H2.676v1.148H12zM6.512%2021.16l4.844-1.204L19%2012.34l.42-.42c.504-.504.756-1.11.756-1.82s-.252-1.316-.756-1.82-1.11-.756-1.82-.756-1.316.252-1.82.756l-8.064%208.064-1.204%204.816zm11.564-9.548l-1.988-1.988.588-.588c.28-.243.607-.355.98-.336.373.019.681.159.924.42.261.243.401.55.42.924.019.373-.093.7-.336.98l-.588.588zM12%2010.436V9.288H2.676v1.148H12zm-.924%208.176l-1.988-1.988%206.188-6.188%201.96%201.988-6.16%206.188zm-3.752-5.236V12.2H2.676v1.176h4.648zm.812%206.188l.448-1.792%201.344%201.344-1.792.448z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px;
  display: block;
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 1;
}
.journey__container--consumer-portal .journey__icon--lead-grey {
  position: relative;
  z-index: 3;
}
.journey__badge--next {
  background: linear-gradient(to bottom, #78BE20, #00A8B0 114%);
  border-radius: 50%;
  flex-shrink: 0;
}
.journey__container--dashboard .journey__badge--next {
  height: 50px;
  margin-right: 25px;
  width: 50px;
}
.journey__container--history .journey__badge--next {
  height: 65px;
  width: 65px;
  margin-right: 20px;
}
.journey__container--steps .journey__badge--next {
  height: 50px;
  width: 50px;
  margin-right: 15px;
}
.journey__container--orders\!cp .journey__badge--next {
  height: 49px;
  width: 49px;
  margin-right: 10px;
}
.journey__container--consumer-portal .journey__badge--next {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: transparent;
  border-radius: none;
}
.journey__container--consumer-portal .journey__badge--next:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translatex(-50%);
  height: 50px;
  width: 50px;
  z-index: 2;
  background-color: linear-gradient(to bottom, #78BE20, #00A8B0 114%);
  border-radius: 50%;
}
.journey__badge--now {
  background: linear-gradient(to bottom, #00A8B0, #008ECF);
  border-radius: 50%;
  flex-shrink: 0;
}
.journey__container--dashboard .journey__badge--now {
  height: 50px;
  margin-right: 25px;
  width: 50px;
}
.journey__container--history .journey__badge--now {
  height: 65px;
  width: 65px;
  margin-right: 20px;
}
.journey__container--steps .journey__badge--now {
  height: 50px;
  width: 50px;
  margin-right: 15px;
}
.journey__container--orders\!cp .journey__badge--now {
  height: 49px;
  width: 49px;
  margin-right: 10px;
}
.journey__container--consumer-portal .journey__badge--now {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: transparent;
  border-radius: none;
}
.journey__container--consumer-portal .journey__badge--now:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translatex(-50%);
  height: 50px;
  width: 50px;
  z-index: 2;
  background-color: linear-gradient(to bottom, #00A8B0, #008ECF);
  border-radius: 50%;
}
.journey__badge--prev {
  background: linear-gradient(to bottom, #008ECF, #005691);
  border-radius: 50%;
  flex-shrink: 0;
}
.journey__container--dashboard .journey__badge--prev {
  height: 50px;
  margin-right: 25px;
  width: 50px;
}
.journey__container--history .journey__badge--prev {
  height: 65px;
  width: 65px;
  margin-right: 20px;
}
.journey__container--steps .journey__badge--prev {
  height: 50px;
  width: 50px;
  margin-right: 15px;
}
.journey__container--orders\!cp .journey__badge--prev {
  height: 49px;
  width: 49px;
  margin-right: 10px;
}
.journey__container--consumer-portal .journey__badge--prev {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: transparent;
  border-radius: none;
}
.journey__container--consumer-portal .journey__badge--prev:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translatex(-50%);
  height: 50px;
  width: 50px;
  z-index: 2;
  background-color: linear-gradient(to bottom, #008ECF, #005691);
  border-radius: 50%;
}
.journey__badge--points {
  background: #78BE20;
  border-radius: 50%;
  flex-shrink: 0;
}
.journey__container--dashboard .journey__badge--points {
  height: 50px;
  margin-right: 25px;
  width: 50px;
}
.journey__container--history .journey__badge--points {
  height: 65px;
  width: 65px;
  margin-right: 20px;
}
.journey__container--steps .journey__badge--points {
  height: 50px;
  width: 50px;
  margin-right: 15px;
}
.journey__container--orders\!cp .journey__badge--points {
  height: 49px;
  width: 49px;
  margin-right: 10px;
}
.journey__container--consumer-portal .journey__badge--points {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: transparent;
  border-radius: none;
}
.journey__container--consumer-portal .journey__badge--points:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translatex(-50%);
  height: 50px;
  width: 50px;
  z-index: 2;
  background-color: #78BE20;
  border-radius: 50%;
}
.journey__badge--guarantee {
  background: #78BE20;
  border-radius: 50%;
  flex-shrink: 0;
}
.journey__container--dashboard .journey__badge--guarantee {
  height: 50px;
  margin-right: 25px;
  width: 50px;
}
.journey__container--history .journey__badge--guarantee {
  height: 65px;
  width: 65px;
  margin-right: 20px;
}
.journey__container--steps .journey__badge--guarantee {
  height: 50px;
  width: 50px;
  margin-right: 15px;
}
.journey__container--orders\!cp .journey__badge--guarantee {
  height: 49px;
  width: 49px;
  margin-right: 10px;
}
.journey__container--consumer-portal .journey__badge--guarantee {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: transparent;
  border-radius: none;
}
.journey__container--consumer-portal .journey__badge--guarantee:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translatex(-50%);
  height: 50px;
  width: 50px;
  z-index: 2;
  background-color: #78BE20;
  border-radius: 50%;
}
.journey__badge--targeted {
  background: #78BE20;
  border-radius: 50%;
  flex-shrink: 0;
}
.journey__container--dashboard .journey__badge--targeted {
  height: 50px;
  margin-right: 25px;
  width: 50px;
}
.journey__container--history .journey__badge--targeted {
  height: 65px;
  width: 65px;
  margin-right: 20px;
}
.journey__container--steps .journey__badge--targeted {
  height: 50px;
  width: 50px;
  margin-right: 15px;
}
.journey__container--orders\!cp .journey__badge--targeted {
  height: 49px;
  width: 49px;
  margin-right: 10px;
}
.journey__container--consumer-portal .journey__badge--targeted {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: transparent;
  border-radius: none;
}
.journey__container--consumer-portal .journey__badge--targeted:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translatex(-50%);
  height: 50px;
  width: 50px;
  z-index: 2;
  background-color: #78BE20;
  border-radius: 50%;
}
.journey__badge--event {
  background: #005691;
  border-radius: 50%;
  flex-shrink: 0;
}
.journey__container--dashboard .journey__badge--event {
  height: 50px;
  margin-right: 25px;
  width: 50px;
}
.journey__container--history .journey__badge--event {
  height: 65px;
  width: 65px;
  margin-right: 20px;
}
.journey__container--steps .journey__badge--event {
  height: 50px;
  width: 50px;
  margin-right: 15px;
}
.journey__container--orders\!cp .journey__badge--event {
  height: 49px;
  width: 49px;
  margin-right: 10px;
}
.journey__container--consumer-portal .journey__badge--event {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: transparent;
  border-radius: none;
}
.journey__container--consumer-portal .journey__badge--event:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translatex(-50%);
  height: 50px;
  width: 50px;
  z-index: 2;
  background-color: #005691;
  border-radius: 50%;
}
.journey__badge--accreditations {
  background: #005691;
  border-radius: 50%;
  flex-shrink: 0;
}
.journey__container--dashboard .journey__badge--accreditations {
  height: 50px;
  margin-right: 25px;
  width: 50px;
}
.journey__container--history .journey__badge--accreditations {
  height: 65px;
  width: 65px;
  margin-right: 20px;
}
.journey__container--steps .journey__badge--accreditations {
  height: 50px;
  width: 50px;
  margin-right: 15px;
}
.journey__container--orders\!cp .journey__badge--accreditations {
  height: 49px;
  width: 49px;
  margin-right: 10px;
}
.journey__container--consumer-portal .journey__badge--accreditations {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: transparent;
  border-radius: none;
}
.journey__container--consumer-portal .journey__badge--accreditations:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translatex(-50%);
  height: 50px;
  width: 50px;
  z-index: 2;
  background-color: #005691;
  border-radius: 50%;
}
.journey__badge--spent {
  background: #50237F;
  border-radius: 50%;
  flex-shrink: 0;
}
.journey__container--dashboard .journey__badge--spent {
  height: 50px;
  margin-right: 25px;
  width: 50px;
}
.journey__container--history .journey__badge--spent {
  height: 65px;
  width: 65px;
  margin-right: 20px;
}
.journey__container--steps .journey__badge--spent {
  height: 50px;
  width: 50px;
  margin-right: 15px;
}
.journey__container--orders\!cp .journey__badge--spent {
  height: 49px;
  width: 49px;
  margin-right: 10px;
}
.journey__container--consumer-portal .journey__badge--spent {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: transparent;
  border-radius: none;
}
.journey__container--consumer-portal .journey__badge--spent:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translatex(-50%);
  height: 50px;
  width: 50px;
  z-index: 2;
  background-color: #50237F;
  border-radius: 50%;
}
.journey__badge--reduction {
  background: #50237F;
  border-radius: 50%;
  flex-shrink: 0;
}
.journey__container--dashboard .journey__badge--reduction {
  height: 50px;
  margin-right: 25px;
  width: 50px;
}
.journey__container--history .journey__badge--reduction {
  height: 65px;
  width: 65px;
  margin-right: 20px;
}
.journey__container--steps .journey__badge--reduction {
  height: 50px;
  width: 50px;
  margin-right: 15px;
}
.journey__container--orders\!cp .journey__badge--reduction {
  height: 49px;
  width: 49px;
  margin-right: 10px;
}
.journey__container--consumer-portal .journey__badge--reduction {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: transparent;
  border-radius: none;
}
.journey__container--consumer-portal .journey__badge--reduction:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translatex(-50%);
  height: 50px;
  width: 50px;
  z-index: 2;
  background-color: #50237F;
  border-radius: 50%;
}
.journey__badge--movement {
  background: #005691;
  border-radius: 50%;
  flex-shrink: 0;
}
.journey__container--dashboard .journey__badge--movement {
  height: 50px;
  margin-right: 25px;
  width: 50px;
}
.journey__container--history .journey__badge--movement {
  height: 65px;
  width: 65px;
  margin-right: 20px;
}
.journey__container--steps .journey__badge--movement {
  height: 50px;
  width: 50px;
  margin-right: 15px;
}
.journey__container--orders\!cp .journey__badge--movement {
  height: 49px;
  width: 49px;
  margin-right: 10px;
}
.journey__container--consumer-portal .journey__badge--movement {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: transparent;
  border-radius: none;
}
.journey__container--consumer-portal .journey__badge--movement:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translatex(-50%);
  height: 50px;
  width: 50px;
  z-index: 2;
  background-color: #005691;
  border-radius: 50%;
}
.journey__badge--demotion {
  background: #FCAF17;
  border-radius: 50%;
  flex-shrink: 0;
}
.journey__container--dashboard .journey__badge--demotion {
  height: 50px;
  margin-right: 25px;
  width: 50px;
}
.journey__container--history .journey__badge--demotion {
  height: 65px;
  width: 65px;
  margin-right: 20px;
}
.journey__container--steps .journey__badge--demotion {
  height: 50px;
  width: 50px;
  margin-right: 15px;
}
.journey__container--orders\!cp .journey__badge--demotion {
  height: 49px;
  width: 49px;
  margin-right: 10px;
}
.journey__container--consumer-portal .journey__badge--demotion {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: transparent;
  border-radius: none;
}
.journey__container--consumer-portal .journey__badge--demotion:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translatex(-50%);
  height: 50px;
  width: 50px;
  z-index: 2;
  background-color: #FCAF17;
  border-radius: 50%;
}
.journey__badge--promotion {
  background: #65A11B;
  border-radius: 50%;
  flex-shrink: 0;
}
.journey__container--dashboard .journey__badge--promotion {
  height: 50px;
  margin-right: 25px;
  width: 50px;
}
.journey__container--history .journey__badge--promotion {
  height: 65px;
  width: 65px;
  margin-right: 20px;
}
.journey__container--steps .journey__badge--promotion {
  height: 50px;
  width: 50px;
  margin-right: 15px;
}
.journey__container--orders\!cp .journey__badge--promotion {
  height: 49px;
  width: 49px;
  margin-right: 10px;
}
.journey__container--consumer-portal .journey__badge--promotion {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: transparent;
  border-radius: none;
}
.journey__container--consumer-portal .journey__badge--promotion:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translatex(-50%);
  height: 50px;
  width: 50px;
  z-index: 2;
  background-color: #65A11B;
  border-radius: 50%;
}
.journey__badge--completed {
  background: #006249;
  border-radius: 50%;
  flex-shrink: 0;
}
.journey__container--dashboard .journey__badge--completed {
  height: 50px;
  margin-right: 25px;
  width: 50px;
}
.journey__container--history .journey__badge--completed {
  height: 65px;
  width: 65px;
  margin-right: 20px;
}
.journey__container--steps .journey__badge--completed {
  height: 50px;
  width: 50px;
  margin-right: 15px;
}
.journey__container--orders\!cp .journey__badge--completed {
  height: 49px;
  width: 49px;
  margin-right: 10px;
}
.journey__container--consumer-portal .journey__badge--completed {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: transparent;
  border-radius: none;
}
.journey__container--consumer-portal .journey__badge--completed:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translatex(-50%);
  height: 50px;
  width: 50px;
  z-index: 2;
  background-color: #006249;
  border-radius: 50%;
}
.journey__badge--todo {
  background: #005691;
  border-radius: 50%;
  flex-shrink: 0;
}
.journey__container--dashboard .journey__badge--todo {
  height: 50px;
  margin-right: 25px;
  width: 50px;
}
.journey__container--history .journey__badge--todo {
  height: 65px;
  width: 65px;
  margin-right: 20px;
}
.journey__container--steps .journey__badge--todo {
  height: 50px;
  width: 50px;
  margin-right: 15px;
}
.journey__container--orders\!cp .journey__badge--todo {
  height: 49px;
  width: 49px;
  margin-right: 10px;
}
.journey__container--consumer-portal .journey__badge--todo {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: transparent;
  border-radius: none;
}
.journey__container--consumer-portal .journey__badge--todo:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translatex(-50%);
  height: 50px;
  width: 50px;
  z-index: 2;
  background-color: #005691;
  border-radius: 50%;
}
.journey__badge--disabled {
  background: #BFC0C2;
  border-radius: 50%;
  flex-shrink: 0;
}
.journey__container--dashboard .journey__badge--disabled {
  height: 50px;
  margin-right: 25px;
  width: 50px;
}
.journey__container--history .journey__badge--disabled {
  height: 65px;
  width: 65px;
  margin-right: 20px;
}
.journey__container--steps .journey__badge--disabled {
  height: 50px;
  width: 50px;
  margin-right: 15px;
}
.journey__container--orders\!cp .journey__badge--disabled {
  height: 49px;
  width: 49px;
  margin-right: 10px;
}
.journey__container--consumer-portal .journey__badge--disabled {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: transparent;
  border-radius: none;
}
.journey__container--consumer-portal .journey__badge--disabled:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translatex(-50%);
  height: 50px;
  width: 50px;
  z-index: 2;
  background-color: #BFC0C2;
  border-radius: 50%;
}
.journey__badge--here {
  background-color: #B90276;
  border-radius: 11px;
  color: #FFFFFF;
  display: inline-block;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 15px;
  margin: 6px 50% 0 0;
  padding: 3px 10px;
}
.journey__badge--next:after, .journey__badge--now:after {
  content: "";
  top: 50px;
  position: absolute;
  height: calc(100% + (50px * 0.5));
  width: 2px;
  left: 24px;
}
.journey__item:last-child .journey__badge--next:after, .journey__item:last-child .journey__badge--now:after {
  display: none;
}
.journey__badge--next:after {
  background-color: #00A8B0;
}
.journey__badge--now:after {
  background-color: #008ECF;
}
.journey__container--history .journey__badge--promotion, .journey__container--history .journey__badge--demotion, .journey__container--history .journey__badge--accreditations, .journey__container--history .journey__badge--spent, .journey__container--history .journey__badge--reduction, .journey__container--history .journey__badge--guarantee, .journey__container--history .journey__badge--movement, .journey__container--history .journey__badge--points, .journey__container--history .journey__badge--event, .journey__container--history .journey__badge--targeted {
  position: relative;
}
.journey__container--history .journey__badge--promotion:after, .journey__container--history .journey__badge--demotion:after, .journey__container--history .journey__badge--accreditations:after, .journey__container--history .journey__badge--spent:after, .journey__container--history .journey__badge--reduction:after, .journey__container--history .journey__badge--guarantee:after, .journey__container--history .journey__badge--movement:after, .journey__container--history .journey__badge--points:after, .journey__container--history .journey__badge--event:after, .journey__container--history .journey__badge--targeted:after {
  content: "";
  position: absolute;
  height: 58px;
  border-left: 2px dashed #005691;
  top: calc(100% + 12.5px);
  left: 0;
  right: 0;
  margin: auto;
  width: 2px;
}
.journey__item:last-child .journey__badge--promotion:after, .journey__item:last-child .journey__badge--demotion:after, .journey__item:last-child .journey__badge--accreditations:after, .journey__item:last-child .journey__badge--spent:after, .journey__item:last-child .journey__badge--reduction:after, .journey__item:last-child .journey__badge--guarantee:after, .journey__item:last-child .journey__badge--movement:after, .journey__item:last-child .journey__badge--points:after, .journey__item:last-child .journey__badge--event:after, .journey__item:last-child .journey__badge--targeted:after {
  display: none;
}
.journey__badge--content {
  padding-right: 10px;
}
.journey__container--orders\!cp .journey__badge--completed, .journey__container--steps .journey__badge--completed, .journey__container--orders\!cp .journey__badge--todo, .journey__container--steps .journey__badge--todo, .journey__container--orders\!cp .journey__badge--disabled, .journey__container--steps .journey__badge--disabled {
  position: relative;
}
.journey__container--orders\!cp .journey__badge--completed:after, .journey__container--steps .journey__badge--completed:after, .journey__container--orders\!cp .journey__badge--todo:after, .journey__container--steps .journey__badge--todo:after, .journey__container--orders\!cp .journey__badge--disabled:after, .journey__container--steps .journey__badge--disabled:after {
  content: "";
  border-left: 2px solid #006249;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin: auto;
  height: 60px;
  width: 1px;
  /* stylelint-disable-next-line */
}
.body-consumer-portal .journey__container--orders\!cp .journey__badge--completed:after, .body-consumer-portal .journey__container--steps .journey__badge--completed:after, .body-consumer-portal .journey__container--orders\!cp .journey__badge--todo:after, .body-consumer-portal .journey__container--steps .journey__badge--todo:after, .body-consumer-portal .journey__container--orders\!cp .journey__badge--disabled:after, .body-consumer-portal .journey__container--steps .journey__badge--disabled:after {
  height: 30px;
}
.journey__container--consumer-portal .journey__badge--completed:after, .journey__container--consumer-portal .journey__badge--todo:after, .journey__container--consumer-portal .journey__badge--disabled:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  bottom: 0;
  left: -50%;
  height: 2px;
  width: 100%;
  background-color: #006249;
}
.journey__item:last-child .journey__badge--completed:after, .journey__item:last-child .journey__badge--todo:after, .journey__item:last-child .journey__badge--disabled:after {
  display: none;
}
.journey__container--consumer-portal .journey__item:last-child .journey__badge--completed:after, .journey__container--consumer-portal .journey__item:last-child .journey__badge--todo:after, .journey__container--consumer-portal .journey__item:last-child .journey__badge--disabled:after {
  display: block;
}
.journey__container--consumer-portal .journey__item:first-child .journey__badge--completed:after, .journey__container--consumer-portal .journey__item:first-child .journey__badge--todo:after, .journey__container--consumer-portal .journey__item:first-child .journey__badge--disabled:after {
  display: none;
}
.journey__container--steps .journey__badge--todo:after {
  border-color: #005691;
}
.journey__container--consumer-portal .journey__badge--todo:after {
  background-color: #005691;
}
.journey__badge--disabled:before {
  content: "";
  border-left: 2px solid #BFC0C2;
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  margin: auto;
  height: 20px;
  width: 1px;
}
.journey__container--orders\!cp .journey__badge--disabled:after {
  border-left: 2px solid #BFC0C2;
}
.journey__container--steps .journey__badge--disabled:after {
  border-color: #BFC0C2;
}
.journey__container--consumer-portal .journey__badge--disabled:before {
  content: "";
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translatex(-50%);
  height: 50px;
  width: 50px;
  z-index: 2;
  background: #FFFFFF;
  border: 2px solid #BFC0C2;
  border-radius: 50%;
}
.journey__container--consumer-portal .journey__badge--disabled:after {
  background-color: #BFC0C2;
}
.journey__container--orders\!cp {
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
}
.journey__container--dashboard {
  list-style: none;
  margin: 0 16px 36px;
  padding: 0;
}
.journey__container--history {
  list-style: none;
  margin: 52px 0 64px;
  padding: 0;
}
.journey__container--steps {
  list-style: none;
  padding: 0;
  margin: 30px 16px 24px;
}
.journey__container--consumer-portal {
  display: flex;
  flex-direction: row;
  min-height: 50px;
  margin: 30px 4px 24px;
  padding: 0;
  list-style: none;
  margin-top: 0;
}
.journey__header--dashboard {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 26px;
  font-weight: 300;
  line-height: 32px;
  margin: 0 16px 19px;
}
.journey__header--history {
  border-bottom: 1px solid #979797;
  padding-bottom: 9px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 35px;
  margin: 0;
  display: none;
}
.journey__header--steps {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 26px;
  font-weight: 300;
  line-height: 40px;
  letter-spacing: -0.01;
  margin: 40px 16px 0;
}
.journey__header--tracker {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
  letter-spacing: -0.01;
  margin: 0 16px;
}
.journey__footer {
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.3;
  letter-spacing: 0;
  margin: 0 16px 15px;
}
.journey__container--dashboard .journey__title {
  display: block;
  font-family: "BoschSans-Bold", "OpenSans-Bold-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
}
.journey__container--history .journey__title {
  font-family: "BoschSans-Bold", "OpenSans-Bold-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: inline-block;
}
.journey__container--orders\!cp .journey__title {
  font-size: 12px;
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
}
.journey__badge--completed + .journey__title {
  color: #006249;
}

.journey__badge--todo + .journey__title {
  color: #005691;
}

.journey__badge--disabled + .journey__title {
  color: #BFC0C2;
}

.journey__container--consumer-portal .journey__title {
  max-width: 100px;
  text-align: center;
  line-height: 1.2;
  font-size: 12px;
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  display: block;
  margin: 10px auto 0;
}
.journey__text--dashboard {
  color: #000000;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
  margin: 0 16px 22px;
}
.journey__text--orders\!cp {
  width: 100%;
  display: flex;
  flex-flow: column;
  justify-content: center;
  padding-left: 10px;
  /* stylelint-disable-next-line */
}
.journey__text--orders\!cp > * {
  flex-basis: auto;
}
.journey__container--dashboard > .journey__item {
  align-items: center;
  display: flex;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
  margin-bottom: 34px;
  position: relative;
}
.journey__container--history > .journey__item {
  align-items: center;
  display: flex;
  margin-bottom: 84px;
  font-size: 14px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 28px;
  font-weight: 300;
  color: #000000;
}
.journey__container--orders\!cp > .journey__item, .journey__container--steps > .journey__item, .journey__container--consumer-portal > .journey__item {
  align-items: center;
  font-size: 14px;
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 18px;
  font-weight: 300;
  color: #000000;
  margin-bottom: 40px;
  display: none;
  /* stylelint-disable-next-line */
  /* stylelint-disable-next-line */
}
.body-consumer-portal .journey__container--orders\!cp > .journey__item, .body-consumer-portal .journey__container--steps > .journey__item, .body-consumer-portal .journey__container--consumer-portal > .journey__item {
  margin-bottom: 20px;
}
.journey__container--orders\!cp > .journey__item.is-current, .journey__container--steps > .journey__item.is-current, .journey__container--consumer-portal > .journey__item.is-current {
  display: flex;
}
.tracker .journey__container--orders\!cp > .journey__item, .tracker .journey__container--steps > .journey__item, .tracker .journey__container--consumer-portal > .journey__item {
  display: flex;
}
.journey__container--orders\!cp > .journey__item:last-child, .journey__container--steps > .journey__item:last-child, .journey__container--consumer-portal > .journey__item:last-child {
  margin-bottom: 0;
}
.journey__container--steps.has-expanded .journey__item {
  display: flex;
}
.journey__container--orders\!cp > .journey__item {
  display: flex;
}
.journey__container--consumer-portal > .journey__item {
  flex-direction: column;
  flex: 1;
  height: 52px;
  position: relative;
  margin: 0;
}
.journey__stamp--date {
  min-width: 73px;
  margin-right: 20px;
  margin-left: 16px;
  font-size: 14px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #000000;
}
.journey__button--expand {
  font-size: 12px;
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  margin: 13px 16px 0;
  background: none;
  border: none;
  padding: 0;
  display: block;
  color: #005691;
  cursor: pointer;
}
.journey__button--expand:hover, .journey__button--expand:focus {
  text-decoration: underline;
  outline: none;
}
.journey__link {
  color: #005691;
}

.lightbox {
  display: flex;
  justify-content: center;
}
.lightbox__close {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 40px;
  border: none;
  background-color: transparent;
}
.lightbox__modal {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  height: 100%;
  width: 100%;
}
.lightbox__overlay, .lightbox__overlay--open {
  backdrop-filter: blur(5px);
  opacity: 0;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  max-height: 100vh;
  margin: auto;
}
.lightbox__overlay--open {
  z-index: 100;
  opacity: 1;
}
.lightbox__row {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 1368px;
  width: 100%;
}
.tile__fasttrack--proof .lightbox__row {
  justify-content: flex-start;
  align-items: flex-start;
}
.lightbox__row button:not(:last-child) {
  margin-bottom: 32px;
}
.lightbox__item {
  border: none;
  padding: 0;
}
.tile__fasttrack--proof .lightbox__item {
  width: 100%;
  min-height: 268px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.lightbox__image {
  max-width: 100%;
  min-height: 80vh;
}

.action__button {
  margin-bottom: 60px;
}

.link__back, .link__block--actions {
  color: #005691;
  font-size: 15px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 42px;
  display: inline-block;
  margin: 0 0 60px;
  text-decoration: none;
  padding-left: 16px;
}
.link__back:hover, .link__block--actions:hover {
  text-decoration: underline;
}
.link__block--actions {
  display: block;
  margin: 0 16px 60px;
}

.list__columnised--cp {
  list-style: none;
  padding: 0;
  margin: 0;
}
.list__contact--help {
  list-style: none;
  padding: 0;
  margin: 20px 0 27px;
}
.list__news--categories {
  list-style: none;
  padding: 0;
  margin: 0;
}
.list__claims--my {
  list-style: none;
  padding: 0;
  margin: 0 0 40px;
}
.list--center .list__extended {
  display: flex;
  align-items: center;
  padding-top: 10px;
  font-size: 14px;
  font-weight: 300;
}
.list--center .list__extended:before {
  top: 0;
}
.body-consumer-portal .list__item {
  display: inline-block;
  width: 100%;
}
.list__columnised--cp .list__item {
  font-size: 11px;
  font-weight: 300;
  line-height: 22px;
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 8px;
}
.list__contact--help .list__item {
  font-size: 15px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 28px;
  display: flex;
  align-items: center;
}
.list__contact--help .list__item a {
  word-break: break-word;
  line-height: 1.2;
}
.list__claims--my .list__item {
  margin-bottom: 40px;
  display: flex;
  align-items: center;
}
.list__news--categories .list__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
  font-size: 14px;
}
.list__news--categories .list__item a {
  text-decoration: none;
  color: #008ECF;
}
.list__news--categories .list__item:last-child {
  margin-bottom: 0;
}
.order-summary__installer-details .list__item a {
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #007DB8;
  text-decoration: none;
}
.order-summary__installer-details .list__item a:hover {
  text-decoration: underline;
}
.list__contact--help .list__icon--phone, .list__contact--help .list__icon--email, .guarantee__row .list__icon--phone, .guarantee__row .list__icon--email {
  margin-right: 12px;
  height: 28px;
  width: 24px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.list__contact--help .list__icon--phone, .guarantee__row .list__icon--phone {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20192%20192%22%3E%3Cpath%20fill%3D%22%23005691%22%20d%3D%22M128.6%20159.4c-6.5%200-35.9-1.7-65.4-31.2C31.1%2096.1%2031.9%2064.1%2032%2061.6c0-2.6%201.1-5.1%202.9-7l12.7-12.7C49.5%2040%2052%2039%2054.7%2039c2.7%200%205.2%201%207.1%202.9l17%2017c1.9%201.9%202.9%204.4%202.9%207.1%200%202.7-1%205.2-2.9%207.1L68.9%2083c-.2.2-.6.7-.6%201.4v.4c0%20.9.6%209.5%2014.7%2023.7%2014.3%2014.3%2022.9%2014.7%2023.7%2014.7h.4c.7%200%201.2-.4%201.4-.6l9.9-9.9c1.9-1.9%204.4-2.9%207.1-2.9s5.2%201%207.1%202.9l17%2017c3.9%203.9%203.9%2010.2%200%2014.1l-12.7%2012.7c-1.9%201.9-4.3%202.9-7%202.9h-1.3zM54.7%2047c-.3%200-.9.1-1.4.6L40.6%2060.3c-.2.2-.6.7-.6%201.4v.2c0%20.3-1.2%2030.6%2028.9%2060.6%2030.2%2030.2%2060.3%2028.9%2060.6%2028.9h.2c.7%200%201.2-.4%201.4-.6l12.7-12.7c.8-.8.8-2%200-2.8l-17-17c-.8-.8-2-.8-2.8%200l-9.9%209.9c-1.9%201.9-4.3%202.9-6.9%202.9-2.1.1-13-.2-29.9-17.1-16.8-16.8-17.1-27.7-17-29.8%200-2.6%201.1-5.1%202.9-6.9l9.9-9.9c.8-.8.8-2%200-2.8l-17-17c-.4-.5-1-.6-1.4-.6z%22%2F%3E%3C%2Fsvg%3E");
}
.list__contact--help .list__icon--email, .guarantee__row .list__icon--email {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20192%20192%22%3E%3Cpath%20fill%3D%22%23005691%22%20d%3D%22M24%2044v88c0%208.8%207.2%2016%2016%2016h112c8.8%200%2016-7.2%2016-16V44H24zm127.4%208L96%2091.1%2040.6%2052h110.8zm.6%2088H40c-4.4%200-8-3.6-8-8V55.7l64%2045.2%2064-45.2V132c0%204.4-3.6%208-8%208z%22%2F%3E%3C%2Fsvg%3E");
}
.list__claims--my .list__icon--software {
  height: 88px;
  width: 88px;
  display: block;
  margin-right: 20px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.list__claims--my .list__icon--advertising {
  height: 88px;
  width: 88px;
  display: block;
  margin-right: 20px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.list__claims--my .list__icon--finance {
  height: 88px;
  width: 88px;
  display: block;
  margin-right: 20px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.list__claims--my .list__icon--adwords {
  height: 88px;
  width: 88px;
  display: block;
  margin-right: 20px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.list__claims--my .list__icon--website {
  height: 88px;
  width: 88px;
  display: block;
  margin-right: 20px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.list__claims--my .list__icon--van {
  height: 88px;
  width: 88px;
  display: block;
  margin-right: 20px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.list__claims--my .list__icon--seo {
  height: 88px;
  width: 88px;
  display: block;
  margin-right: 20px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.list__link {
  color: #005691;
  text-decoration: none;
}
.list__heading--cp {
  display: block;
  font-size: 11px;
  line-height: 24px;
  font-weight: 500;
}
.list__defaulted--cp {
  list-style: none;
  padding: 0;
  margin: 0;
}
.list__defaulted--cp .list__item {
  width: 50%;
}

.table-list {
  font-size: 15px;
  border-top: 3px solid #D9D9D9;
}
.table-list dt, .table-list dd {
  margin: 0;
  padding: 12px 0;
  line-height: normal;
  border-bottom: 1px solid #D9D9D9;
}
.table-list dt {
  font-family: "BoschSans-Medium", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
}
.table-list dd {
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

.list-2x2 {
  list-style: none;
  margin: 0;
  padding: 0;
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
}
.list-2x2 li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.list-2x2 li + li {
  margin-top: 20px;
}
.list-2x2 strong {
  font-family: "BoschSans-Medium", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 15px;
  display: block;
}

.media__list--products {
  display: flex;
  flex-direction: column;
}
.media__list--contacts {
  display: flex;
  flex-direction: column;
  margin: 0 16px 81px;
}
.media__list--news {
  list-style: none;
  padding: 0;
  margin: 0 0 40px;
}
.media__list--products .media__item {
  padding: 20px;
  border: 1px solid rgba(68, 68, 68, 0.25);
  display: flex;
  flex-direction: column;
  margin: 0 16px;
}
.media__list--contacts .media__item--header {
  font-size: 16px;
  font-family: "BoschSans-Medium", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  line-height: 28px;
  padding-bottom: 9px;
  border-bottom: 3px solid #BFC0C2;
}
.media__list--news .media__item {
  padding: 30px 0 20px;
  border-bottom: 1px solid #BFC0C2;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
}
.media__object--history {
  display: flex;
  align-items: center;
}
.media__object--product {
  margin: 70px 16px;
}
.media__object--bsm {
  display: flex;
  margin-bottom: 20px;
}
.media__object--contact {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}
.media__list--news .media__image {
  object-fit: cover;
  width: 100%;
  height: auto;
  margin-bottom: 32px;
}
.media__list--products .media__image {
  height: 162px;
  width: 162px;
  margin: 20px auto;
}
.media__object--history .media__image {
  height: 81px;
  width: 81px;
  margin: 20px 47px 20px 27px;
}
.media__object--product .media__image {
  height: auto;
  width: 100%;
  display: block;
  max-width: 312px;
  margin: auto;
}
.media__object--bsm .media__image {
  height: 60px;
  width: 60px;
  display: block;
  margin-right: 20px;
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.media__object--contact .media__image {
  height: 177.7777777778%;
  max-width: 109px;
  width: 100%;
  margin-right: 91px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 163px;
  margin-bottom: 20px;
}
.media__list--products .media__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.media__object--history .media__content {
  display: flex;
  flex-direction: column;
}
.media__object--contact .media__content {
  display: flex;
  flex-direction: column;
}
.media__list--news .media__content {
  display: flex;
  flex-wrap: wrap;
}
.media__list--news .media__title {
  display: block;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 26px;
  font-weight: 300;
  line-height: 32px;
  margin-bottom: 10px;
  color: #008ECF;
  text-decoration: none;
}
.media__list--news .media__title:focus, .media__list--news .media__title:hover {
  text-decoration: underline;
}
.media__list--products .media__title {
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 26px;
  font-weight: 300;
  line-height: 32px;
  display: block;
  margin-bottom: 20px;
}
.media__object--history .media__title {
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  display: block;
  margin-bottom: 10px;
  color: #000000;
  text-decoration: none;
}
.media__object--history .media__title:focus, .media__object--history .media__title:hover {
  text-decoration: underline;
}
.media__object--bsm .media__title {
  font-size: 18px;
  line-height: 24px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  margin: 0;
}
.media__object--contact .media__title {
  font-size: 21px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 28px;
  margin-bottom: 2px;
}
.media__list--products .media__description {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 26px;
  font-weight: 300;
  line-height: 28px;
  display: flex;
  align-items: center;
  margin-bottom: 45px;
}
.media__object--history .media__description {
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  display: block;
  margin-bottom: 0;
  opacity: 0.5;
  max-width: 253px;
}
.media__object--contact .media__description {
  font-size: 14px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 28px;
  display: block;
}
.media__object--contact .media__description--strong {
  font-family: "BoschSans-Bold", "OpenSans-Bold-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.media__list--news .media__description {
  font-size: 16px;
  font-weight: 300;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 28px;
  display: block;
}
.media__list--news .media__description a {
  color: #008ECF;
  text-decoration: none;
}
.media__list--products .media__cta {
  display: block;
  width: 100%;
  margin-top: 20px;
}
.media__object--bsm .media__cta {
  font-size: 14px;
  line-height: 24px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  margin: 0;
  color: #005691;
  text-decoration: none;
}
.media__object--contact .media__cta {
  font-size: 14px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 28px;
  display: block;
  margin-top: 10px;
}
.media__list--news .media__cta {
  flex-shrink: 0;
}
.media__object--contact .media__cta {
  color: #005691;
  text-decoration: none;
}
.media__list--products .media__icon--star {
  height: 25px;
  width: 25px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  margin-right: 15px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2257%22%20viewBox%3D%220%200%2060%2057%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M90.3%2086.774c-.237%200-.434-.04-.67-.158l-16.678-7.57-16.677%207.57c-.513.237-1.144.158-1.617-.197-.473-.355-.71-.946-.591-1.498l3.036-18.136L43.46%2053.183c-.434-.434-.552-1.025-.394-1.577.197-.552.67-.986%201.261-1.065l18.176-3.036%209.107-16.677c.276-.513.789-.828%201.38-.828.592%200%201.104.315%201.38.828l9.108%2016.677%2018.175%203.036c.592.079%201.065.513%201.262%201.065.197.552.04%201.183-.394%201.577L88.92%2066.785l3.036%2018.136c.078.591-.119%201.143-.592%201.498-.394.237-.71.355-1.064.355zm-17.348-11.04c.237%200%20.434.04.67.158l14.667%206.663-2.681-16.007c-.079-.512.079-1.025.434-1.38l12.025-12.025-15.89-2.641c-.472-.08-.906-.394-1.143-.789L72.952%2034.89%2064.87%2049.674c-.237.434-.631.71-1.144.788l-15.889%202.642%2012.025%2012.025c.355.355.513.867.434%201.38l-2.68%2016.007%2014.666-6.663c.236-.079.433-.118.67-.118z%22%20transform%3D%22translate(-43%20-30)%22%2F%3E%3C%2Fsvg%3E");
}
.media__list--news .media__footnote {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 28px;
  font-weight: 300;
  margin-top: 20px;
  display: block;
}

.mediacard {
  display: flex;
}
.mediacard + .mediacard {
  margin-top: 12px;
}
.mediacard__img {
  flex: 0 1 auto;
  margin-right: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.mediacard__img > * + * {
  margin-top: 10px;
}
.mediacard__content {
  flex: 1;
}
.mediacard__content-grid {
  padding: 20px;
  border: 1px solid #BFC0C2;
  display: flex;
  flex-direction: column;
}
.mediacard__content-grid > div + div {
  margin-top: 6px;
}

.missing {
  padding: 70px 20px;
  background: linear-gradient(to right, #005691 0%, #008ECF 97%);
}
.missing__box {
  max-width: 700px;
  margin: 0 auto;
  padding: 36px 20px;
  text-align: center;
  background-color: #FFFFFF;
}
.missing__title {
  margin: 0 0 20px;
  font-size: 22px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
}
.missing__description {
  margin: 0 0 16px;
  font-size: 14px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 18px;
}

/* @define modal */
.modal {
  background: rgba(255, 255, 255, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: initial;
  z-index: 10001;
  visibility: visible !important;
}
@supports (-webkit-backdrop-filter: blur(5px)) or (backdrop-filter: blur(5px)) {
  .modal {
    background: transparent;
    backdrop-filter: blur(5px);
  }
}
.modal:after {
  content: "";
  background: rgba(255, 255, 255, 0.65);
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
@supports (-webkit-filter: blur(5px)) or (filter: blur(5px)) {
  .modal:after {
    background: transparent;
    filter: blur(5px);
  }
}
.modal--hide {
  visibility: hidden;
  position: fixed;
}
.modal__container, .modal__container--installation-photos, .modal__container--fasttrack-confirmation, .modal__container--remove-product, .modal__container--remove-address {
  box-shadow: 0 2px 20px -10px rgba(0, 0, 0, 0.25);
  background-color: #FFFFFF;
  width: 95%;
  max-width: 800px;
  display: flex;
  flex-direction: column;
  padding: 40px 20px;
  margin: 15px;
  position: relative;
  overflow: auto;
  max-height: 95vh;
}
.modal__container--with-close {
  position: relative;
}
.modal__container--w1168 {
  max-width: 1168px;
}
.modal__container--remove-address {
  max-width: 832px;
  width: auto;
}
.modal__container--remove-product {
  max-width: 832px;
  width: auto;
}
.modal__container--fasttrack-confirmation {
  max-width: 832px;
  width: 100%;
  padding: 0;
  max-height: calc(100% - 100px);
  overflow: scroll;
  position: relative;
}
.modal__container--enquiry {
  max-width: 832px;
  width: auto;
  max-height: calc(100vh - 100px);
  overflow: scroll;
}
.modal__container--no-products {
  max-width: 832px;
  width: auto;
  max-height: calc(100vh - 100px);
  overflow: scroll;
}
.modal__container--installation-photos {
  width: 80%;
}
.modal__title {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 300;
  margin-bottom: 20px;
  margin-top: 0;
}
.modal__body {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}
.modal__buttons {
  margin-top: 40px;
  text-align: right;
}
.modal__buttons--manual {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.modal__buttons--stack {
  display: flex;
  flex-flow: column;
}
.modal__buttons--stack .modal__button {
  margin: 0;
}
.modal__buttons--stack .modal__button + .modal__button {
  margin-top: 20px;
}
.modal__button {
  margin-right: 26px;
  padding-right: 32px;
  padding-left: 32px;
}
.modal__button:last-child {
  margin-right: 0;
}
.modal__button--margin-right {
  margin-right: 0;
}
.modal__button--margin-top {
  margin-top: 15px !important;
}
.modal__button--cancel {
  margin-right: 0;
}
.modal__button--plain {
  border: 0;
  background: transparent;
}
.modal__bold {
  margin: 20px 0;
  font-family: "BoschSans-Medium", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.modal__list-item {
  margin-bottom: 10px;
}
.modal__text {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0;
  line-height: 1.429px;
}
.modal__text--white {
  color: #FFFFFF;
}
.modal__heading {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 28px;
  margin-bottom: 20px;
  margin-top: 0;
}
.modal__heading--large-white {
  color: #FFFFFF;
  font-size: 28px;
  font-weight: 300;
  font-style: normal;
  letter-spacing: 0;
  line-height: 1.111;
}
.modal__two-columns {
  display: flex;
  justify-content: space-between;
  margin-right: 100px;
}
.modal__photos {
  margin-top: 20px;
  display: flex;
  overflow-x: scroll;
}
.modal__photos--image {
  min-width: 250px;
  height: 300px;
  margin-right: 20px;
}
.modal__header {
  background: rgb(185, 2, 118);
  background: linear-gradient(90deg, rgb(185, 2, 118) 0%, rgb(80, 35, 127) 100%);
  padding: 30px;
}
.modal__replace-product {
  display: flex;
  flex: 1;
  flex-direction: column;
  /* stylelint-disable-next-line */
  /* stylelint-disable-next-line */
  /* stylelint-disable-next-line */
  /* stylelint-disable-next-line */
}
.modal__replace-product > a,
.modal__replace-product > button {
  display: inline-block;
  border: 0;
  border-radius: 10px;
  cursor: pointer;
  text-decoration: none;
  background: #000;
  color: #FFFFFF;
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  padding: 54px 30px;
  /* stylelint-disable-next-line */
  /* stylelint-disable-next-line */
  /* stylelint-disable-next-line */
}
.modal__replace-product > a:nth-child(1),
.modal__replace-product > button:nth-child(1) {
  background-color: #B90276;
  background-image: linear-gradient(90deg, #B90276 0%, #50237F 100%);
}
.modal__replace-product > a:nth-child(2),
.modal__replace-product > button:nth-child(2) {
  background-color: #50237F;
  background-image: linear-gradient(90deg, #50237F 0%, #005691 100%);
}
.modal__replace-product > a:nth-child(3),
.modal__replace-product > button:nth-child(3) {
  background-color: #005691;
  background-image: linear-gradient(90deg, #005691 0%, #008ECF 100%);
}
.modal__replace-product img, .modal__replace-product svg {
  max-height: 48px;
  max-width: 100%;
  margin-bottom: 16px;
}
.modal__replace-product-title {
  margin: 0 0 16px;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.2;
}
.modal__replace-product p {
  margin: 0;
}
.modal__replace-product > * + * {
  margin-top: 20px;
}
.modal__close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 32px;
  height: 32px;
  cursor: pointer;
  border: 0;
  background: transparent url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M24.996%206L26%207.004l-8.996%208.995L26%2024.996%2024.996%2026l-8.997-8.996L7.004%2026%206%2024.996l8.996-8.997L6%207.004%207.004%206l8.995%208.996z%22%2F%3E%3C%2Fsvg%3E") 50% 50% no-repeat;
}

.modal-card {
  box-shadow: 0 0 15px -5px #000000;
  background-color: #FFFFFF;
  color: #000000;
  text-decoration: none;
  text-align: center;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: auto;
  padding: 20px;
  margin-bottom: 10px;
}
.modal-card__body {
  flex: 0 1 auto;
  width: auto;
  max-width: 100%;
  margin-top: 10px;
  overflow-wrap: break-word;
  word-break: break-word;
}
.modal-card__image {
  flex: 0 0 auto;
  height: 100%;
  width: auto;
  max-height: 60px;
  max-width: 60px;
}
.modal-card__container {
  flex-wrap: wrap;
}

/* @define news */
.news__background {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.news__container--card {
  display: block;
  margin: 0 16px 24px;
  overflow: hidden;
  position: relative;
}
.news__container--card:before {
  content: "";
  display: block;
  padding-top: 70.5882352941%;
  width: 100%;
}
.news__title--card {
  color: #FFFFFF;
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 25px;
  padding: 0 49px 15px 15px;
  bottom: 0;
  position: absolute;
  left: 0;
  z-index: 0;
  transition: color 0.3s;
  width: 100%;
  word-break: break-word;
}
.news__title--card:before {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8) 150%);
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 237%;
  width: 100%;
  z-index: -1;
}
.news__container--card:active .news__title--card, .news__container--card:focus .news__title--card, .news__container--card:hover .news__title--card {
  color: #CCCCCC;
}
.news__title--wai {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 26px;
  font-weight: 300;
  line-height: 32px;
  margin: 0 16px 20px;
}

/* @define .notice */
.notice__checkout {
  border: 1px solid rgba(68, 68, 68, 0.25);
  padding: 16px;
  margin-top: 10px;
}
.notice__checkout--text {
  margin: 0;
  display: inline-block;
  max-width: calc(100% - 75px);
  font-size: 15px;
  vertical-align: middle;
}
.notice__jobs--missed {
  padding: 12px 16px 80px;
}
.notice__checkout .notice__icon--warning, .notice__checkout .notice__icon--danger, .notice__jobs--missed .notice__icon--warning, .notice__jobs--missed .notice__icon--danger {
  display: inline-block;
  height: 35px;
  width: 39px;
  margin-right: 20px;
  background-size: 35px;
  background-repeat: no-repeat;
  background-position: center;
}
.notice__checkout .notice__icon--warning, .notice__jobs--missed .notice__icon--warning {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20192%20192%22%3E%3Cpath%20fill%3D%22%23F5A623%22%20d%3D%22M175.8%20160H16.2L96%2015.7%20175.8%20160zm-146-8h132.4L96%2032.3%2029.8%20152z%22%2F%3E%3Cpath%20fill%3D%22%23FCAF17%22%20d%3D%22M103.1%20136.9c0%203.9-3.2%207.1-7.1%207.1-4%200-7.1-3.1-7.1-7.1s3.1-7.1%207.1-7.1c3.9%200%207.1%203.2%207.1%207.1zm-12.2-48V64h10.2v24.9l-2.7%2030.7h-4.9l-2.6-30.7z%22%2F%3E%3C%2Fsvg%3E");
}
.notice__checkout .notice__icon--danger, .notice__jobs--missed .notice__icon--danger {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20192%20192%22%3E%3Cpath%20fill%3D%22%23EA0016%22%20d%3D%22M129.7%20176H62.3L16%20129.7V62.3L62.3%2016h67.3L176%2062.3v67.3L129.7%20176zm-64-8h60.7l41.7-41.7V65.7L126.3%2024H65.7L24%2065.7v60.7L65.7%20168z%22%2F%3E%3Cpath%20fill%3D%22%23E20015%22%20d%3D%22M103.1%20128.9c0%203.9-3.2%207.1-7.1%207.1-4%200-7.1-3.1-7.1-7.1s3.1-7.1%207.1-7.1c3.9%200%207.1%203.2%207.1%207.1zm-12.2-48V56h10.2v24.9l-2.7%2030.7h-4.9l-2.6-30.7z%22%2F%3E%3C%2Fsvg%3E");
}
.notice__checkout .notice__icon--warning, .notice__checkout .notice__icon--danger {
  vertical-align: middle;
}
.notice__jobs--missed .notice__title {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 40px;
  letter-spacing: -0.01px;
  margin: 0 0 17px;
  display: flex;
}
.notice__text {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: normal;
}
.notice__text--strong {
  font-family: "BoschSans-Medium", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

div:not(.pagination__wrap) .pagination__list {
  list-style: none;
  padding: 0;
  margin: 0 auto 60px;
  display: flex;
  justify-content: center;
}
div:not(.pagination__wrap) .pagination__control {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background: #FFFFFF;
  text-align: center;
  border: none;
  color: #000000;
  padding: 0;
  display: block;
  font-size: 14px;
  line-height: 40px;
  text-decoration: none;
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
}
div:not(.pagination__wrap) .pagination__control:hover, div:not(.pagination__wrap) .pagination__control:focus, div:not(.pagination__wrap) .pagination__control:active, div:not(.pagination__wrap) .pagination__control.is-active {
  color: #FFFFFF;
}
div:not(.pagination__wrap) .pagination__control:hover {
  background: #7FC6E7;
}
div:not(.pagination__wrap) .pagination__control:focus, div:not(.pagination__wrap) .pagination__control:active {
  background: #008ECF;
}
div:not(.pagination__wrap) .pagination__control.is-active {
  background: #005691;
}
div:not(.pagination__wrap) .pagination__next, div:not(.pagination__wrap) .pagination__prev {
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
  font-size: 0;
  display: block;
  height: 40px;
  width: 40px;
  margin: auto;
}
div:not(.pagination__wrap) .pagination__next {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20192%20192%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M70.8%20158.8l-5.6-5.6L122.3%2096%2065.2%2038.8l5.6-5.6L133.7%2096z%22%2F%3E%3C%2Fsvg%3E");
  padding-left: 15px;
}
.pagination__control:hover div:not(.pagination__wrap) .pagination__next, .pagination__control:focus div:not(.pagination__wrap) .pagination__next, .pagination__control:active div:not(.pagination__wrap) .pagination__next, .pagination__control.is-active div:not(.pagination__wrap) .pagination__next {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20192%20192%22%20fill%3D%22%23FFFFFF%22%3E%3Cpath%20d%3D%22M70.8%20158.8l-5.6-5.6L122.3%2096%2065.2%2038.8l5.6-5.6L133.7%2096z%22%2F%3E%3C%2Fsvg%3E");
}
div:not(.pagination__wrap) .pagination__prev {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20192%20192%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M121.2%20158.8L58.3%2096l62.9-62.8%205.6%205.6L69.7%2096l57.1%2057.2z%22%2F%3E%3C%2Fsvg%3E");
  padding-right: 15px;
}
.pagination__control:hover div:not(.pagination__wrap) .pagination__prev, .pagination__control:focus div:not(.pagination__wrap) .pagination__prev, .pagination__control:active div:not(.pagination__wrap) .pagination__prev, .pagination__control.is-active div:not(.pagination__wrap) .pagination__prev {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20192%20192%22%20fill%3D%22%23FFFFFF%22%3E%3Cpath%20d%3D%22M121.2%20158.8L58.3%2096l62.9-62.8%205.6%205.6L69.7%2096l57.1%2057.2z%22%2F%3E%3C%2Fsvg%3E");
}

.pagination__wrap .pagination__list {
  display: inline-block;
  padding-left: 0;
  margin: 0 0 24px;
  border-radius: 2px;
}
.pagination__wrap .pagination__list > li {
  display: inline;
}
.pagination__wrap .pagination__list > li > a,
.pagination__wrap .pagination__list > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.75;
  text-decoration: none;
  color: #007DB8;
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  margin-left: -1px;
}
.pagination__wrap .pagination__list > li > a:hover, .pagination__wrap .pagination__list > li > a:focus,
.pagination__wrap .pagination__list > li > span:hover,
.pagination__wrap .pagination__list > li > span:focus {
  color: #E20015;
  background-color: #EEEEEE;
  border-color: #DDDDDD;
}
.pagination__wrap .pagination__list > li:first-child > a, .pagination__wrap .pagination__list > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
}
.pagination__wrap .pagination__list > li:last-child > a, .pagination__wrap .pagination__list > li:last-child > span {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
}
.pagination__wrap .pagination__list > .active > a,
.pagination__wrap .pagination__list > .active > span,
.pagination__wrap .pagination__list > .active > a:hover,
.pagination__wrap .pagination__list > .active > span:hover,
.pagination__wrap .pagination__list > .active > a:focus,
.pagination__wrap .pagination__list > .active > span:focus {
  z-index: 2;
  color: #FFFFFF;
  background-color: #005691;
  border-color: #005691;
  cursor: default;
}
.pagination__wrap .pagination__list > .disabled > span,
.pagination__wrap .pagination__list > .disabled > span:hover,
.pagination__wrap .pagination__list > .disabled > span:focus,
.pagination__wrap .pagination__list > .disabled > a,
.pagination__wrap .pagination__list > .disabled > a:hover,
.pagination__wrap .pagination__list > .disabled > a:focus {
  color: #999999;
  background-color: #FFFFFF;
  border-color: #DDDDDD;
  cursor: not-allowed;
}

.my-products {
  max-width: 1200px;
  padding-left: 16px;
  padding-right: 16px;
  margin: auto auto 50px;
  background-color: #FFFFFF;
}
.my-products .guarantee-block {
  padding-bottom: 30px;
}
.my-products .guarantee-block--empty {
  padding: 30px;
}
.my-products .guarantee-selector {
  position: relative;
}
.my-products .select-property {
  width: 100%;
}
.my-products .product-carousel-wrap {
  margin-left: -16px;
  margin-right: -16px;
  width: calc(100% + 32px);
  overflow: hidden;
}
.my-products .product-carousel {
  min-height: 300px;
  text-align: center;
  width: calc(100% + 50vw);
  transform: translateX(-25vw);
}
.my-products .product-carousel img {
  max-width: 100%;
  max-height: 420px;
}
.my-products .product-carousel .slide-product {
  position: relative;
  float: left;
}
.my-products .swipe-carousel-btn {
  position: absolute;
  top: 50%;
  width: 30px;
  height: 30px;
  border: none;
  border-radius: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.my-products .swipe-carousel-btn.left {
  left: 0 !important;
  background: #00A8B0 url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227%22%20height%3D%2212%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M6.263%200L7%20.706%201.473%206%207%2011.294%206.263%2012%200%206z%22%2F%3E%3C%2Fsvg%3E") 45% 50% no-repeat;
}
.my-products .swipe-carousel-btn.right {
  right: 0 !important;
  background: #00A8B0 url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227%22%20height%3D%2212%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M.737%200L0%20.706%205.527%206%200%2011.294.737%2012%207%206z%22%2F%3E%3C%2Fsvg%3E") 55% 50% no-repeat;
}
.my-products .swipe-carousel-btn[disabled] {
  opacity: 0.4;
  cursor: not-allowed;
}
.my-products .swipe-carousel-btn:focus {
  outline: none;
}

.product-carousel {
  width: 100%;
  display: flex;
  flex-direction: column;
  /* stylelint-disable */
  /* stylelint-enable */
  /* hide scrollbar in webkit browser */
}
.product-carousel .carousel-wrapper {
  display: flex;
  width: 100%;
  position: relative;
}
.product-carousel .carousel-content-wrapper {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.product-carousel .carousel-content {
  display: flex;
  transition: all 250ms linear; /* hide scrollbar in IE and Edge */
  -ms-overflow-style: none;
  scrollbar-width: none; /* hide scrollbar in Firefox */
}
.product-carousel .carousel-slide {
  text-align: center;
  transform: scale(0.5);
  opacity: 0.2;
  transition: all 0.1s ease-in-out;
}
.product-carousel .carousel-slide__title {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-style: 24px;
  margin: 0 0 16px;
  text-align: center;
  opacity: 0;
  transition: all 0.1s ease-in-out;
}
.product-carousel .carousel-slide__sn {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-style: 16px;
  margin: 0 0 48px;
  text-align: center;
  opacity: 0;
  transition: all 0.1s ease-in-out;
}
.product-carousel .carousel-slide--current {
  transform: scale(1);
  opacity: 1;
  width: 50% !important;
  margin-left: -8.3333%;
  margin-right: -8.3333%;
}
.product-carousel .carousel-slide--current .carousel-slide__title,
.product-carousel .carousel-slide--current .carousel-slide__sn {
  opacity: 1;
}
.product-carousel .carousel-content::-webkit-scrollbar,
.product-carousel .carousel-content::-webkit-scrollbar {
  display: none;
}
.product-carousel .carousel-content > * {
  width: 100%;
  flex-shrink: 0;
  flex-grow: 1;
}
.product-carousel .carousel-content.show-2 > * {
  width: 50%;
}
.product-carousel .carousel-content.show-3 > * {
  width: 33.3333333333%;
}
.product-carousel .left-arrow,
.product-carousel .right-arrow {
  position: absolute;
  z-index: 1;
  top: 50%;
  width: 30px;
  height: 30px;
  border: none;
  border-radius: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.product-carousel .left-arrow[disabled],
.product-carousel .right-arrow[disabled] {
  opacity: 0.4;
  cursor: not-allowed;
}
.product-carousel .left-arrow:focus,
.product-carousel .right-arrow:focus {
  outline: none;
}
.product-carousel .left-arrow {
  left: calc(25vw + 16px);
  background: #00A8B0 url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227%22%20height%3D%2212%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M6.263%200L7%20.706%201.473%206%207%2011.294%206.263%2012%200%206z%22%2F%3E%3C%2Fsvg%3E") 45% 50% no-repeat;
}
.product-carousel .right-arrow {
  right: calc(25vw + 16px);
  background: #00A8B0 url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227%22%20height%3D%2212%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M.737%200L0%20.706%205.527%206%200%2011.294.737%2012%207%206z%22%2F%3E%3C%2Fsvg%3E") 55% 50% no-repeat;
}

.grnt {
  margin-bottom: 40px;
}
.grnt > div + div {
  margin-top: 20px;
}
.grnt__info__title, .grnt__info__text {
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}
.grnt__info__title {
  font-size: 14px;
}
.grnt__info__text {
  font-size: 12px;
  line-height: 1.36;
}
.grnt__cta > button,
.grnt__cta > .button__primary,
.news__cta .band.band-offblue .grnt__cta > .btn.btn-success,
.guarantee__band--loyalty .tool-footer .grnt__cta > .btn,
.guarantee__band--loyalty .modal .grnt__cta > .btn,
.guarantee__band--loyalty .modal .modal-footer.band-grey .grnt__cta > .btn-primary,
.guarantee__screen--installations\!loyalty + div > .box .grnt__cta > .btn,
.cms__images--double\!loyalty .grnt__cta > .btn,
.cms__band--cols\!loyalty .grnt__cta > .btn-primary,
.cms__band--video\!loyalty .grnt__cta > .btn-primary,
.cms__band--image\!loyalty .grnt__cta > .btn-primary,
.cms__band--box\!loyalty .grnt__cta > .btn-primary,
.cms__module--supergraphic\!loyalty .grnt__cta > .btn-primary,
.cms__module--graphic\!loyalty .grnt__cta > .btn-green,
.cms__module--graphic\!loyalty .grnt__cta > .btn-success,
.cms__module--hero\!loyalty .v2wb-hero-content .grnt__cta > .btn-success,
.cms__module--boxes\!loyalty .box .grnt__cta > .btn-loyalty,
.repair .grnt__cta > .button__success,
.input__container--file .grnt__cta > .input__label {
  width: 100%;
  text-align: center;
}

.product-advice .matrix__cell .frame {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.product-advice .matrix__cell .frame__cta {
  margin-top: auto;
}

.pill {
  display: inline-block;
  position: relative;
  background: rgba(191, 192, 194, 0.4);
  padding: 4px 36px 4px 12px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 14px;
  margin: 6px 6px 0 0;
}
.pill__close {
  position: absolute;
  right: 12px;
  top: 50%;
  width: 12px;
  height: 12px;
  margin: -6px 0 0;
  padding: 0;
  border: 0;
  cursor: pointer;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23424242' fill-rule='evenodd' d='M6 0a6 6 0 1 1 0 12A6 6 0 0 1 6 0zm2.339 2.646L6 4.985 3.661 2.646 2.646 3.661 4.985 6 2.646 8.339l1.015 1.015L6 7.015l2.339 2.339 1.015-1.015L7.015 6l2.339-2.339-1.015-1.015z'/%3E%3C/svg%3E");
}
.pill__close:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23b70202' fill-rule='evenodd' d='M6 0a6 6 0 1 1 0 12A6 6 0 0 1 6 0zm2.339 2.646L6 4.985 3.661 2.646 2.646 3.661 4.985 6 2.646 8.339l1.015 1.015L6 7.015l2.339 2.339 1.015-1.015L7.015 6l2.339-2.339-1.015-1.015z'/%3E%3C/svg%3E");
}

/* @define quicklinks */
.quicklinks__account {
  color: #000000;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
  margin: 0 16px 40px;
}
.quicklinks__container--dashboard {
  transition: 0.5s;
  cursor: pointer;
}
.quicklinks__container--dashboard:hover, .quicklinks__container--dashboard:focus {
  box-shadow: 0 2px 20px -10px rgba(0, 0, 0, 0.75);
}
.quicklinks__container--dashboard.is-unavailable {
  opacity: 0.5;
  pointer-events: none;
}
.quicklinks__container--consumer-portal {
  display: flex;
  align-items: center;
  justify-content: space-evenly !important;
  padding: 10px 0 !important;
  flex: 1;
}
.quicklinks__container--dashboard, .quicklinks__container--preferences, .quicklinks__container--add {
  background: #FFFFFF;
  box-shadow: 0 2px 20px -10px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 167px;
  margin: 10px 4.5px 0;
  max-width: 167px;
  padding: 34px 0;
  position: relative;
  flex: 1;
}
a.quicklinks__container--dashboard, .quicklinks__container--preferences, .quicklinks__container--add {
  text-decoration: none;
}
a.quicklinks__container--dashboard:active, a.quicklinks__container--dashboard:focus, a.quicklinks__container--dashboard:hover, .quicklinks__container--preferences:active, .quicklinks__container--preferences:focus, .quicklinks__container--preferences:hover, .quicklinks__container--add:active, .quicklinks__container--add:focus, .quicklinks__container--add:hover {
  text-decoration: none;
}
a.quicklinks__container--dashboard:active .quicklinks__text, a.quicklinks__container--dashboard:focus .quicklinks__text, a.quicklinks__container--dashboard:hover .quicklinks__text, .quicklinks__container--preferences:active .quicklinks__text, .quicklinks__container--preferences:focus .quicklinks__text, .quicklinks__container--preferences:hover .quicklinks__text, .quicklinks__container--add:active .quicklinks__text, .quicklinks__container--add:focus .quicklinks__text, .quicklinks__container--add:hover .quicklinks__text {
  color: #000000;
}

.quicklinks__container--preferences {
  width: calc(50% - 9px);
}
.quicklinks__container--preferences.is-editable {
  opacity: 0.5;
  cursor: pointer;
}
.quicklinks__container--preferences.is-selected {
  opacity: 1;
}
.quicklinks__container--add {
  opacity: 0.5;
  background-color: transparent;
  box-shadow: none;
  cursor: pointer;
}
.quicklinks__edit--dashboard {
  background: none;
  border: none;
  color: #005691;
  cursor: pointer;
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
  margin: 20px 16px 50px;
  padding: 0;
  position: relative;
}
.quicklinks__edit--dashboard:active, .quicklinks__edit--dashboard:hover, .quicklinks__edit--dashboard:focus {
  text-decoration: underline;
}
.quicklinks__edit--dashboard:after {
  content: "";
  position: absolute;
  right: -1.5em;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20192%20192%22%3E%3Cpath%20d%3D%22M16%20148h40v8H16zM170.8%2047.7c-8.2-8.2-21.5-8.2-29.7%200l-68.8%2068.8-9.8%2039.5%2039.5-9.9%2066-66%202.8-2.8c8.2-8.1%208.2-21.5%200-29.6zm-89.1%2070.8L136%2064.1l18.3%2018.4-54.3%2054.3-18.3-18.3zm-3.5%207.8l14%2014-18.7%204.7%204.7-18.7zM165.8%2071l-5.8%205.8-18.3-18.4%205.7-5.7c5.1-4.5%2012.9-4.3%2017.7.6%205%204.9%205.2%2012.6.7%2017.7z%22%20fill%3D%22%23005691%22%2F%3E%3C%2Fsvg%3E");
  background-size: 18px;
  background-position: center;
  background-repeat: no-repeat;
  height: 18px;
  width: 18px;
}
.quicklinks__edit--dashboard.is-active:after {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20192%20192%22%3E%3Cpath%20d%3D%22M141.7%2032H32v128h128V50.3L141.7%2032zM124%2040v28H68V40h56zm28%20112H40V40h20v36h72V40h6.3L152%2053.7V152z%22%20fill%3D%22%23005691%22%2F%3E%3C%2Fsvg%3E");
}
.quicklinks__edit--options {
  position: absolute;
  z-index: 1;
  background: #FFFFFF;
  right: 0;
  left: 0;
  padding: 20px 10px;
  font-size: 14px;
  font-weight: 300;
  line-height: 25px;
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #005691;
  cursor: pointer;
  height: 90px;
}
.quicklinks__edit--link {
  cursor: pointer;
}
.quicklinks__edit--link:hover, .quicklinks__edit--link:focus {
  text-decoration: underline;
}
.quicklinks__icon {
  height: 60px;
  margin: auto auto 19px;
  width: 100%;
  display: flex;
  align-self: center;
  max-width: 100px;
  object-fit: contain;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.quicklinks__container--add .quicklinks__icon {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20192%20192%22%3E%3Cpath%20d%3D%22M160%2092h-60V32h-8v60H32v8h60v60h8v-60h60z%22%20fill%3D%22%23000000%22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-size: 60px;
  height: 60px;
  width: 60px;
}
.quicklinks__notification--danger, .quicklinks__notification--edit {
  background-color: #EA0016;
  border-radius: 50%;
  color: #FFFFFF;
  font-family: "BoschSans-Bold", "OpenSans-Bold-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 900;
  position: absolute;
  right: -7px;
  top: -7px;
  height: 34px;
  line-height: 34px;
  overflow: hidden;
  text-align: center;
  width: 34px;
}
.quicklinks__notification--edit {
  background-color: #005691;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20192%20192%22%3E%3Cpath%20d%3D%22M16%20148h40v8H16zM170.8%2047.7c-8.2-8.2-21.5-8.2-29.7%200l-68.8%2068.8-9.8%2039.5%2039.5-9.9%2066-66%202.8-2.8c8.2-8.1%208.2-21.5%200-29.6zm-89.1%2070.8L136%2064.1l18.3%2018.4-54.3%2054.3-18.3-18.3zm-3.5%207.8l14%2014-18.7%204.7%204.7-18.7zM165.8%2071l-5.8%205.8-18.3-18.4%205.7-5.7c5.1-4.5%2012.9-4.3%2017.7.6%205%204.9%205.2%2012.6.7%2017.7z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3C%2Fsvg%3E");
  background-size: 16px;
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: auto;
}
.quicklinks__notification--edit.is-open {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20192%20192%22%3E%3Cpath%20d%3D%22M158.8%2038.8l-5.6-5.6L96%2090.3%2038.8%2033.2l-5.6%205.6L90.3%2096l-57.1%2057.2%205.6%205.6L96%20101.7l57.2%2057.1%205.6-5.6L101.7%2096z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
}
.quicklinks__text {
  color: #000000;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 18px;
  text-align: center;
}
.quicklinks__welcome {
  color: #000000;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 32px;
  font-weight: 300;
  letter-spacing: -0.01px;
  line-height: 40px;
  margin: 40.3px 16px 20px;
}
.quicklinks__modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1031;
  backdrop-filter: blur(5px);
  overflow: scroll;
}
.quicklinks__modal--title {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 26px;
  font-weight: 300;
  line-height: 30px;
  margin: 0 0 20px;
}
.quicklinks__modal--description {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  margin-bottom: 40px;
}
.quicklinks__modal--content {
  box-shadow: 0 2px 20px -10px rgba(0, 0, 0, 0.25);
  background-color: #FFFFFF;
  max-width: 648px;
  padding: 40px 16px;
  margin: 10% auto 0;
}
.quicklinks__modal--options {
  max-height: 394px;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow-y: auto;
  background-color: #F7F7F7;
  list-style: none;
  padding: 10px 0;
  margin: 0 0 40px;
}
.quicklinks__modal--ctas {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.quicklinks__modal--cta {
  display: block;
  width: 100%;
}
.quicklinks__modal--cta:last-child {
  margin-top: 20px;
}

/* @define radiobutton */
/* stylelint-disable */
.field__wrapper {
  padding: 0;
  border: none;
}

.field__legend {
  font-family: "BoschSans-Medium", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  margin: 0 0 8px;
}

.radio-container {
  margin: 10px 0;
}
.radio-container--no-margin {
  margin: 0;
  display: inline-block;
}

.radio {
  padding: 8px 0;
  margin: 0 30px 4px 0;
  cursor: pointer;
}
.radio__button-container {
  display: flex;
  flex-direction: row;
  flex-flow: row wrap;
}
.radio__label {
  font-size: 15px;
  margin: 0 0 0 8px;
}

/* stylelint-enable */
.highlight-info {
  display: flex;
  align-items: center;
  background: rgba(0, 142, 207, 0.05);
  font-size: 14px;
  padding: 8px 15px;
  width: 100%;
  min-height: 36px;
  white-space: nowrap;
}
.highlight-info:link {
  color: #005691;
  text-decoration: none;
}
.highlight-info img,
.highlight-info svg {
  margin-right: 10px;
}
.highlight-info + .highlight-info {
  margin-top: 5px;
}

.color-black {
  color: #000000;
}

.wb-promo {
  min-height: 311px;
  background: #D8D8D8;
  margin-top: 20px;
}

.service-frame {
  display: block;
  color: #000000;
  text-decoration: none;
  box-shadow: 0 2px 25px -10px rgba(0, 0, 0, 0.25);
  padding: 40px 16px;
  text-align: center;
  position: relative;
  transition: all 0.1s ease-in-out;
}
.service-frame:hover {
  box-shadow: 0 2px 25px rgba(0, 0, 0, 0.25);
}
.service-frame__notice {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #005691;
  color: #FFFFFF;
  padding: 9px 26px;
  text-align: center;
  line-height: 1.3;
}
.service-frame--min-height {
  min-height: 310px;
}
.is-disabled > .service-frame, .service-frame.is-disabled {
  background: #EFEFEF;
  box-shadow: none;
  cursor: auto;
}
.is-disabled > .service-frame > *, .service-frame.is-disabled > * {
  opacity: 0.5;
}
.is-disabled > .service-frame > .service-frame__notice, .service-frame.is-disabled > .service-frame__notice {
  opacity: 1;
}

.repair {
  margin-top: 30px;
}
.repair .matrix--center {
  justify-content: center;
}
.repair .button__success {
  background: #65A11B;
  border-color: #65A11B;
}
.repair .button__secondary[disabled], .repair .guarantee__band--loyalty [disabled].btn.btn-default, .guarantee__band--loyalty .repair [disabled].btn.btn-default, .repair .guarantee__band--loyalty .table [disabled].btn-loader.btn.btn-default.btn-loader-alt, .guarantee__band--loyalty .table .repair [disabled].btn-loader.btn.btn-default.btn-loader-alt, .repair .cms__band--cols\!loyalty [disabled].btn-loyalty, .cms__band--cols\!loyalty .repair [disabled].btn-loyalty,
.repair .cms__band--video\!loyalty [disabled].btn-loyalty,
.cms__band--video\!loyalty .repair [disabled].btn-loyalty,
.repair .cms__band--image\!loyalty [disabled].btn-loyalty,
.cms__band--image\!loyalty .repair [disabled].btn-loyalty,
.repair .cms__band--box\!loyalty [disabled].btn-loyalty,
.cms__band--box\!loyalty .repair [disabled].btn-loyalty,
.repair .cms__module--supergraphic\!loyalty [disabled].btn-loyalty,
.cms__module--supergraphic\!loyalty .repair [disabled].btn-loyalty, .repair .cms__module--news\!loyalty [disabled].btn-boxed, .cms__module--news\!loyalty .repair [disabled].btn-boxed, .repair [disabled].button__secondary--danger, .repair .guarantee__band--loyalty .table [disabled].icon.icon-trash-o:before, .guarantee__band--loyalty .table .repair [disabled].icon.icon-trash-o:before, .repair .guarantee__band--loyalty .table ul.tick li[disabled].icon-trash-o:before, .guarantee__band--loyalty .table ul.tick .repair li[disabled].icon-trash-o:before, .repair ul.tick .guarantee__band--loyalty .table li[disabled].icon-trash-o:before, ul.tick .guarantee__band--loyalty .table .repair li[disabled].icon-trash-o:before, .repair [disabled].button__secondary--outofoffice--danger, .repair [disabled].button__secondary--ghost, .repair [disabled].button__secondary--outofoffice--ghost, .repair [disabled].button__secondary--ghost-light, .repair [disabled].button__secondary--outofoffice--ghost-light {
  opacity: 0.5;
  pointer-events: none;
}
.repair__header-frame {
  box-shadow: 0 2px 25px -10px rgba(0, 0, 0, 0.25);
  padding: 40px 16px;
  text-align: center;
  min-height: 310px;
  position: relative;
}
.repair__header.is-disabled {
  pointer-events: none;
}
.repair__header.is-disabled .repair__header-frame {
  background: #EFEFEF;
  box-shadow: none;
}
.repair__header.is-disabled .repair__header-frame > * {
  opacity: 0.5;
}
.repair__header-icon {
  text-align: center;
}
.repair__header-icon + .repair__header-icon {
  margin-top: 34px;
}
.repair__header-icon img,
.repair__header-icon svg {
  max-width: 220px;
}
.repair__header-icon--mxw100 img,
.repair__header-icon--mxw100 svg {
  max-width: 100px;
}
.repair__header-title {
  font-size: 18px;
  font-family: "BoschSans-Medium", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  margin: 24px auto 0;
}
.repair__header-text {
  font-size: 14px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 1.3;
  margin: 10px 0 0;
}
.repair__data {
  margin-top: 30px;
}
.repair__data > h2,
.repair__data > p {
  text-align: center;
}
.repair__data-title {
  font-size: 18px;
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  text-align: center;
  margin: 0 auto 24px;
}
.repair__data-card {
  box-shadow: 0 2px 25px -10px rgba(0, 0, 0, 0.25);
}
.repair__data-card-header {
  display: flex;
  flex: 1 0 auto;
  width: 100%;
  align-items: center;
  justify-content: center;
  background: #008ECF;
  color: #FFFFFF;
  text-align: center;
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: normal;
  border: 0;
  padding: 10px;
}
.repair__data-card-header img,
.repair__data-card-header svg {
  max-height: 26px;
  margin-right: 12px;
}
.repair__data-card-title {
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 22px;
  margin: 0 0 12px;
  color: #005691;
}
.repair__data-card-details {
  padding: 20px 10px;
  flex: 1;
}
.repair__data-card-grid {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  flex: 1 0 100%;
}
.repair__data-card-grid > div:nth-child(3) {
  flex: 1 0 100%;
  margin-left: 0;
  margin-top: 18px;
}
.repair__data-card-grid p {
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.7;
  margin: 0;
}
.repair__data-card-contactgroup {
  margin-top: 20px;
  display: flex;
  flex: 1;
  align-items: stretch;
  justify-content: space-between;
}
.repair__data-card-contactgroup > * {
  flex: 1;
  text-align: center;
}
.repair__data-card-contactgroup > * + * {
  margin-left: 20px;
}
.repair .fai-installer .flex-row,
.repair .repair__data .flex-row {
  flex-wrap: wrap;
}
.repair .fai-installer .flex-row > div,
.repair .repair__data .flex-row > div {
  border: 2px solid #EEEEEE;
  border-left: none;
}
.repair .fai-installer .flex-row > div:nth-child(1),
.repair .repair__data .flex-row > div:nth-child(1) {
  width: 35%;
}
.repair .fai-installer .flex-row > div:nth-child(2),
.repair .repair__data .flex-row > div:nth-child(2) {
  width: 20%;
}
.repair .fai-installer .flex-row > div:nth-child(3),
.repair .repair__data .flex-row > div:nth-child(3) {
  width: 20%;
}
.repair .fai-installer .flex-row > div:nth-child(4),
.repair .repair__data .flex-row > div:nth-child(4) {
  border-top: none;
  border-left: none;
  flex-wrap: wrap;
  text-align: center;
  flex: 1 0 50% !important;
  width: 50%;
  margin-bottom: 16px;
}
.repair .fai-installer .flex-row > div:nth-child(4) a,
.repair .repair__data .flex-row > div:nth-child(4) a {
  text-decoration: none;
  white-space: normal;
}
.repair .fai-installer .flex-row > div:nth-child(4) button,
.repair .repair__data .flex-row > div:nth-child(4) button {
  margin-top: 10px;
  width: 100%;
}

.repair-request .repair__header {
  margin-right: 0;
  cursor: pointer;
}

.fai-speech-bubble {
  position: absolute;
  transform: translate(-45px, -100px);
  width: 250px;
  font-size: 14px;
  font-weight: 100;
  line-height: 1.2;
  text-align: left;
  border-radius: 0;
  background: #FFFFFF;
  box-shadow: 3px 7px 18px -7px #919191;
  padding: 14px;
  color: #444444;
  z-index: 10;
}
.fai-speech-bubble:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
  border: 21px solid transparent;
  border-top-color: #FFFFFF;
  border-bottom: 0;
  margin-left: 50px;
  margin-bottom: -16px;
}

.repetable-image {
  display: flex;
  flex-direction: column;
  padding: 0 20px;
}
.repetable-image__title {
  margin: 0 0 30px;
  text-align: center;
  font-size: 30px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
}
.repetable-image__wrapper {
  display: flex;
  flex-direction: column;
}
.repetable-image__item {
  display: flex;
  justify-content: start;
  align-items: flex-end;
  min-height: 320px;
  height: 100%;
  width: 100%;
  position: relative;
  padding: 33px 28px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transition: transform 0.2s ease-in-out;
  text-decoration: none;
}
.repetable-image__item:hover {
  transform: scale(1.03);
}
.repetable-image__item:first-child {
  margin-bottom: 18px;
}
.repetable-image__item::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
  z-index: 0;
}
.repetable-image__image {
  max-width: 100%;
}
.repetable-image__text {
  font-size: 20px;
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #FFFFFF;
  z-index: 1;
}

#search-field-mount {
  height: 100%;
  display: flex;
}
#search-field-mount > * {
  flex: 1 0 auto;
}
#search-field-mount .search__container {
  position: relative;
  min-width: 275px;
  margin: auto 0;
}
#search-field-mount .search__input-wrapper {
  display: flex;
  position: relative;
  padding: 15px;
}
#search-field-mount .search__icon {
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  position: relative;
}
#search-field-mount .search__input {
  border: none;
  font-size: 21px;
  flex: 1 0 auto;
}
#search-field-mount .search__options {
  border: 1px solid #BFC0C2;
  background: #FFFFFF;
  min-width: 250px;
  width: 100%;
  max-height: 275px;
  position: absolute;
  top: calc(100% + 5px);
  overflow-y: scroll;
  z-index: 1;
}
#search-field-mount .search__item {
  border-bottom: 1px solid #BFC0C2;
  color: #000000;
  padding: 20px 10px;
}
#search-field-mount .search__item:hover {
  background-color: #005691;
  color: #FFFFFF;
}
#search-field-mount .search__link {
  text-decoration: none;
}
#search-field-mount .search__link:focus {
  outline: none !important;
}
#search-field-mount .search__link:focus .search__item {
  background-color: #005691;
  color: #FFFFFF;
}
#search-field-mount .search__link:last-of-type .search__item {
  border-bottom: none;
}

#shop-landing-buttons, .shop-button-wrapper {
  display: flex;
  flex: 1 1 554px;
  justify-content: center;
  flex-wrap: wrap;
}

.shop-search {
  height: 54px;
  display: flex;
  flex-direction: row;
  flex: 0 1 554px;
  background: #FFFFFF;
  margin: 16px;
}
.shop-search__button {
  background: transparent;
  border: none;
  flex: 0 1 auto;
  padding: 0 4px 0 20px;
  text-align: left;
  display: none;
}
.shop-search__button-icon {
  cursor: pointer;
}
.shop-search__close-button {
  background: transparent;
  border: none;
  padding: 0 16px;
  cursor: pointer;
}
.shop-search__input {
  flex: 2;
  border: none;
  padding: 0 0 0 20px;
  outline-offset: -2px;
}

.p-slider__container--thumbnails {
  margin-top: 32px;
}
.p-slider__container--main {
  display: block;
  position: relative;
  margin-right: auto;
  margin-left: auto;
  padding: 40px 8px;
  background: #005691;
}
.p-slider__container--main .slick-next,
.p-slider__container--main .slick-prev {
  top: 100px;
}
.p-slider__container--main .slick-next:before, .p-slider__container--main .slick-next:after,
.p-slider__container--main .slick-prev:before,
.p-slider__container--main .slick-prev:after {
  width: 18px;
}
.p-slider__container--main .slick-next:after,
.p-slider__container--main .slick-prev:after {
  bottom: 28px;
}
.p-slider__container--main .slick-track .slick-slide {
  margin: 1px;
}
.p-slider__container--main .slick-track .slick-slide:focus {
  outline: 1px solid #005691;
}
.p-slider__wrapper {
  max-width: 1046px;
  margin: 0 auto;
  text-align: center;
}
.p-slider__item {
  color: #FFFFFF;
}
.p-slider__container--preview .p-slider__item {
  opacity: 0;
  transition: opacity 0.5s linear 0.5s;
}
.p-slider__item:focus {
  outline-color: #005691;
}
.p-slider__container--thumbnails .p-slider__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  transform: scale(0.8);
  transition: 0.25s;
  line-height: 42px;
  opacity: 0.7;
}
.p-slider__item.slick-current {
  transform: scale(1);
  opacity: 1;
}
.slick-current .p-slider__item {
  transform: scale(1);
  opacity: 1;
}
.p-slider__item img {
  width: auto;
  max-width: 100%;
}
.p-slider__container--preview .p-slider__content--image {
  max-width: 200px;
  height: auto;
  margin: auto;
  transform: scale(0.8);
  opacity: 0;
  transition: 0.5s;
}
.p-slider__item--products .p-slider__content--image {
  transform: scale(0.8);
  opacity: 0;
  transition: 0.5s;
  min-width: 150px;
  max-height: 215px;
}
.slick-current .p-slider__content--image {
  transform: scale(1);
  opacity: 1;
}
.p-slider__content--title {
  color: #FFFFFF;
  transform: translateX(20%);
  opacity: 0;
  transition: transform 0.5s ease-in-out 0.15s, opacity 1s;
}
.slick-current .p-slider__content--title {
  transform: translateX(0);
  opacity: 1;
  transition: opacity 0s;
}
.p-slider__item--products .p-slider__content--title {
  font-size: 26px;
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
}
.p-slider__content--markup {
  transform: translateX(20%);
  opacity: 0;
  transition: transform 0.5s ease-in-out 0.15s, opacity 1s;
}
.slick-current .p-slider__content--markup {
  transform: translateX(0);
  opacity: 1;
  transition: opacity 0s ease 0s;
}
.p-slider__content--markup strong {
  color: #FFFFFF;
}
.p-slider__content--markup ul {
  text-align: left;
}
.p-slider__container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 0 16px;
  align-items: center;
}
.p-slider__description {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 24px;
  margin: 0;
}
.p-slider__buttons {
  margin: 20px auto 0;
  display: flex;
  max-width: 440px;
  flex-direction: column;
}
.p-slider__buttons .button {
  padding: 15px 30px;
  text-align: center;
}
.p-slider__buttons .button:first-child {
  margin-bottom: 16px;
}
.p-slider__heading {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #FFFFFF;
  font-size: 36px;
  text-align: center;
  margin-top: 0;
}

/* @define tab */
.tab__container {
  position: relative;
}
.tab__container:after {
  content: "";
  width: 100%;
  position: absolute;
  border-bottom: 1px solid grey;
  bottom: 0;
  left: 0;
}
.tab__menu, .tab__menu--news {
  overflow-y: hidden;
  overflow-x: auto;
  list-style: none;
  padding: 0 16px;
  margin: 0 auto;
  max-width: 1368px;
  white-space: nowrap;
}
.tab__menu--news {
  padding: 0;
}
.tab__item {
  display: inline-block;
  margin: 0 20px;
}
.tab__item:first-child {
  margin-left: 0;
}
.tab__button {
  padding: 0 0 12px;
  background: 0;
  border: none;
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: #000000;
  text-decoration: none;
  display: block;
}
.tab__button.is-active {
  color: #005691;
  border-bottom: 3px solid #005691;
}
.tab__customer--item {
  box-shadow: 0 0 15px -5px #000000;
  background-color: #FFFFFF;
  color: #000000;
  text-decoration: none;
  text-align: center;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: auto;
  padding: 20px;
  opacity: 0.5;
  cursor: pointer;
  /* stylelint-disable */
  /* stylelint-enable */
}
.tab__customer--item[disabled] {
  pointer-events: none;
}
.tab__customer--item:hover {
  color: #000000;
  text-decoration: none;
  opacity: 1;
}
.tab__customer--item.active {
  opacity: 1;
}
.tab__customer--image {
  height: 65px;
  width: 65px;
  object-fit: contain;
  margin-bottom: 20px;
}
.tab__customer--header {
  font-size: 28px;
  font-weight: 300;
  font-style: normal;
  letter-spacing: 0;
  line-height: 1.143;
  margin-top: 0;
}

/* stylelint-disable */
.horizontal-scroll {
  margin: -16px;
  padding: 16px;
  width: calc(100% + 32px);
  overflow: auto;
}
.horizontal-scroll__tabs {
  display: flex;
  justify-content: space-between;
}
.horizontal-scroll__tabs > * {
  flex: 0 0 200px;
}
.horizontal-scroll__tabs > * + * {
  margin-left: 20px;
}

/* stylelint-enable */
.terms {
  max-width: 1336px;
  margin: 0 auto;
  padding: 60px 20px;
}
.terms__title {
  margin: 0 0 40px;
  font-size: 36px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
}
.terms__text {
  font-size: 15px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 28px;
}
.terms__box {
  margin: 46px 0;
  padding: 36px;
  border: 1px solid #CFD0D1;
}
.terms__heading {
  margin: 0 0 20px;
  font-size: 28px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 34px;
}
.terms__list {
  padding: 0 0 0 18px;
}
.terms__list-item {
  font-size: 22px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
}
.terms__list-item:not(:last-child) {
  margin-bottom: 15px;
}
.terms__buttons {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: 30px;
}
.terms__buttons .button__secondary, .terms__buttons .guarantee__band--loyalty .btn.btn-default, .guarantee__band--loyalty .terms__buttons .btn.btn-default, .terms__buttons .guarantee__band--loyalty .table .btn-loader.btn.btn-default.btn-loader-alt, .guarantee__band--loyalty .table .terms__buttons .btn-loader.btn.btn-default.btn-loader-alt, .terms__buttons .cms__band--cols\!loyalty .btn-loyalty, .cms__band--cols\!loyalty .terms__buttons .btn-loyalty,
.terms__buttons .cms__band--video\!loyalty .btn-loyalty,
.cms__band--video\!loyalty .terms__buttons .btn-loyalty,
.terms__buttons .cms__band--image\!loyalty .btn-loyalty,
.cms__band--image\!loyalty .terms__buttons .btn-loyalty,
.terms__buttons .cms__band--box\!loyalty .btn-loyalty,
.cms__band--box\!loyalty .terms__buttons .btn-loyalty,
.terms__buttons .cms__module--supergraphic\!loyalty .btn-loyalty,
.cms__module--supergraphic\!loyalty .terms__buttons .btn-loyalty, .terms__buttons .cms__module--news\!loyalty .btn-boxed, .cms__module--news\!loyalty .terms__buttons .btn-boxed, .terms__buttons .button__secondary--danger, .terms__buttons .guarantee__band--loyalty .table .icon.icon-trash-o:before, .guarantee__band--loyalty .table .terms__buttons .icon.icon-trash-o:before, .terms__buttons .guarantee__band--loyalty .table ul.tick li.icon-trash-o:before, .guarantee__band--loyalty .table ul.tick .terms__buttons li.icon-trash-o:before, .terms__buttons ul.tick .guarantee__band--loyalty .table li.icon-trash-o:before, ul.tick .guarantee__band--loyalty .table .terms__buttons li.icon-trash-o:before, .terms__buttons .button__secondary--outofoffice--danger, .terms__buttons .button__secondary--ghost, .terms__buttons .button__secondary--outofoffice--ghost, .terms__buttons .button__secondary--ghost-light, .terms__buttons .button__secondary--outofoffice--ghost-light {
  margin-bottom: 20px;
}

.text__highlight {
  background: #F7F7F7;
  padding: 8px 10px;
}
.text__paragraph--orders\!cp {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  margin: 0;
}
.text__paragraph--shop-intro {
  font-size: 18px;
  color: #FFFFFF;
  padding: 16px;
  margin: 0 auto;
}
.text__paragraph--headings {
  font-size: 14px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 24px;
}
.header__shop--index .text__paragraph--headings {
  margin-bottom: 0;
}
.header__shop--product .text__paragraph--headings {
  font-size: 24px;
}
.header__contact--search .text__paragraph--headings {
  line-height: 20px;
  margin-top: 41px;
}
.header__advert--choose .text__paragraph--headings {
  max-width: 868px;
}
.header__contact .text__paragraph--headings {
  margin-bottom: 0;
}
.text__paragraph--space {
  margin: 16px;
}
.text__paragraph--total {
  text-align: right;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 28px;
}
.text__status--urgent {
  font-family: "BoschSans-Bold", "OpenSans-Bold-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #EA0016;
}
.text__status--completed {
  color: #006249;
  font-family: "BoschSans-Bold", "OpenSans-Bold-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.table__jobs--guarantees .text__status--completed {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.text__status--success {
  color: #65A11B;
  font-family: "BoschSans-Bold", "OpenSans-Bold-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.text__box {
  padding: 8px 10px;
  background-color: #F7F7F7;
  margin-top: 5px;
  display: block;
  max-width: 80%;
}

/* @define todo */
.todo__list--dashboard .todo__badge--danger {
  background-color: #EA0016;
  border-radius: 50%;
  height: 26px;
  margin-right: 13px;
  width: 26px;
  flex-shrink: 0;
}
.todo__list--dashboard .todo__badge--warning {
  background-color: #F5A623;
  border-radius: 50%;
  height: 26px;
  margin-right: 13px;
  width: 26px;
  flex-shrink: 0;
}
.todo__header--dashboard {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 26px;
  font-weight: 300;
  line-height: 40px;
  margin: 0 16px 20px;
}
.todo__list--dashboard {
  list-style: none;
  margin: 0 16px 50px;
  padding: 0;
}
.todo__icon--attention {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
  display: block;
  height: 100%;
  width: 100%;
}
.todo__badge--danger > .todo__icon--attention {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22%23FFFFFF%22%3E%3Cpath%20d%3D%22M7%2014c1.265%200%202.44-.319%203.525-.957%201.063-.615%201.903-1.455%202.518-2.518C13.681%209.44%2014%208.265%2014%207c0-1.265-.319-2.44-.957-3.525-.615-1.063-1.455-1.903-2.518-2.518C9.44.319%208.265%200%207%200%205.735%200%204.56.319%203.475.957%202.412%201.572%201.572%202.412.957%203.475.319%204.56%200%205.735%200%207c0%201.265.319%202.44.957%203.525.615%201.063%201.455%201.903%202.518%202.518C4.56%2013.681%205.735%2014%207%2014zm0-.705c-1.141%200-2.199-.285-3.173-.856-.95-.56-1.706-1.315-2.266-2.266C.991%209.199.705%208.14.705%207s.285-2.199.856-3.173c.56-.95%201.315-1.706%202.266-2.266C4.801.991%205.86.705%207%20.705s2.199.285%203.173.856c.95.56%201.706%201.315%202.266%202.266.57.974.856%202.032.856%203.173s-.285%202.199-.856%203.173c-.56.95-1.315%201.706-2.266%202.266-.974.57-2.032.856-3.173.856zm.218-4.935l.235-2.686V3.508h-.906v2.166l.235%202.686h.436zm-.226%202.132c.173%200%20.321-.06.444-.177.124-.117.185-.263.185-.436%200-.174-.061-.322-.185-.445-.123-.123-.268-.185-.436-.185-.18%200-.327.06-.445.177-.117.117-.176.265-.176.445%200%20.179.059.327.176.444.118.118.263.177.437.177z%22%2F%3E%3C%2Fsvg%3E");
}
.todo__badge--warning > .todo__icon--attention {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M7%2014c1.265%200%202.44-.319%203.525-.957%201.063-.615%201.903-1.455%202.518-2.518C13.681%209.44%2014%208.265%2014%207c0-1.265-.319-2.44-.957-3.525-.615-1.063-1.455-1.903-2.518-2.518C9.44.319%208.265%200%207%200%205.735%200%204.56.319%203.475.957%202.412%201.572%201.572%202.412.957%203.475.319%204.56%200%205.735%200%207c0%201.265.319%202.44.957%203.525.615%201.063%201.455%201.903%202.518%202.518C4.56%2013.681%205.735%2014%207%2014zm0-.705c-1.141%200-2.199-.285-3.173-.856-.95-.56-1.706-1.315-2.266-2.266C.991%209.199.705%208.14.705%207s.285-2.199.856-3.173c.56-.95%201.315-1.706%202.266-2.266C4.801.991%205.86.705%207%20.705s2.199.285%203.173.856c.95.56%201.706%201.315%202.266%202.266.57.974.856%202.032.856%203.173s-.285%202.199-.856%203.173c-.56.95-1.315%201.706-2.266%202.266-.974.57-2.032.856-3.173.856zm.218-4.935l.235-2.686V3.508h-.906v2.166l.235%202.686h.436zm-.226%202.132c.173%200%20.321-.06.444-.177.124-.117.185-.263.185-.436%200-.174-.061-.322-.185-.445-.123-.123-.268-.185-.436-.185-.18%200-.327.06-.445.177-.117.117-.176.265-.176.445%200%20.179.059.327.176.444.118.118.263.177.437.177z%22%2F%3E%3C%2Fsvg%3E");
}
.todo__item--dashboard {
  align-items: center;
  display: flex;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 300;
  margin-bottom: 20px;
}
.todo__link--dashboard {
  color: #005691;
  text-align: center;
  text-decoration: none;
  font-family: sans-serif;
}
.todo__link--dashboard:hover {
  text-decoration: underline;
}

/* @define onboarding */
.onboarding__container--modal {
  display: flex;
  flex-direction: column;
  color: #FFFFFF;
  background-color: #005691;
  background-image: linear-gradient(to right, #005691 0%, #008ECF 97%);
}
.onboarding__container--button {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.onboarding__container--terms {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.onboarding__container--pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  position: absolute;
  width: 100%;
  bottom: 37px;
}
.onboarding__pagination--dot {
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 100%;
  width: 11px;
  height: 11px;
  background-color: #CFD0D1;
  display: inline-block;
  cursor: pointer;
}
.onboarding__pagination--dot.is-active {
  width: 16px;
  height: 16px;
  background-color: #FFFFFF;
}
.onboarding__button--next {
  z-index: 2;
  background: none;
  width: 72px;
  height: 46px;
  border: solid 1px #FFFFFF;
  margin-right: 25px;
  margin-bottom: 20px;
  align-self: right;
  right: 25px;
  color: #FFFFFF;
}
.onboarding__button--decline {
  z-index: 2;
  background: none;
  width: 72px;
  height: 46px;
  border: solid 1px #FFFFFF;
  margin-left: 25px;
  margin-bottom: 20px;
  align-self: left;
  left: 25px;
  color: #FFFFFF;
}
.onboarding__button--connect {
  cursor: pointer;
  background: none;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  padding: 14px;
  font-size: 14px;
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  text-decoration: none;
  white-space: nowrap;
}
.onboarding__button--connect:hover {
  color: #FFFFFF;
  text-decoration: none;
}
.onboarding__content, .onboarding__content--installer {
  font-weight: 300;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 35px 40px 92px;
}
.onboarding__content--installer {
  padding: 35px 40px;
}
.onboarding__image {
  width: 100%;
}
.onboarding__title, .onboarding__title--installer {
  font-size: 36px;
  line-height: 40px;
  text-align: center;
}
.onboarding__title--installer {
  color: #FFFFFF !important;
  margin-top: 0;
}
.onboarding__text, .onboarding__text--installer {
  margin: 30px 0 0;
  font-size: 14px;
}
.onboarding__text--installer {
  color: #FFFFFF !important;
  line-height: 1.4;
}
.onboarding__buttons, .onboarding__buttons--top {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 22px;
}
.onboarding__buttons .onboarding__button--connect, .onboarding__buttons--top .onboarding__button--connect {
  margin: 8px auto;
  color: #FFFFFF;
}
.onboarding__buttons--right {
  display: flex;
  margin-top: 44px;
  justify-content: flex-end;
}
.onboarding__buttons--top {
  margin-top: 42px;
}
.onboarding__inputs {
  display: flex;
  flex-direction: column;
}
.onboarding__inputs > :first-child {
  margin-right: 30px;
}
.onboarding__inputs ::placeholder {
  color: #FFFFFF;
}
.onboarding__inputs::-webkit-input-placeholder {
  color: #FFFFFF;
  opacity: 0.6;
}
.onboarding__label {
  color: #FFFFFF;
  padding: 0 0 0 10px;
}
.onboarding__input-control {
  color: #FFFFFF;
}
.onboarding__error {
  color: #FFFFFF;
  text-align: center;
  margin-top: 20px;
}

.order-summary {
  position: relative;
  margin: 0 auto;
  padding: 14px 16px;
}
.order-summary__title {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px 0;
  text-align: center;
  font-size: 22px;
  font-weight: normal;
  color: #FFFFFF;
}
.order-summary__icon {
  width: 32px;
  height: 32px;
  object-fit: contain;
  font-family: "object-fit: contain;";
  margin-right: 16px;
}
.order-summary__sub-title {
  margin-bottom: 0;
  text-align: center;
  font-size: 16px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #FFFFFF;
}
.order-summary__wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
  position: relative;
  margin: 0 auto;
  max-width: 1960px;
  width: 100%;
  min-height: 300px;
}
.order-summary__order-details {
  display: flex;
  align-items: stretch;
  position: relative;
  width: 100%;
  order: 1;
}
.order-summary__guarantee-date {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 111px;
  height: 111px;
  margin: 24px 12px 0 0;
  border-style: solid;
  border-radius: 50%;
  border-width: 6px;
  border-color: #006249;
}
.order-summary__guarantee-date--text {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #65A11B;
  font-size: 12px;
  text-align: center;
}
.order-summary__guarantee-date--date {
  font-family: "BoschSans-Bold", "OpenSans-Bold-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #006249;
  text-align: center;
  font-size: 16px;
}
.order-summary__details-wrap {
  order: 1;
  flex: 1 1 100%;
}
.order-summary__installer-details {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  flex: 1 0 100%;
  border: 1px solid #BFC0C2;
  background: #FFFFFF;
  min-height: 111px;
  padding: 12px 16px 12px 75px;
  margin: 24px 0 0;
}
.order-summary__installer-details--installer, .order-summary__installer-details--phone, .order-summary__installer-details--label, .order-summary__installer-details--email {
  display: flex;
  flex: 1 1 100%;
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #008ECF;
}
.order-summary__installer-details--installer {
  flex-direction: column;
  font-size: 14px;
  color: #000000;
}
.order-summary__installer-details--label {
  display: block;
  font-size: 12px;
  color: #000000;
}
.order-summary__installer-details--phone-icon, .order-summary__installer-details--email-icon {
  display: block;
  position: relative;
  outline: 1px solid #008ECF;
  width: 20px;
  height: 20px;
  margin-right: 20px;
}
.order-summary__installer-details--text {
  word-break: break-all;
  font-size: 10px;
}
.order-summary__installer-details--col {
  flex: 0 0 50%;
  width: 50%;
}
.order-summary__installer-details--message {
  flex: 0 0 100%;
  width: 100%;
  font-size: 14px;
  margin-top: 16px;
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.order-summary__installer-details--icon {
  display: block;
  position: absolute;
  width: 50px;
  height: 50px;
  object-fit: contain;
  font-family: "object-fit: contain;";
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
}
.order-summary__installer-details .list__contact--help {
  margin-bottom: 0;
}
.order-summary__smallprint {
  display: block;
  position: relative;
  width: 100%;
  max-width: 768px;
  text-align: center;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 8px;
  color: #BFC0C2;
  margin: 22px auto;
}
.order-summary__smallprint a {
  color: #008ECF;
}

.order-details__image {
  display: flex;
  width: 30%;
  justify-content: flex-start;
}
.order-details__image img {
  width: auto;
  max-width: 100%;
  height: 100%;
  max-height: 280px;
}
.order-details__items {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 20px;
}
.order-details__item {
  color: #FFFFFF;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 8px;
}
.order-details__item + .order-details__item {
  margin-top: 30px;
}
.order-details__item--icon {
  display: block;
  position: relative;
  width: 24px;
  height: 24px;
  object-fit: contain;
  font-family: "object-fit: contain;";
  margin-right: 20px;
}
.order-details__item--text {
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
}

.tracker {
  position: relative;
  margin: 0 auto;
  padding: 14px 16px;
}
.tracker__title {
  margin-bottom: 54px;
  text-align: center;
  color: #FFFFFF;
  font-size: 36px;
  font-weight: 300;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.tracker__wrapper {
  display: flex;
  position: relative;
  margin: 0 auto;
  max-width: 1126px;
  width: 100%;
  min-height: 300px;
  border: 1px solid #BFC0C2;
  background-color: #FFFFFF;
}
.tracker__aside {
  display: none;
}
.tracker__icon {
  margin-bottom: 8px;
  width: 160px;
  height: 64px;
}
.tracker__icon--image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  font-family: "object-fit: contain;";
}
.tracker__subheading {
  margin: 0;
  font-size: 24px;
  line-height: 28px;
  max-width: 160px;
}
.tracker__content {
  display: flex;
  flex: 1 1 100%;
  flex-wrap: wrap;
  width: 100%;
  padding: 20px 8px;
}
.tracker__alert {
  display: flex;
  flex-direction: column;
  flex: 1 0 100%;
  max-width: 100%;
  background: #F7F7F7;
  padding: 24px;
  margin: 16px 0;
  align-items: flex-start;
  line-height: 20px;
}
.tracker__alert--header {
  font-size: 18px;
  margin-bottom: 22px;
  display: flex;
  align-items: center;
}
.tracker__alert--header .table__icon--incomplete {
  flex-shrink: 0;
}
.tracker__alert p {
  font-size: 12px;
}
.tracker__alert--button {
  padding: 15px 35px;
  width: auto;
}
.tracker__column {
  flex: auto;
  width: 100%;
  padding-right: 30px;
}
.band__fasttrack--current .tracker__column {
  flex: 1 0 100%;
  padding-right: 20px;
  margin-right: 0;
}
.tracker__column--order {
  flex: 1 0 100%;
}
.tracker__column--enquiry {
  flex: 2 0 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 24px;
}
.tracker__column--journey {
  margin-bottom: 75px;
}
.tracker__column--details {
  padding: 0 15px;
  margin: 8px 0 0;
  width: 100%;
}
.tracker__item {
  margin-bottom: 16px;
}
.tracker__label {
  margin: 0 0 5px;
  color: #000000;
  font-family: "BoschSans-Medium", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
}
.tracker__data {
  margin: 0;
  color: #000000;
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
}
.tracker__footer {
  color: #007DB8;
  font-size: 12px;
  text-decoration: none;
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  text-align: center;
  display: block;
}
.tracker__footer:hover {
  text-decoration: underline;
}
.tracker__enquiry {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.tracker__heading {
  margin-bottom: 9px;
  font-size: 15px;
  font-family: "BoschSans-Medium", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
}

.enquiry__response {
  display: flex;
  flex-flow: column wrap;
  align-items: center;
  background-color: #F7F7F7;
  margin: 6px 0;
  font-size: 14px;
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 8px 10px;
  min-height: 64px;
}
.enquiry__response--installer {
  font-size: 18px;
  text-align: center;
  word-break: break-word;
}
.enquiry__response--text {
  margin-top: 20px;
}
.band__fasttrack--current .enquiry__response {
  background-color: #FFFFFF;
  margin-bottom: 16px;
}
.enquiry__response span[class^=enquiry__response] {
  display: flex;
  flex: 2;
  flex-direction: column;
  width: 100%;
  text-align: left;
}
.enquiry__response .response__title {
  display: block;
  font-size: 16px;
}
.enquiry__response .response__title--contact {
  color: #2399C9;
  display: block;
  margin-top: 5px;
  padding-right: 5px;
  font-size: 14px;
  word-break: break-word;
  text-decoration: none;
}
.enquiry__response .response__title--contact:hover {
  text-decoration: underline;
}
.enquiry__response span[class^=enquiry__response--text] {
  flex: 1;
}
.enquiry__response .response__submit {
  color: #2399C9;
  display: block;
  text-decoration: none;
  font-size: 14px;
}
.enquiry__response .response__submit:hover {
  text-decoration: underline;
}
.enquiry__response .response__link {
  color: #0088C0;
  text-decoration: none;
  font-size: 13px;
}
.enquiry__response .response__link:hover {
  text-decoration: underline;
}
.enquiry__response .response__info--declined,
.enquiry__response .response__info--accepted {
  display: none;
  font-size: 11px;
}
.enquiry__response--waiting, .enquiry__response--declined, .enquiry__response--accepted {
  margin-left: 22px;
  padding-left: 28px;
  position: relative;
}
.enquiry__response--waiting .response__icon, .enquiry__response--declined .response__icon, .enquiry__response--accepted .response__icon {
  display: block;
  position: absolute;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  top: 50%;
  left: -22px;
  transform: translate(0, -50%);
}
.enquiry__response--waiting .response__icon {
  background: #005691;
}
.enquiry__response--waiting a {
  font-size: 16px;
  color: #005691;
  text-decoration: none;
  cursor: pointer;
  padding: 8px 0;
  margin: 2px 0;
}
.enquiry__response--waiting a img {
  margin: 0 8px 0 0;
  transform: translateY(4px);
}
.enquiry__response--waiting a:hover {
  text-decoration: underline;
}
.enquiry__response--declined .response__icon {
  background: #EA0016;
}
.enquiry__response--declined .response__info--declined {
  font-size: 16px;
  display: block;
  padding: 8px 0;
  margin: 4px 0 0;
}
.enquiry__response--declined a {
  font-size: 16px;
  color: #005691;
  text-decoration: none;
  cursor: pointer;
  padding: 8px 0;
  margin: 2px 0;
}
.enquiry__response--declined a img {
  margin: 0 8px 0 0;
  transform: translateY(4px);
}
.enquiry__response--declined a:hover {
  text-decoration: underline;
}
.enquiry__response--accepted .response__icon {
  background: #006249;
}
.enquiry__response--accepted .response__info--accepted {
  display: block;
}
.enquiry__response--accepted a {
  font-size: 16px;
  color: #005691;
  text-decoration: none;
  cursor: pointer;
  padding: 8px 0;
  margin: 2px 0;
}
.enquiry__response--accepted a img {
  margin: 0 8px 0 0;
  transform: translateY(4px);
}
.enquiry__response--accepted a:hover {
  text-decoration: underline;
}

.tool-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.tool-footer.tool-footer--flex-content-space-around {
  justify-content: space-around;
}

.intercom__live-chat-container {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  width: 300px;
}
.intercom__live-chat-container--hidden {
  display: none;
}
.intercom__live-chat-icon {
  cursor: pointer;
  width: auto;
  height: 100%;
}
.intercom__live-chat-text {
  cursor: pointer;
  width: 230px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #007DB8;
  font-size: 20px;
}

.band.-secondary {
  background-color: #EFF1F2;
}

.a-button {
  display: inline-flex;
  letter-spacing: 0;
  border: 0;
  padding: 12px 16px 12px 0;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
}
.a-button:hover {
  text-decoration: none;
}
.a-button:disabled {
  cursor: default;
}
.a-button__icon {
  text-align: left;
  font-size: 24px;
  padding: 8px 14px;
}
.a-button.-fixed {
  width: 128px;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.a-button.-without-label .a-button__icon {
  margin: auto;
  padding: 12px;
}
.a-button.-without-icon {
  margin: auto;
  padding: 12px 16px;
}
.a-button--primary {
  background-color: var(--bosch-blue-50);
  color: var(--bosch-white);
}
.a-button--primary:hover {
  background-color: var(--bosch-blue-40);
}
.a-button--primary:active, .a-button--primary.active {
  background-color: var(--bosch-blue-30);
}
.a-button--primary:disabled {
  background-color: var(--bosch-gray-80);
  color: var(--bosch-gray-60);
}
.a-button--secondary {
  background-color: transparent;
  color: var(--bosch-blue-50);
  border: 1px solid var(--bosch-blue-50);
}
.a-button--secondary:hover {
  background-color: var(--bosch-blue-90);
  color: var(--bosch-blue-40);
  border-color: var(--bosch-blue-40);
}
.a-button--secondary:active, .a-button--secondary.active {
  background-color: var(--bosch-blue-80);
  color: var(--bosch-blue-30);
  border-color: var(--bosch-blue-30);
}
.a-button--secondary:disabled {
  background-color: transparent;
  color: var(--bosch-gray-80);
  border-color: var(--bosch-gray-80);
}
.a-button--tertiary {
  background-color: transparent;
  color: var(--bosch-blue-50);
}
.a-button--tertiary:hover {
  background-color: var(--bosch-blue-90);
  color: var(--bosch-blue-40);
}
.a-button--tertiary:active, .a-button--tertiary.active {
  background-color: var(--bosch-blue-80);
  color: var(--bosch-blue-30);
}
.a-button--tertiary:disabled {
  background-color: transparent;
  color: var(--bosch-gray-80);
}
.a-button--integrated {
  color: var(--bosch-black);
  background-color: transparent;
}
.a-button--integrated:hover {
  color: var(--bosch-blue-50);
  background-color: transparent;
}
.a-button--integrated:active, .a-button--integrated.active {
  color: var(--bosch-blue-40);
  background-color: transparent;
}
.a-button--integrated:disabled {
  color: var(--bosch-gray-80);
  background-color: transparent;
}

a.a-button--primary {
  color: var(--bosch-white);
}
a.a-button--primary:hover {
  color: var(--bosch-white);
}

.m-carousel--style-1 .m-carousel__actions {
  margin-top: 30px;
}
.m-carousel--style-1 .m-carousel__actions .a-button {
  margin-right: 30px;
}
.m-carousel--style-1 .m-carousel__canvas .slick-next::after, .m-carousel--style-1 .m-carousel__canvas .slick-next::before, .m-carousel--style-1 .m-carousel__canvas .slick-prev::after, .m-carousel--style-1 .m-carousel__canvas .slick-prev::before {
  background-color: #000000;
  border-color: #000000;
}
.m-carousel--style-1 .m-carousel__canvas .slick-next {
  right: -75px;
}
.m-carousel--style-1 .m-carousel__canvas .slick-prev {
  left: -75px;
}
.m-carousel--style-1 .m-carousel__image {
  align-self: flex-start;
  justify-self: center;
  margin-top: 16px;
  max-width: 300px;
  width: 100%;
}
.m-carousel--style-1 .m-carousel__item__body {
  display: grid;
  grid-gap: 2rem;
  grid-template-columns: 300px auto;
}
.m-carousel--style-1 .m-carousel__item__title {
  font-size: 1.5rem;
  line-height: 1.4;
}
.m-carousel--style-1 .m-carousel__thumbnail {
  cursor: pointer;
  opacity: 0.25;
  text-align: center;
}
.m-carousel--style-1 .m-carousel__thumbnail img {
  display: inline-block;
}
.m-carousel--style-1 .m-carousel__thumbnail span {
  display: block;
  font-size: 18px;
  margin-top: 32px;
}
.m-carousel--style-1 .m-carousel__thumbnail.slick-current {
  pointer-events: none;
  opacity: 1;
}
.m-carousel--style-1 .m-carousel__thumbnails {
  margin-top: 2rem;
}

.a-image-cover {
  height: 100%;
  max-width: 100%;
  object-fit: cover;
  width: 100%;
}

.a-link {
  cursor: pointer;
  text-decoration: none;
  color: var(--bosch-blue-50);
}
.a-link a {
  color: currentColor;
}
.a-link:hover {
  color: var(--bosch-blue-40);
}
.a-link:hover a {
  text-decoration: underline;
}
.a-link:active {
  color: var(--bosch-blue-20);
}
.a-link.-disabled, .a-link.-disabled a {
  pointer-events: none;
  color: var(--bosch-gray-80);
}
.a-link.-link-black {
  color: var(--bosch-black);
  text-decoration: none;
}
.a-link.-link-black:hover {
  color: var(--bosch-blue-40);
}
.a-link.active a {
  color: var(--bosch-blue-40);
}

.a-link--simple span,
.a-link--primary span {
  display: flex;
}

.a-link--primary span::after {
  content: "";
  border-top: rem(1px) solid currentColor;
  border-right: rem(1px) solid currentColor;
  position: relative;
  width: 0.5em;
  height: 0.5em;
  margin-left: 0.25em;
  transform: translateY(0.465em) rotate(45deg);
}

.a-pseudo-content-container {
  position: relative;
}

.a-pseudo-content-link::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.a-icon-link {
  display: inline;
  white-space: nowrap;
}
.a-icon-link .a-icon {
  display: inline-block;
  margin-left: 0.5rem;
}

.a-link--simple,
.a-link--primary {
  display: inline-block;
}
.a-link--simple a,
.a-link--primary a {
  display: flex;
}
.a-link--simple a,
.a-link--simple a:visited,
.a-link--primary a,
.a-link--primary a:visited {
  text-decoration: none;
}
.a-link--simple a:hover,
.a-link--simple a:visited:hover,
.a-link--primary a:hover,
.a-link--primary a:visited:hover {
  text-decoration: underline;
}

.a-link--primary a::after {
  content: "";
  border-top: rem(1px) solid currentColor;
  border-right: rem(1px) solid currentColor;
  position: relative;
  width: 0.5em;
  height: 0.5em;
  margin-left: 0.25em;
  transform: translateY(0.465em) rotate(45deg);
}

.a-link:hover .a-icon,
.a-link:hover .a-icon::before {
  display: inline-block;
  text-decoration: none;
}

.a-link.-icon-left .a-icon {
  margin-right: 0.5rem;
}

.a-link.-icon-right a {
  display: inline;
}

.a-link.-icon-right .a-icon {
  margin-left: 0.5rem;
  display: inline-block;
  margin-top: -1rem;
  position: relative;
  top: 0.25rem;
}

.video {
  margin-bottom: 20px;
}

.embed-responsive:not(.module) {
  position: relative;
  margin: auto;
  width: 100%;
  padding-bottom: 56.25% !important;
  height: 0;
}
.embed-responsive:not(.module) > iframe,
.embed-responsive:not(.module) > video {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive.embed-inline {
  margin: 0 0 20px;
}

.embed-responsive > iframe.youtube,
.embed-responsive > iframe.vimeo {
  background-color: #000;
}

.embed-responsive > .youtube,
.embed-responsive > .vimeo {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 0;
}

.youtube,
.vimeo {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: inline-block;
  overflow: hidden;
  transition: all 200ms ease-out;
  cursor: pointer;
}

.youtube .play,
.vimeo .play {
  background: url("/static/img/btn-play.png") no-repeat center center;
  background-size: cover;
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0.8;
  filter: alpha(opacity=80);
  transition: all 0.2s ease-out;
  z-index: 1;
}
.youtube .play.play-small,
.vimeo .play.play-small {
  background-size: 30px 30px;
  max-width: 120px;
  max-height: 90px;
}

.youtube .play:hover,
.vimeo .play:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

/* @define color */
.color__background--blueSky {
  background-color: #7FC6E7;
}
.color__text--blueSky {
  color: #7FC6E7;
}
.color__background--red {
  background-color: #EA0016;
}
.color__text--red {
  color: #EA0016;
}

/* @define display */
.display--block {
  display: block;
}
.display--flex {
  display: flex;
}
.display__inline--block {
  display: inline-block;
}
.display--full {
  display: block;
  width: 100%;
}

.float--right {
  float: right;
}
.float--left {
  float: left;
}

/* @define margin */
.margin--none {
  margin: 0;
}
.margin--base {
  margin: 8px;
}
.margin__top--base {
  margin-top: 8px;
}
.margin__top--none {
  margin-top: 0;
}
.margin__right--base {
  margin-right: 8px;
}
.margin__right--none {
  margin-right: 0;
}
.margin__bottom--base {
  margin-bottom: 8px;
}
.margin__bottom--none {
  margin-bottom: 0;
}
.margin__left--base {
  margin-left: 8px;
}
.margin__left--none {
  margin-left: 0;
}
.margin__vertical--base {
  margin-top: 8px;
  margin-bottom: 8px;
}
.margin__vertical--none {
  margin-top: 0;
  margin-bottom: 0;
}
.margin__horizontal--base {
  margin-left: 8px;
  margin-right: 8px;
}
.margin__horizontal--none {
  margin-left: 0;
  margin-right: 0;
}
.margin--double {
  margin: 16px;
}
.margin__top--double {
  margin-top: 16px;
}
.margin__top--none {
  margin-top: 0;
}
.margin__right--double {
  margin-right: 16px;
}
.margin__right--none {
  margin-right: 0;
}
.margin__bottom--double {
  margin-bottom: 16px;
}
.margin__bottom--none {
  margin-bottom: 0;
}
.margin__left--double {
  margin-left: 16px;
}
.margin__left--none {
  margin-left: 0;
}
.margin__vertical--double {
  margin-top: 16px;
  margin-bottom: 16px;
}
.margin__vertical--none {
  margin-top: 0;
  margin-bottom: 0;
}
.margin__horizontal--double {
  margin-left: 16px;
  margin-right: 16px;
}
.margin__horizontal--none {
  margin-left: 0;
  margin-right: 0;
}

/* @define padding */
.padding--none {
  padding: 0;
}
.padding--base {
  padding: 8px;
}
.padding__top--base {
  padding-top: 8px;
}
.padding__top--none {
  padding-top: 0;
}
.padding__right--base {
  padding-right: 8px;
}
.padding__right--none {
  padding-right: 0;
}
.padding__bottom--base {
  padding-bottom: 8px;
}
.padding__bottom--none {
  padding-bottom: 0;
}
.padding__left--base {
  padding-left: 8px;
}
.padding__left--none {
  padding-left: 0;
}
.padding__vertical--base {
  padding-top: 8px;
  padding-bottom: 8px;
}
.padding__vertical--none {
  padding-top: 0;
  padding-bottom: 0;
}
.padding__horizontal--base {
  padding-left: 8px;
  padding-right: 8px;
}
.padding__horizontal--none {
  padding-left: 0;
  padding-right: 0;
}
.padding--double {
  padding: 16px;
}
.padding__top--double {
  padding-top: 16px;
}
.padding__top--none {
  padding-top: 0;
}
.padding__right--double {
  padding-right: 16px;
}
.padding__right--none {
  padding-right: 0;
}
.padding__bottom--double {
  padding-bottom: 16px;
}
.padding__bottom--none {
  padding-bottom: 0;
}
.padding__left--double {
  padding-left: 16px;
}
.padding__left--none {
  padding-left: 0;
}
.padding__vertical--double {
  padding-top: 16px;
  padding-bottom: 16px;
}
.padding__vertical--none {
  padding-top: 0;
  padding-bottom: 0;
}
.padding__horizontal--double {
  padding-left: 16px;
  padding-right: 16px;
}
.padding__horizontal--none {
  padding-left: 0;
  padding-right: 0;
}

/* @define text */
.text__align--left {
  text-align: left;
}
.text__align--right {
  text-align: right;
}
.text__align--center {
  text-align: center;
}

.accordion__form--settings\!loyalty .v2wb-input.capture-plus-input.form-field {
  height: auto;
  border: none;
  border-bottom: 1px solid #BFC0C2;
  width: 100%;
  opacity: 0.5;
  background: none;
  display: block;
  padding: 16px 10px 13px;
  font-size: 16px;
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  box-shadow: none;
}
.accordion__form--settings\!loyalty .v2wb-input.capture-plus-input.form-field:focus, .accordion__form--settings\!loyalty .v2wb-input.capture-plus-input.form-field:valid {
  opacity: 1;
  outline: none;
}
.accordion__form--settings\!loyalty [class*=capture-plus-results] {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid #BFC0C2;
}
.accordion__form--settings\!loyalty [class*=capture-plus-results] li {
  padding: 13px 20px;
  font-size: 14px;
  line-height: 20px;
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  border-bottom: 1px solid #BFC0C2;
  color: #000000;
  cursor: pointer;
}
.accordion__form--settings\!loyalty [class*=capture-plus-results] li:hover {
  background: #7FC6E7;
  color: #FFFFFF;
}
.accordion__form--settings\!loyalty [class*=capture-plus-results] li:last-child {
  border-bottom: none;
}
.accordion__form--settings\!loyalty [class="capture-plus-container form-group"] + a {
  color: #008ECF;
  margin-top: 20px;
  font-size: 14px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 18px;
  display: block;
  cursor: pointer;
}
.accordion__form--settings\!loyalty [class="capture-plus-container form-group"] + a:hover, .accordion__form--settings\!loyalty [class="capture-plus-container form-group"] + a:focus {
  text-decoration: underline;
}
.accordion__form--settings\!loyalty .form-group .control-label {
  font-family: "BoschSans-Medium", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  margin: 18px 0 0px;
  color: #000000;
  display: block;
}
.accordion__form--settings\!loyalty .form-group .form-control[type=text] {
  height: auto;
  border: none;
  border-bottom: 1px solid #BFC0C2;
  width: 100%;
  opacity: 0.5;
  background: none;
  display: block;
  padding: 16px 10px 13px;
  font-size: 16px;
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  box-shadow: none;
}
.accordion__form--settings\!loyalty .form-group .form-control[type=text]:focus, .accordion__form--settings\!loyalty .form-group .form-control[type=text]:valid {
  opacity: 1;
  outline: none;
}

.cms__module--advice\!loyalty .band:nth-of-type(even) {
  background: #FFFFFF !important;
}
.cms__module--advice\!loyalty .band-body {
  width: 100%;
  max-width: 1368px;
}
.cms__module--advice\!loyalty h2 {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 32px;
  font-weight: 300;
  line-height: 1.5;
  margin-bottom: 46px;
}

.cms__module--boxes\!loyalty.band {
  background: #FFFFFF !important;
}
.cms__module--boxes\!loyalty .band-body {
  width: 100%;
  max-width: 1368px;
}
.cms__module--boxes\!loyalty .box {
  padding: 20px;
}
.cms__module--boxes\!loyalty .box h3 {
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 25px;
  letter-spacing: -0.25px;
  color: #000000;
  margin: 20px 0 12px;
}
.cms__module--boxes\!loyalty .box p {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
  color: #000000;
  margin: 0 0 18px;
}
.cms__module--boxes\!loyalty .box .btn-row {
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
}
.cms__module--info\!loyalty.band.band-info.wb-blue {
  background: #005691;
  color: #FFFFFF;
}
.cms__module--info\!loyalty.band.band-info.wb-fuchsia {
  background: #B90276;
  color: #FFFFFF;
}
.cms__module--info\!loyalty.band.band-info.wb-green {
  background: #006249;
  color: #FFFFFF;
}
.cms__module--info\!loyalty.band.band-info.wb-light-blue {
  background: #008ECF;
  color: #FFFFFF;
}
.cms__module--info\!loyalty.band.band-info.wb-purple {
  background: #50237F;
  color: #FFFFFF;
}
.cms__module--info\!loyalty.band.band-info.wb-teal {
  background: #007DB8;
  color: #FFFFFF;
}
.cms__module--info\!loyalty .band-title {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 32px;
  font-weight: 300;
  line-height: 40px;
  margin: 0 0 20px;
}
.cms__module--info\!loyalty .band-body {
  width: 100%;
  max-width: 1242px;
}
.cms__module--info\!loyalty ol,
.cms__module--info\!loyalty ul {
  text-align: left;
}
.cms__module--info\!loyalty h3,
.cms__module--info\!loyalty h4,
.cms__module--info\!loyalty h5,
.cms__module--info\!loyalty h6,
.cms__module--info\!loyalty p,
.cms__module--info\!loyalty a,
.cms__module--info\!loyalty li {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 1.5;
}
.cms__module--info\!loyalty h3,
.cms__module--info\!loyalty h4,
.cms__module--info\!loyalty h5,
.cms__module--info\!loyalty h6 {
  margin: 0 0 32px;
}
.cms__module--info\!loyalty strong {
  font-family: "BoschSans-Medium", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
}

.cms__module--why\!loyalty {
  background: #FFFFFF !important;
}
.cms__module--why\!loyalty .band-body {
  width: 100%;
  max-width: 1264px;
  margin: auto;
}
.cms__module--why\!loyalty h2.band-title {
  color: #000000;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 36px;
  font-weight: 300;
  line-height: 1.5;
}
.cms__module--why\!loyalty h3.band-title {
  color: #000000;
}
.cms__module--why\!loyalty p {
  color: #000000;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 1.5;
  font-size: 14px;
}
.cms__module--why\!loyalty ._lg-padding-hr {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.cms__module--why\!loyalty .grid-three-col > .grid-col {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
.cms__module--why\!loyalty .info-block-image {
  height: 200px;
  max-height: 200px;
}
.cms__module--why\!loyalty .info-block-image img {
  margin: auto;
  height: auto;
}

.cms__module--hero\!loyalty .v2wb-hero-content {
  width: 100%;
  max-width: 1368px;
  margin: auto;
  text-align: center;
}
.cms__module--hero\!loyalty .v2wb-hero-content .info-block {
  margin: 0 8px;
}
.cms__module--hero\!loyalty .v2wb-hero-content p {
  margin: 18px 0;
}
.cms__module--hero\!loyalty .band-title {
  color: #000000;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.5;
  margin-top: 0;
}
.cms__module--hero\!loyalty p {
  color: #000000;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 1.5;
  font-size: 14px;
}

.cms__module--graphic\!loyalty .box {
  padding: 0;
  margin: 0 8px;
}
.cms__module--graphic\!loyalty .info-block {
  max-width: 700px;
  margin: auto;
}
.cms__module--graphic\!loyalty .band-title {
  color: #000000;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.5;
  margin-top: 0;
}
.cms__module--graphic\!loyalty p {
  color: #000000;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 1.5;
  font-size: 14px;
}
.cms__module--graphic\!loyalty a {
  color: #005691;
}
.cms__module--graphic\!loyalty .info-block-white {
  text-align: center;
}
.cms__module--graphic\!loyalty .v2wb-btn.fai-button.btn-success {
  position: relative;
}
.cms__module--graphic\!loyalty .btn-success[disabled] {
  opacity: 0.5;
  pointer-events: none;
}
.cms__module--graphic\!loyalty .icon.icon-search, .cms__module--graphic\!loyalty ul.tick li.icon-search:before, ul.tick .cms__module--graphic\!loyalty li.icon-search:before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20192%20192%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M170.8%20149.2L114%2092.3c3.9-7.3%206-15.5%206-24.3%200-28.7-23.3-52-52-52S16%2039.3%2016%2068s23.3%2052%2052%2052c8.8%200%2017-2.2%2024.3-6l56.9%2056.9c3.5%203.5%207.9%205.2%2012.2%205.2%203.9%200%207.6-1.4%2010.4-4.2%206-6%205.6-16.2-1-22.7zM24%2068c0-24.3%2019.7-44%2044-44s44%2019.7%2044%2044-19.7%2044-44%2044-44-19.7-44-44zm142.2%2098.2c-1.8%201.8-3.9%202-5.3%201.9-2.2-.2-4.4-1.2-6-2.9l-55.6-55.6c3.9-2.9%207.4-6.4%2010.3-10.3l55.6%2055.6c1.6%201.6%202.7%203.8%202.9%206%200%201.4-.2%203.5-1.9%205.3z%22%2F%3E%3C%2Fsvg%3E");
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.cms__background--text\!loyalty {
  padding: 0;
}
.cms__background--text\!loyalty .band-body {
  width: 100%;
  padding: 0;
}
.cms__background--text\!loyalty .gradient-background__image {
  height: 125%;
}
.cms__background--text\!loyalty .gradient-background__title {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.5;
  margin-top: 0;
}
.cms__background--text\!loyalty .gradient-background__text {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 1.5;
  font-size: 14px;
}

.cms__module--worcester\!loyalty .img-responsive.center-block {
  margin: auto;
}
.cms__module--worcester\!loyalty .info-block-image {
  height: 200px;
  max-height: 200px;
}
.cms__module--worcester\!loyalty h2.band-title {
  font-family: "BoschSans-Medium", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 32px;
  font-weight: 300;
  line-height: 1.5;
  margin-top: 0;
}
.cms__module--worcester\!loyalty h3.band-title {
  font-family: "BoschSans-Medium", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.5;
  margin-top: 0;
}
.cms__module--worcester\!loyalty p {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 1.5;
  font-size: 14px;
}

.cms__module--iframe\!loyalty .embed-responsive {
  height: 0;
}

.cms__module--news\!loyalty.band {
  background-color: #FFFFFF !important;
}
.cms__module--news\!loyalty .band-body {
  width: 100%;
  max-width: 1368px;
}
.cms__module--news\!loyalty .btn.btn-link {
  text-decoration: none;
}
.cms__module--news\!loyalty .box-img-wrapper {
  height: 200px;
  width: auto;
  display: block;
  position: relative;
}
.cms__module--news\!loyalty h2 {
  font-family: "BoschSans-Medium", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 32px;
  font-weight: 300;
  line-height: 1.5;
  margin-top: 0;
}
.cms__module--news\!loyalty h3 {
  font-family: "BoschSans-Medium", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.5;
  margin-top: 0;
  color: #000000;
}
.cms__module--news\!loyalty p,
.cms__module--news\!loyalty a {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 24px;
  font-size: 14px;
  color: #000000;
}
.cms__module--news\!loyalty a {
  color: #005691;
}
.cms__module--news\!loyalty .btn-boxed:hover {
  color: #FFFFFF;
}

.cms__module--text\!loyalty .band-body {
  width: 100%;
  max-width: 1368px;
}
.cms__module--text\!loyalty .grid-col {
  padding: 0 16px;
}
.cms__module--text\!loyalty .margin-none {
  margin: 0 !important;
}
.cms__module--text\!loyalty h3 {
  font-family: "BoschSans-Medium", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.5;
  margin-top: 0;
  color: #000000;
}
.cms__module--text\!loyalty p,
.cms__module--text\!loyalty a {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 24px;
  font-size: 14px;
  color: #000000;
}

.cms__band--cols\!loyalty,
.cms__band--video\!loyalty,
.cms__band--image\!loyalty,
.cms__band--box\!loyalty,
.cms__module--supergraphic\!loyalty {
  padding: 40px 16px;
  background: #FFFFFF !important;
}
.cms__band--cols\!loyalty .band-body,
.cms__band--video\!loyalty .band-body,
.cms__band--image\!loyalty .band-body,
.cms__band--box\!loyalty .band-body,
.cms__module--supergraphic\!loyalty .band-body {
  width: 100%;
  max-width: 1368px;
}
.cms__band--cols\!loyalty .img-responsive,
.cms__band--video\!loyalty .img-responsive,
.cms__band--image\!loyalty .img-responsive,
.cms__band--box\!loyalty .img-responsive,
.cms__module--supergraphic\!loyalty .img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.cms__band--cols\!loyalty .grid-col,
.cms__band--video\!loyalty .grid-col,
.cms__band--image\!loyalty .grid-col,
.cms__band--box\!loyalty .grid-col,
.cms__module--supergraphic\!loyalty .grid-col {
  padding: 0 16px !important;
}
.cms__band--cols\!loyalty h2,
.cms__band--video\!loyalty h2,
.cms__band--image\!loyalty h2,
.cms__band--box\!loyalty h2,
.cms__module--supergraphic\!loyalty h2 {
  font-size: 32px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 40px;
  margin-bottom: 40px;
  color: #000000;
  margin-top: 0;
}
.cms__band--cols\!loyalty h3,
.cms__band--video\!loyalty h3,
.cms__band--image\!loyalty h3,
.cms__band--box\!loyalty h3,
.cms__module--supergraphic\!loyalty h3 {
  font-size: 24px;
}
.cms__band--cols\!loyalty h3,
.cms__band--cols\!loyalty h4,
.cms__band--cols\!loyalty h5,
.cms__band--cols\!loyalty h6,
.cms__band--cols\!loyalty p,
.cms__band--cols\!loyalty a,
.cms__band--cols\!loyalty li,
.cms__band--video\!loyalty h3,
.cms__band--video\!loyalty h4,
.cms__band--video\!loyalty h5,
.cms__band--video\!loyalty h6,
.cms__band--video\!loyalty p,
.cms__band--video\!loyalty a,
.cms__band--video\!loyalty li,
.cms__band--image\!loyalty h3,
.cms__band--image\!loyalty h4,
.cms__band--image\!loyalty h5,
.cms__band--image\!loyalty h6,
.cms__band--image\!loyalty p,
.cms__band--image\!loyalty a,
.cms__band--image\!loyalty li,
.cms__band--box\!loyalty h3,
.cms__band--box\!loyalty h4,
.cms__band--box\!loyalty h5,
.cms__band--box\!loyalty h6,
.cms__band--box\!loyalty p,
.cms__band--box\!loyalty a,
.cms__band--box\!loyalty li,
.cms__module--supergraphic\!loyalty h3,
.cms__module--supergraphic\!loyalty h4,
.cms__module--supergraphic\!loyalty h5,
.cms__module--supergraphic\!loyalty h6,
.cms__module--supergraphic\!loyalty p,
.cms__module--supergraphic\!loyalty a,
.cms__module--supergraphic\!loyalty li {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 1.5;
}
.cms__band--cols\!loyalty h3,
.cms__band--cols\!loyalty h4,
.cms__band--cols\!loyalty h5,
.cms__band--cols\!loyalty h6,
.cms__band--video\!loyalty h3,
.cms__band--video\!loyalty h4,
.cms__band--video\!loyalty h5,
.cms__band--video\!loyalty h6,
.cms__band--image\!loyalty h3,
.cms__band--image\!loyalty h4,
.cms__band--image\!loyalty h5,
.cms__band--image\!loyalty h6,
.cms__band--box\!loyalty h3,
.cms__band--box\!loyalty h4,
.cms__band--box\!loyalty h5,
.cms__band--box\!loyalty h6,
.cms__module--supergraphic\!loyalty h3,
.cms__module--supergraphic\!loyalty h4,
.cms__module--supergraphic\!loyalty h5,
.cms__module--supergraphic\!loyalty h6 {
  margin: 0 0 32px;
}
.cms__band--cols\!loyalty strong,
.cms__band--video\!loyalty strong,
.cms__band--image\!loyalty strong,
.cms__band--box\!loyalty strong,
.cms__module--supergraphic\!loyalty strong {
  font-family: "BoschSans-Medium", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
}
.cms__band--cols\!loyalty p,
.cms__band--cols\!loyalty a,
.cms__band--cols\!loyalty li,
.cms__band--video\!loyalty p,
.cms__band--video\!loyalty a,
.cms__band--video\!loyalty li,
.cms__band--image\!loyalty p,
.cms__band--image\!loyalty a,
.cms__band--image\!loyalty li,
.cms__band--box\!loyalty p,
.cms__band--box\!loyalty a,
.cms__band--box\!loyalty li,
.cms__module--supergraphic\!loyalty p,
.cms__module--supergraphic\!loyalty a,
.cms__module--supergraphic\!loyalty li {
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 20px;
}
.cms__band--cols\!loyalty p, .cms__band--cols\!loyalty li,
.cms__band--video\!loyalty p,
.cms__band--video\!loyalty li,
.cms__band--image\!loyalty p,
.cms__band--image\!loyalty li,
.cms__band--box\!loyalty p,
.cms__band--box\!loyalty li,
.cms__module--supergraphic\!loyalty p,
.cms__module--supergraphic\!loyalty li {
  color: #000000;
}
.cms__band--cols\!loyalty a:not(.a-button),
.cms__band--video\!loyalty a:not(.a-button),
.cms__band--image\!loyalty a:not(.a-button),
.cms__band--box\!loyalty a:not(.a-button),
.cms__module--supergraphic\!loyalty a:not(.a-button) {
  color: #000000;
}
.cms__band--cols\!loyalty .box,
.cms__band--video\!loyalty .box,
.cms__band--image\!loyalty .box,
.cms__band--box\!loyalty .box,
.cms__module--supergraphic\!loyalty .box {
  padding: 30px;
  box-shadow: none;
  border: 1px solid #BFC0C2;
}
.cms__band--cols\!loyalty .box p,
.cms__band--video\!loyalty .box p,
.cms__band--image\!loyalty .box p,
.cms__band--box\!loyalty .box p,
.cms__module--supergraphic\!loyalty .box p {
  font-size: 15px;
}
.cms__band--cols\!loyalty .btn-row,
.cms__band--video\!loyalty .btn-row,
.cms__band--image\!loyalty .btn-row,
.cms__band--box\!loyalty .btn-row,
.cms__module--supergraphic\!loyalty .btn-row {
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
}
.cms__band--cols\!loyalty .btn-loyalty,
.cms__band--video\!loyalty .btn-loyalty,
.cms__band--image\!loyalty .btn-loyalty,
.cms__band--box\!loyalty .btn-loyalty,
.cms__module--supergraphic\!loyalty .btn-loyalty {
  margin-bottom: 0;
}
.cms__band--cols\!loyalty .btn-loyalty:hover, .cms__band--cols\!loyalty .btn-loyalty:focus,
.cms__band--video\!loyalty .btn-loyalty:hover,
.cms__band--video\!loyalty .btn-loyalty:focus,
.cms__band--image\!loyalty .btn-loyalty:hover,
.cms__band--image\!loyalty .btn-loyalty:focus,
.cms__band--box\!loyalty .btn-loyalty:hover,
.cms__band--box\!loyalty .btn-loyalty:focus,
.cms__module--supergraphic\!loyalty .btn-loyalty:hover,
.cms__module--supergraphic\!loyalty .btn-loyalty:focus {
  color: #FFFFFF;
}

.cms__module--supergraphic\!loyalty {
  position: relative;
}

.cms__images--double\!loyalty.band {
  padding: 40px 0 !important;
}
.cms__images--double\!loyalty .band-body {
  max-width: 1371px;
  width: 100%;
}
.cms__images--double\!loyalty .grid {
  width: 100%;
  justify-content: space-between;
  overflow: hidden;
}
.cms__images--double\!loyalty .grid-col {
  position: inherit;
  z-index: 1;
  padding: 0 16px;
}
.cms__images--double\!loyalty .grid-col .grid-col {
  max-width: 250px;
  margin-right: 40px;
  padding: 217px 16px 202px !important;
}
.cms__images--double\!loyalty .grey-bg {
  background: #D3D3D3;
  position: relative;
}
.cms__images--double\!loyalty .box {
  margin: 0 8px;
}
.cms__images--double\!loyalty .img-responsive {
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  width: auto;
  z-index: 0;
  max-height: initial !important;
}
.cms__images--double\!loyalty h3 {
  font-family: "BoschSans-Medium", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.5;
  margin-top: 0;
  color: #000000;
}
.cms__images--double\!loyalty p {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 24px;
  font-size: 14px;
  color: #000000;
}

.cms__module--ctas\!loyalty .img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.cms__module--ctas\!loyalty a {
  text-decoration: none;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 24px;
  font-size: 14px;
  color: #000000;
}

.guarantee__screen--installations\!loyalty .band-title.text-center,
.guarantee__screen--product\!loyalty .band-title.text-center {
  text-align: left !important;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 28px;
  line-height: 40px;
  font-weight: 300;
  margin-bottom: 20px;
}

.guarantee__screen--installations\!loyalty + div > .box {
  backdrop-filter: blur(5px);
  z-index: 9999;
}
.guarantee__screen--installations\!loyalty + div > .box .btn {
  display: block;
  margin-left: auto;
  cursor: pointer;
}
.guarantee__screen--installations\!loyalty + div > .box h2 {
  font-weight: 300;
}
.guarantee__screen--installations\!loyalty + div > .box p {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 15px;
  font-weight: 300;
  color: #000000;
  line-height: 24px;
}

.guarantee__band--loyalty {
  width: 100% !important;
  max-width: 1364px !important;
}
.guarantee__band--loyalty .modal-backdrop {
  background: rgba(255, 255, 255, 0.9);
}
.guarantee__band--loyalty a {
  color: #005691;
  text-decoration: none;
}
.guarantee__band--loyalty a:focus, .guarantee__band--loyalty a:hover {
  text-decoration: underline;
}
.guarantee__band--loyalty .modal {
  backdrop-filter: blur(5px);
  z-index: 9999;
  display: none;
}
.guarantee__band--loyalty .modal .modal-content {
  max-height: 80vh;
  overflow-x: hidden;
  overflow-y: auto;
  margin-bottom: 0;
  box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.5);
}
.guarantee__band--loyalty .modal .modal-header {
  padding: 40px 40px 0;
}
.guarantee__band--loyalty .modal .modal-body {
  padding: 0 40px;
}
.guarantee__band--loyalty .modal .modal-body p {
  padding-top: 34px;
  margin: 0;
}
.guarantee__band--loyalty .modal .modal-footer {
  width: 100%;
  margin: 0;
  display: flex;
  padding: 40px 0;
  background: #FFFFFF;
}
.guarantee__band--loyalty .modal .modal-footer.band-grey {
  border-top: 0;
  padding: 40px;
  background-color: transparent !important;
}
.guarantee__band--loyalty .modal .grid-col {
  width: 100%;
}
.guarantee__band--loyalty .modal .btn {
  display: block;
  margin-left: auto;
  cursor: pointer;
}
.guarantee__band--loyalty .modal h3, .guarantee__band--loyalty .modal h2 {
  font-weight: 300;
}
.guarantee__band--loyalty .modal p, .guarantee__band--loyalty .modal td, .guarantee__band--loyalty .modal th {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 15px;
  font-weight: 300;
  color: #000000;
  line-height: 24px;
}
.guarantee__band--loyalty .modal th {
  font-family: "BoschSans-Medium", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.guarantee__band--loyalty .alert.alert-danger {
  margin: 0 auto 40px;
}
.guarantee__band--loyalty .alert.alert-danger .icon.icon-info-circle, .guarantee__band--loyalty .alert.alert-danger ul.tick li.icon-info-circle:before, ul.tick .guarantee__band--loyalty .alert.alert-danger li.icon-info-circle:before {
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20fill%3D%22%23008ECF%22%20d%3D%22M15%200C6.731%200%200%206.731%200%2015s6.731%2015%2015%2015%2015-6.731%2015-15S23.269%200%2015%200zm.975%2022.5h-1.95V12.075h1.969V22.5h-.019zM15%2010.162c-.731%200-1.331-.6-1.331-1.33%200-.732.6-1.332%201.331-1.332.75%200%201.331.581%201.331%201.331S15.75%2010.163%2015%2010.163z%22%2F%3E%3C%2Fsvg%3E");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  flex-shrink: 0;
  margin-right: 16px;
}
.guarantee__band--loyalty .radio-inline label {
  margin: 16px 0;
  display: block;
}
.guarantee__band--loyalty .radio-inline label input {
  margin-right: 8px;
}
.guarantee__band--loyalty [class*=DayPicker-Day] {
  height: 3em !important;
}
.guarantee__band--loyalty .DayPicker-NavButton.show {
  position: relative;
}
.guarantee__band--loyalty .DayPicker-NavButton.show .icon.icon-chevron-right, .guarantee__band--loyalty .DayPicker-NavButton.show ul.tick li.icon-chevron-right:before, ul.tick .guarantee__band--loyalty .DayPicker-NavButton.show li.icon-chevron-right:before,
.guarantee__band--loyalty .DayPicker-NavButton.show .icon.icon-chevron-left,
.guarantee__band--loyalty .DayPicker-NavButton.show ul.tick li.icon-chevron-left:before,
ul.tick .guarantee__band--loyalty .DayPicker-NavButton.show li.icon-chevron-left:before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2220%22%20viewBox%3D%220%200%2011%2020%22%3E%3Cpath%20fill%3D%22%23007DB8%22%20d%3D%22M292.899%2074L292%2073.108%20301.169%2064%20292%2054.892%20292.899%2054%20303%2064z%22%20transform%3D%22translate(-292%20-54)%22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-size: 10px;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 100%;
  width: 100%;
}
.guarantee__band--loyalty .DayPicker-NavButton.show .icon.icon-chevron-left, .guarantee__band--loyalty .DayPicker-NavButton.show ul.tick li.icon-chevron-left:before, ul.tick .guarantee__band--loyalty .DayPicker-NavButton.show li.icon-chevron-left:before {
  transform: rotate(180deg);
}
.guarantee__band--loyalty .hidden-md.hidden-lg.margin-top {
  display: none;
}
.guarantee__band--loyalty .container, .guarantee__band--loyalty .band-body {
  width: 100% !important;
  max-width: 1364px !important;
}
.guarantee__band--loyalty .start-screen .band-title {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 36px;
  font-weight: 300;
  line-height: 40px;
  margin-bottom: 40px;
  text-align: center !important;
}
.guarantee__band--loyalty .start-screen .box.box-flex.card {
  padding: 40px 20px;
}
.guarantee__band--loyalty .start-screen .grid .grid-col.flex-row-reverse .box.box-flex.card {
  background: #B90276;
  color: #FFFFFF;
  margin-left: auto;
}
.guarantee__band--loyalty .start-screen .grid .grid-col.flex-row-reverse .box.box-flex.card .asset-linear-background > img {
  height: 316%;
  margin: -25%;
}
.guarantee__band--loyalty .start-screen .grid .grid-col .box.box-flex.card {
  background: #50237F;
  color: #FFFFFF;
}
.guarantee__band--loyalty .start-screen .grid .grid-col .box.box-flex.card .asset-linear-background > img {
  height: 375%;
  margin: -27%;
}
.guarantee__band--loyalty .start-screen .circle-spinner {
  margin-bottom: 48px !important;
  height: 32px;
  width: 32px;
}
.guarantee__band--loyalty .start-screen .circle-spinner + p {
  color: #000000;
}
.guarantee__band--loyalty .start-screen .asset.asset-linear-background.wb-blue {
  background: transparent !important;
  border: none;
  height: 60px;
  margin: 0 0 40px;
  overflow: hidden;
}
.guarantee__band--loyalty .start-screen .box-title {
  color: #FFFFFF;
  min-height: auto !important;
  margin: 0 0 20px;
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 31px;
}
.guarantee__band--loyalty .start-screen .box-body {
  padding: 0 !important;
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}
.guarantee__band--loyalty .guarantee-router {
  position: relative;
  padding: 0 4px 138px;
}
.guarantee__band--loyalty .journey-bar + div > .box.margin-bottom {
  position: absolute;
  bottom: 2%;
  left: 0;
  right: 0;
  margin: auto !important;
  border: none;
  box-shadow: none;
  text-align: center !important;
  padding: 0;
}
.guarantee__band--loyalty .journey-bar + div > .box.margin-bottom .icon.icon-info-circle, .guarantee__band--loyalty .journey-bar + div > .box.margin-bottom ul.tick li.icon-info-circle:before, ul.tick .guarantee__band--loyalty .journey-bar + div > .box.margin-bottom li.icon-info-circle:before {
  display: none;
}
.guarantee__band--loyalty .react-day-picker {
  max-width: 446px;
}
.guarantee__band--loyalty .react-day-picker input,
.guarantee__band--loyalty .v2wb-input.capture-plus-input.form-field,
.guarantee__band--loyalty [class*=form-control][type=text],
.guarantee__band--loyalty [class*=form-control][type=number],
.guarantee__band--loyalty select[class*=form-control] {
  height: auto;
  border: none;
  border-bottom: 1px solid #BFC0C2;
  width: 100%;
  opacity: 0.5;
  display: block;
  padding: 16px 10px 13px;
  font-size: 16px;
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  box-shadow: none;
  background: rgba(0, 0, 0, 0.005);
}
.guarantee__band--loyalty .react-day-picker input:focus, .guarantee__band--loyalty .react-day-picker input:valid,
.guarantee__band--loyalty .v2wb-input.capture-plus-input.form-field:focus,
.guarantee__band--loyalty .v2wb-input.capture-plus-input.form-field:valid,
.guarantee__band--loyalty [class*=form-control][type=text]:focus,
.guarantee__band--loyalty [class*=form-control][type=text]:valid,
.guarantee__band--loyalty [class*=form-control][type=number]:focus,
.guarantee__band--loyalty [class*=form-control][type=number]:valid,
.guarantee__band--loyalty select[class*=form-control]:focus,
.guarantee__band--loyalty select[class*=form-control]:valid {
  opacity: 1;
  outline: none;
}
.guarantee__band--loyalty input[type=checkbox] {
  float: none;
  margin: 0 8px 0 0;
  vertical-align: middle;
}
.guarantee__band--loyalty .form-group {
  margin-bottom: 25px;
}
.guarantee__band--loyalty [class*=form-group][class*=has-error],
.guarantee__band--loyalty [class*="grid grid-three-col"][class*=has-error],
.guarantee__band--loyalty [class*=input-group-multi][class*=has-error],
.guarantee__band--loyalty [class*=has-error][class*=has-error] {
  border-bottom-color: #EA0016;
}
.guarantee__band--loyalty [class*=form-group][class*=has-error] .help-block,
.guarantee__band--loyalty [class*="grid grid-three-col"][class*=has-error] .help-block,
.guarantee__band--loyalty [class*=input-group-multi][class*=has-error] .help-block,
.guarantee__band--loyalty [class*=has-error][class*=has-error] .help-block {
  color: #EA0016;
  padding: 10px 0;
  display: block;
}
.guarantee__band--loyalty [class*=capture-plus-results] {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid #BFC0C2;
}
.guarantee__band--loyalty [class*=capture-plus-results] li {
  padding: 13px 20px;
  font-size: 14px;
  line-height: 20px;
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  border-bottom: 1px solid #BFC0C2;
  color: #000000;
  cursor: pointer;
}
.guarantee__band--loyalty [class*=capture-plus-results] li:hover {
  background: #7FC6E7;
  color: #FFFFFF;
}
.guarantee__band--loyalty [class*=capture-plus-results] li:last-child {
  border-bottom: none;
}
.guarantee__band--loyalty [class*=capture-plus-results] li strong {
  font-weight: 300 !important;
}
.guarantee__band--loyalty h3.required-field {
  display: none;
}
.guarantee__band--loyalty .is-required label:after {
  color: #000000;
  content: " *";
}
.guarantee__band--loyalty [class*=control-label] {
  font-family: "BoschSans-Medium", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 16px;
  margin: 40px 0 0px;
  color: #000000;
  display: block;
}
.guarantee__band--loyalty [class*="capture-plus-container form-group"] {
  margin: 34px 0 25px;
}
.guarantee__band--loyalty [class*="capture-plus-container form-group"]:before {
  content: "Installation Address *";
  font-family: "BoschSans-Medium", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  margin: 18px 0 0;
  color: #000000;
}
.guarantee__band--loyalty [class="capture-plus-container form-group"] + a {
  color: #008ECF;
  margin-top: 20px;
  font-size: 14px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 18px;
  display: block;
  cursor: pointer;
}
.guarantee__band--loyalty [class="capture-plus-container form-group"] + a:hover, .guarantee__band--loyalty [class="capture-plus-container form-group"] + a:focus {
  text-decoration: underline;
}
.guarantee__band--loyalty .checkbox.checkbox-inline {
  padding: 0;
  margin: 0 !important;
}
.guarantee__band--loyalty .checkbox.checkbox-inline > label {
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 15px;
}
.guarantee__band--loyalty .guarantee__text--required {
  font-style: normal !important;
  font-size: 12px;
  font-weight: 300;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #111111;
  margin: 40px 0 20px;
}
.guarantee__band--loyalty .tool-footer .btn {
  margin: 8px;
}
.guarantee__band--loyalty .journey-bar + .band-title.text-center + div.text-center > p {
  text-align: left;
  line-height: 20px;
  font-size: 14px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  margin: 0;
}
.guarantee__band--loyalty .alert.alert-info {
  width: 100%;
  max-width: none;
  display: flex;
  margin: 40px 0;
  color: #000000;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 15px;
  line-height: 16px;
  border: 1px solid #BFC0C2;
  background: #FFFFFF;
  box-shadow: none;
  padding: 34px 24px;
}
.guarantee__band--loyalty .alert.alert-info .icon-info-circle {
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20fill%3D%22%23008ECF%22%20d%3D%22M15%200C6.731%200%200%206.731%200%2015s6.731%2015%2015%2015%2015-6.731%2015-15S23.269%200%2015%200zm.975%2022.5h-1.95V12.075h1.969V22.5h-.019zM15%2010.162c-.731%200-1.331-.6-1.331-1.33%200-.732.6-1.332%201.331-1.332.75%200%201.331.581%201.331%201.331S15.75%2010.163%2015%2010.163z%22%2F%3E%3C%2Fsvg%3E");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  flex-shrink: 0;
  margin-right: 16px;
}
.guarantee__band--loyalty .alert.alert-info .icon-info-circle:before {
  display: none;
}
.guarantee__band--loyalty .alert.alert-info .icon-warning {
  width: 30px;
  height: 30px;
  background-image: url("/img/warning.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  flex-shrink: 0;
  margin-right: 16px;
}
.guarantee__band--loyalty .guarantee__table--overflow\!loyalty {
  overflow-x: scroll;
  overflow-y: auto;
}
.guarantee__band--loyalty .table {
  border-spacing: 0;
  border-collapse: collapse;
}
.guarantee__band--loyalty .table .form-group.margin-bottom-none {
  margin-bottom: 5px !important;
}
.guarantee__band--loyalty .table select[class*=form-control] {
  padding-top: 12px;
}
.guarantee__band--loyalty .table th {
  font-family: "BoschSans-Medium", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #000000;
  line-height: 28px;
  border-bottom: 3px solid #D8D8D8;
}
.guarantee__band--loyalty .table tbody {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #000000;
}
.guarantee__band--loyalty .table tbody tr {
  border-top: none;
}
.guarantee__band--loyalty .table tbody tr:nth-child(even) td {
  background: #FFFFFF !important;
}
.guarantee__band--loyalty .table tbody td {
  padding: 20px 8px;
}
.guarantee__band--loyalty .table [data-target="#modalSerialNumberHelp"] {
  color: #008ECF;
}
.guarantee__band--loyalty .table [data-target="#modalSerialNumberHelp"] .icon, .guarantee__band--loyalty .table [data-target="#modalSerialNumberHelp"] ul.tick li:before, ul.tick .guarantee__band--loyalty .table [data-target="#modalSerialNumberHelp"] li:before {
  display: none;
}
.guarantee__band--loyalty .table a {
  padding: 0 !important;
  text-decoration: none;
  cursor: pointer;
}
.guarantee__band--loyalty .table .btn-loader {
  min-width: 93px;
  margin-bottom: 12px;
  text-align: center;
}
.guarantee__band--loyalty .table .icon.icon-trash-o, .guarantee__band--loyalty .table ul.tick li.icon-trash-o:before, ul.tick .guarantee__band--loyalty .table li.icon-trash-o:before {
  display: block;
  line-height: 1;
  padding: 16px 0 !important;
  font-style: normal;
}
.guarantee__band--loyalty .table .icon.icon-trash-o:before, .guarantee__band--loyalty .table ul.tick li.icon-trash-o:before, ul.tick .guarantee__band--loyalty .table li.icon-trash-o:before {
  content: "Remove";
}
.guarantee__band--loyalty .table .start-screen .band-title.text-center {
  text-align: center !important;
}
.guarantee__band--loyalty .btn.btn-default .icon.icon-plus-circle, .guarantee__band--loyalty .btn.btn-default ul.tick li.icon-plus-circle:before, ul.tick .guarantee__band--loyalty .btn.btn-default li.icon-plus-circle:before {
  display: none;
}
.guarantee__band--loyalty .form-group.checkbox.checkbox-block {
  background-color: #FFFFFF !important;
  padding: 39px 3px 40px 40px !important;
  box-shadow: none !important;
  border: 1px solid #BFC0C2;
}
.guarantee__band--loyalty .form-group.checkbox.checkbox-block label {
  font-size: 28px !important;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 40px;
  color: #000000;
  display: block;
}
.guarantee__band--loyalty .form-group.checkbox.checkbox-block span {
  font-size: 14px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 2.8;
}
.guarantee__band--loyalty .form-group.checkbox.checkbox-block .icon.icon-check, .guarantee__band--loyalty .form-group.checkbox.checkbox-block ul.tick li.icon, ul.tick .guarantee__band--loyalty .form-group.checkbox.checkbox-block li.icon, .guarantee__band--loyalty .form-group.checkbox.checkbox-block ul.tick li:before, ul.tick .guarantee__band--loyalty .form-group.checkbox.checkbox-block li:before {
  background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20192%20192%22%20enable-background%3D%22new%200%200%20192%20192%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%20id%3D%22Icon_x5F_contour%22%3E%3Cg%3E%3Cpolygon%20points%3D%2276,141.7%2033.2,98.8%2038.8,93.2%2076,130.3%20153.2,53.2%20158.8,58.8%20%22%20stoke-width%3D%229%22%20fill%3D%22%23005691%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: center;
  background-size: 16px;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
}

.guarantees__tables--details\!loyalty h3 {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  font-size: 20px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  padding: 0 0 22px;
  border-bottom: 3px solid #BFC0C2;
  margin: 0 !important;
}
.guarantees__tables--details\!loyalty h3 .btn.btn-default {
  padding: 0;
  margin: 0 !important;
  border: none;
  font-size: 16px;
}
.guarantees__tables--details\!loyalty h3 .btn.btn-default .icon, .guarantees__tables--details\!loyalty h3 .btn.btn-default ul.tick li:before, ul.tick .guarantees__tables--details\!loyalty h3 .btn.btn-default li:before {
  display: none;
}
.guarantees__tables--details\!loyalty .table {
  margin-bottom: 80px;
}
.guarantees__tables--details\!loyalty .table tr {
  display: flex;
  border-bottom: 1px solid #BFC0C2;
  margin: 0;
}
.guarantees__tables--details\!loyalty .table tr td {
  background-color: #FFFFFF !important;
  padding: 20px 0;
  line-height: 28px;
  border-top: none;
}
.guarantees__tables--details\!loyalty .table tr td:first-child {
  max-width: 300px;
}
.guarantees__tables--details\!loyalty .table tr strong {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
}

.guarantee__screen--completed\!loyalty .band-title {
  text-align: center !important;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 36px;
  font-weight: 300;
  line-height: 40px;
  margin-bottom: 40px;
}
.guarantee__screen--completed\!loyalty .band-title + div:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22109%22%20height%3D%22128%22%20viewBox%3D%220%200%20109%20128%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22prefix__a%22%20x1%3D%220%%22%20x2%3D%22100%%22%20y1%3D%2250%%22%20y2%3D%2250%%22%3E%3Cstop%20offset%3D%220%%22%20stop-color%3D%22%2300864f%22%2F%3E%3Cstop%20offset%3D%22100%%22%20stop-color%3D%22%2362b34f%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23prefix__a)%22%20fill-rule%3D%22nonzero%22%20d%3D%22M83.247%2076.56c-14.164%200-25.752%2011.575-25.752%2025.72%200%2014.146%2011.588%2025.72%2025.752%2025.72S109%20116.426%20109%20102.28c0-14.145-11.589-25.72-25.753-25.72zm0%2045.01c-10.623%200-19.314-8.68-19.314-19.29%200-10.609%208.691-19.29%2019.314-19.29s19.315%208.681%2019.315%2019.29c0%2010.61-8.692%2019.29-19.315%2019.29zM13.176%2047.85H64.68v5.982H13.176V47.85zm0-15.55H64.68v5.98H13.176V32.3zm0%2032.298h32.34v5.981h-32.34V64.6zm67.433%2038.945L76.4%2099.558l-4.532%204.375%208.74%208.516%2015.216-14.766-4.532-4.375-10.683%2010.235zM57.75%20121.6H6.417V6.4h77.001v64c2.166%200%204.332.24%206.417.64V0H0v128h64.168c-2.406-1.84-4.572-4-6.417-6.4z%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin: auto;
  width: 111px;
  height: 130px;
  display: block;
  margin-bottom: 40px;
}
.guarantee__screen--completed\!loyalty div.text-center svg {
  display: none;
}
.guarantee__screen--completed\!loyalty p,
.guarantee__screen--completed\!loyalty strong {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 40px;
  margin-bottom: 27px;
}

.news__page--loyalty .meta {
  margin-bottom: 20px;
}
.news__page--loyalty h2 {
  font-size: 36px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 40px;
  margin-bottom: 40px;
  color: #000000;
  margin-top: 0;
}
.news__page--loyalty h3,
.news__page--loyalty h4,
.news__page--loyalty h5,
.news__page--loyalty h6,
.news__page--loyalty p,
.news__page--loyalty a,
.news__page--loyalty li {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 1.5;
  margin: 0 0 20px;
}
.news__page--loyalty h3,
.news__page--loyalty h4,
.news__page--loyalty h5,
.news__page--loyalty h6 {
  margin: 0 0 32px;
}
.news__page--loyalty strong {
  font-family: "BoschSans-Medium", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
}
.news__page--loyalty p,
.news__page--loyalty a,
.news__page--loyalty li {
  font-size: 15px;
  line-height: 20px;
  color: #000000;
  margin: 0 0 20px;
}
.news__page--loyalty p {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
}
.news__page--loyalty a {
  color: #005691;
}
.news__page--loyalty img {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
}

.news__cta .band.band-offblue h2,
.news__cta .band.band-offblue p {
  color: #FFFFFF;
}
.news__cta .band.band-offblue .btn.btn-success {
  background: #78BE20;
}

.onboarding__modal--container\!loyalty .modal-backdrop {
  background-color: rgba(255, 255, 255, 0.9);
}
.onboarding__modal--container\!loyalty .modal {
  z-index: 1041;
  backdrop-filter: blur(5px);
}
.onboarding__modal--container\!loyalty .modal:before {
  display: none;
}
.onboarding__modal--container\!loyalty .modal-dialog.modal-dialog-wide {
  display: block;
}

.onboarding__modal--container\!hhic .modal-dialog {
  width: 820px;
}

.pca__input {
  height: auto;
  border: none;
  border-bottom: 1px solid #BFC0C2;
  width: 100%;
  opacity: 0.5;
  background: none;
  display: block;
  padding: 16px 10px 13px;
  font-size: 16px;
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  box-shadow: none;
}
.pca__input:focus, .pca__input:valid {
  opacity: 1;
  outline: none;
}
.pca .pcalist {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid #BFC0C2;
  background: #FFFFFF;
}
.pca .pcaitem {
  padding: 13px 20px !important;
  font-size: 14px;
  line-height: 20px;
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  border-bottom: 1px solid #BFC0C2 !important;
  color: #000000;
  background: #FFFFFF;
  cursor: pointer;
}
.pca .pcaitem .pcadescription {
  color: #000000 !important;
}
.pca .pcaitem.pcaselected, .pca .pcaitem:hover {
  background: #7FC6E7;
  color: #FFFFFF;
}
.pca .pcaitem.pcaselected .pcadescription, .pca .pcaitem:hover .pcadescription {
  color: #FFFFFF !important;
}
.pca .pcaitem:last-child {
  border-bottom: none;
}
.pca .pcaitem strong {
  font-weight: 300 !important;
}
.pca .pcaitem.pcaexpandable {
  background-image: none !important;
}

.consumer-register__row--two, .consumer-register__row--three {
  display: flex;
  flex-wrap: wrap;
}
.consumer-register__row--two .input__control.input--opacity, .consumer-register__row--three .input__control.input--opacity {
  opacity: 1;
}
.consumer-register__row--two .input__control.input--opacity .input__container--radio .input__control, .consumer-register__row--three .input__control.input--opacity .input__container--radio .input__control {
  opacity: 0;
}

.input__container--address .capture-plus-container input[type=text] {
  border: none;
  padding: 16px 10px 13px;
  outline: none;
}

.phase-two {
  padding: 30px;
}
.phase-two .consumer-data .consumer-register__row--two {
  margin: 0;
}
.phase-two .container__verify-reg {
  display: flex;
  align-items: flex-start;
}
.phase-two .container__verify-reg .exclamation-triangle {
  height: auto;
  width: 40px;
  margin-right: 20px;
  filter: invert(79%) sepia(24%) saturate(5013%) hue-rotate(348deg) brightness(104%) contrast(98%);
}
.phase-two .verify-reg__phone {
  font-size: 18px;
}
.phase-two .verify-reg__phone img {
  height: 18px;
}

.contact-us__row--two, .contact-us__row--three {
  display: flex;
  flex-wrap: wrap;
}
.contact-us__row--two .input__control.input--opacity, .contact-us__row--three .input__control.input--opacity {
  opacity: 1;
}
.contact-us__row--two .input__control.input--opacity .input__container--radio .input__control, .contact-us__row--three .input__control.input--opacity .input__container--radio .input__control {
  opacity: 0;
}
.contact-us textarea.form__control {
  margin-top: 15px;
  resize: none;
}
.contact-us .input__container--address .capture-plus-container input[type=text] {
  border: none;
  padding: 16px 10px 13px;
  outline: none;
}
.contact-us .hidden-form-element {
  display: none;
}

.info-block-white {
  background-color: #FFFFFF;
}

.grid__col--newsArticle .category {
  text-decoration: none;
  font-size: 0.8em;
  color: #007DB8;
}

.band__body .grid__wai--news {
  padding: 0;
}

.link {
  color: #005691;
  text-decoration: none;
}
.link:hover {
  text-decoration: underline;
  cursor: pointer;
}

.table__checkout--order .table__col--product {
  flex-shrink: 1;
}

.grid__shop--checkout .input__control {
  padding-left: 0;
}

.grid__guarantees--registrations .dial__overview--wrap {
  justify-content: center;
  margin-top: 0;
}

.grid__guarantees--registrations .dial__overview--cta {
  margin-top: 0;
}

button.icon__delete {
  cursor: pointer;
}

.screen-reader-text {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
}

.container-wrap {
  margin: auto;
  padding-left: 16px;
  padding-right: 16px;
}
.container-wrap > :first-child {
  margin-top: 0;
}
.container-wrap > :last-child {
  margin-bottom: 0;
}

.sect {
  padding-top: 40px;
  padding-bottom: 40px;
}
.sect--gray-100 {
  background: #F7F7F7;
}
.sect--pb0 {
  padding-bottom: 0;
}

.heading {
  margin: 0 0 0.67em;
  font-weight: 300;
}
.heading--jumbo {
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 28px;
  letter-spacing: -0.01em;
}
.heading--h1 {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 28px;
  line-height: 40px;
}
.heading--h2 {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 28px;
  line-height: 1.14;
}
.heading--h2-sm {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 24px;
  line-height: 1.14;
}
.heading--h3 {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  line-height: 1.2;
}
.heading--flex {
  display: flex;
  align-items: center;
}

.text--p {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  margin: 0 0 1em;
}
.text--p400 {
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5;
  margin: 0 0 1em;
}
.text--sm {
  font-size: 14px;
}
.text--md {
  font-size: 18px;
}
.text--md\+ {
  font-size: 20px;
}
.text--lg {
  font-size: 32px;
}
.text--center {
  text-align: center;
}
.text--right {
  text-align: right;
}
.text--semibold {
  font-family: "BoschSans-Medium", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
}

.link {
  text-decoration: none;
  color: #005691;
}
.link:hover {
  text-decoration: underline;
}
.link--blue-teal {
  color: #007DB8;
}
.link--underline {
  text-decoration: underline;
}
.link--underline:hover {
  text-decoration: none;
}
.link--withicon {
  display: inline-flex;
  align-items: center;
}
.link--withicon img {
  margin-right: 5px;
}

button.link {
  background: transparent;
  border: none;
}

.matrix {
  display: flex;
  flex: 0 1 auto;
  flex-flow: column;
  width: 100%;
  margin: auto;
}
.matrix__cell {
  flex: 0 1 auto;
}
.matrix__cell > :first-child {
  margin-top: 0;
}
.matrix__cell > :last-child {
  margin-bottom: 0;
}
.matrix__cell--ov {
  overflow: visible;
}
.matrix--1\+1 .matrix__cell {
  flex: 0 0 100%;
  max-width: 100%;
}
.matrix--1\+1 .matrix__cell + .matrix__cell {
  margin-top: 32px;
}
.matrix--2\+1 .matrix__cell + .matrix__cell {
  margin-top: 32px;
}
.matrix--2\+1-biggap .matrix__cell + .matrix__cell {
  margin-top: 32px;
}
.matrix--4x4 .matrix__cell + .matrix__cell {
  margin-top: 32px;
}
.matrix--listing {
  display: inline-flex;
  flex: 0 1 auto;
}
.matrix--listing > * {
  flex: 0 0 186px;
  min-height: 186px;
}
.matrix--listing > * + * {
  margin-left: 40px;
}
.matrix--appointment {
  max-width: 896px;
  margin: 32px auto 0;
}
.matrix--appointment .matrix__cell + .matrix__cell {
  margin-top: 32px;
}
.matrix--confirmation .matrix__cell + .matrix__cell {
  margin-top: 32px;
}

.frame {
  display: block;
  padding: 20px;
  border: 1px solid #BFC0C2;
}
.frame__cta {
  margin-top: 20px;
}
.frame__cover {
  margin: -20px -20px 20px;
  position: relative;
  padding-top: 70%;
}
.frame__cover img,
.frame__cover figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.frame--dimmed {
  opacity: 0.5;
}
.frame--dimmed:hover, .frame--dimmed.is-active {
  opacity: 1;
}
.frame--opaque {
  opacity: 1;
}
.frame--shadow {
  border: 0;
  background: #FFF;
  box-shadow: 0 2px 25px -10px rgba(0, 0, 0, 0.25);
  color: inherit;
  text-decoration: none;
  transition: opacity 0.1s ease-in-out;
}
.frame--shadow img,
.frame--shadow picture,
.frame--shadow figure,
.frame--shadow svg {
  max-width: 100%;
  max-height: 100%;
}
.frame__icon {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
}
.frame--no-brdr {
  border: 0;
}
.frame--is-clickable {
  cursor: pointer;
}
.frame--is-clickable:hover {
  opacity: 1;
  box-shadow: 0 2px 25px rgba(0, 0, 0, 0.25);
}
.frame--bg-white {
  background: #FFFFFF;
  color: #000000;
}
.frame--bg-bluegrad {
  max-width: 1168px;
  margin: auto;
  background-image: linear-gradient(90deg, #005691 0%, #008ECF 100%);
  color: #FFFFFF;
  border: 0;
}
.frame--formcontainer {
  padding: 0;
  border: 0;
  margin: 30px auto 0;
}
.frame--appointment {
  background: #F7F7F7;
  border: 0;
  display: flex;
  flex-flow: column wrap;
}
.frame--appointment > * + * {
  margin-top: 20px;
}
.frame--appointment + .frame--appointment {
  margin-top: 24px;
}

.list-divided {
  margin: 0;
  padding: 0;
  list-style: none;
}
.list-divided > li {
  margin: 0;
  padding: 20px 0;
  list-style: none;
  border-bottom: 1px solid rgba(68, 68, 68, 0.25);
}
.faq-large .list-divided > li {
  padding: 28px 0;
}
.list-divided > li:first-child {
  padding-top: 0;
}

.form__control::-ms-expand {
  display: none;
}

.form {
  margin: 0 0 1rem;
}
.form__group {
  position: relative;
  margin-top: 30px;
}
.form__group--alignright {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
}
.form__group--alignright > * + * {
  margin-bottom: 24px;
}
.form__group.has-error .form__control {
  border-color: #EA0016;
}
.form__group.has-error .input__validation,
.form__group.has-error .form__feedback {
  color: #EA0016;
}
.form__control {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #BFC0C2;
  display: block;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  padding: 14px 10px;
  width: 100%;
}
.form__control:focus {
  outline: none;
  border-color: #008ECF;
}
select.form__control {
  padding-right: 40px;
  background: transparent url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219%22%20height%3D%2210%22%20viewBox%3D%220%200%2019%2010%22%3E%3Cpolygon%20fill%3D%22%23000000%22%20points%3D%229.5%2010%200%20.679%20.692%200%209.5%208.642%2018.308%200%2019%20.679%22%2F%3E%3C%2Fsvg%3E") calc(100% - 12px) 50% no-repeat;
}

textarea.form__control {
  resize: vertical;
}

.form__label {
  font-family: "BoschSans-Medium", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  display: block;
  padding-left: 10px;
  margin-bottom: 2px;
}
.form__label--left {
  padding-left: 0;
}
.form__label--checkbox, .form__label--radio {
  display: inline-block;
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  margin: 20px 30px 0 0;
  padding: 0;
  cursor: pointer;
}
.form__label--checkbox input, .form__label--radio input {
  display: none;
}
.form__label--checkbox span, .form__label--radio span {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  line-height: 20px;
}
.form__label--checkbox span::before, .form__label--radio span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background: #BFC0C2;
}
.form__label--checkbox span:hover::before, .form__label--radio span:hover::before {
  background: #7FC6E7;
}
.form__label--checkbox span:focus::before, .form__label--checkbox span:active::before, .form__label--radio span:focus::before, .form__label--radio span:active::before {
  background: #008ECF;
}
.form__label--checkbox span::before {
  width: 24px;
  height: 24px;
  top: -2px;
}
.form__label--radio span::before {
  border-radius: 50%;
}
.form__label--radio input:checked + span::before {
  background: #FFFFFF;
  border: 5px solid #005691;
}
.form__label--checkbox input:checked + span::before {
  background: #005691 url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2214%22%20viewBox%3D%220%200%2020%2014%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M.828%206.101l6.397%206.397%2012.001-12%20.673.674L7.172%2013.899.101%206.828z%22%2F%3E%3C%2Fsvg%3E") 50% 50% no-repeat;
}
.form__heading, .form__subheading {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: normal;
  margin: 30px 0 20px;
}
.form__heading--light, .form__subheading--light {
  color: #444444;
}
.form__subheading {
  font-size: 16px;
}
.form__hint {
  display: block;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 13px;
  line-height: 1.5;
  margin: 10px 0 0;
}
.form__dropzone {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: #F7F7F7;
  border: 2px dashed #BFC0C2;
  cursor: pointer;
  width: 100%;
}
.has-error .form__dropzone {
  border-color: #EA0016;
}
.form__dropzone:hover {
  background: #FFFFFF;
  border-color: #005691;
}
.form__dropzone__icon {
  width: 48px;
  height: 48px;
  margin-bottom: 10px;
  background: transparent url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%3E%3Cpath%20fill%3D%22%23007DB8%22%20d%3D%22M24%200c13.255%200%2024%2010.745%2024%2024S37.255%2048%2024%2048%200%2037.255%200%2024%2010.745%200%2024%200zm0%202C11.85%202%202%2011.85%202%2024s9.85%2022%2022%2022%2022-9.85%2022-22S36.15%202%2024%202zm12%2031v2H12v-2h24zM24%2012.586l6.914%206.914-1.414%201.414-4.5-4.5V28h-2V16.414l-4.5%204.5-1.414-1.414L24%2012.586z%22%2F%3E%3C%2Fsvg%3E") 50% 50% no-repeat;
}
.form__dropzone__title, .form__dropzone__info {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 16px;
  margin-top: 6px;
}
.form__dropzone__info {
  font-size: 13px;
}
.form__feedback {
  font-family: "BoschSans-Medium", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 12px;
  position: absolute;
  top: 100%;
  left: 0;
  padding: 5px 10px 0;
}

.accordion__toggle {
  position: relative;
  padding-right: 56px;
  cursor: pointer;
}
.accordion__toggle::before {
  content: "";
  width: 48px;
  height: 48px;
  background: transparent url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpolygon%20fill%3D%22%23005691%22%20fill-rule%3D%22evenodd%22%20points%3D%2225%207%2025%2021.999%2040%2022%2040%2024%2025%2023.999%2025%2039%2023%2039%2023%2023.999%208%2024%208%2022%2023%2021.999%2023%207%22%2F%3E%3C%2Fsvg%3E") 100% 50% no-repeat;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -24px;
  cursor: pointer;
}
.is-visible .accordion__toggle::before {
  background: transparent url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%3E%3Crect%20width%3D%2232%22%20height%3D%222%22%20x%3D%228%22%20y%3D%2222%22%20fill%3D%22%23005691%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") 100% 50% no-repeat;
}
.accordion__content {
  display: none;
  padding-top: 20px;
}
.is-visible .accordion__content {
  display: block;
}

.dvdr {
  margin: 20px auto;
  height: 1px;
  background: #444444;
  border: 0;
}
.dvdr--op025 {
  opacity: 0.25;
}

.sideaction {
  display: flex;
  flex-direction: column;
}
.sideaction > * + * {
  margin-top: 20px;
}
.sideaction__grow {
  flex: 1;
}
.sideaction--iconleft {
  flex-direction: row;
  align-items: center;
}
.sideaction--iconleft + .sideaction--iconleft {
  margin-top: 30px;
}
.sideaction--iconleft > * + * {
  margin-top: 0;
}
.sideaction--iconleft img,
.sideaction--iconleft svg {
  margin-right: 20px;
}
.sideaction__text {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 14px;
  margin: 0;
}
.sideaction__info {
  font-family: "BoschSans-Regular", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 20px;
  margin: 0;
}
.sideaction--non-responsive {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.sideaction--non-responsive > * + * {
  margin-top: 0;
  margin-left: 20px;
}

.chat\+phone {
  display: flex;
  flex-flow: row wrap;
}
.chat\+phone a,
.chat\+phone p {
  display: flex;
  align-items: center;
  margin: auto 20px auto 0;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #005691;
  text-decoration: none;
  font-size: 20px;
  line-height: 25px;
}
.chat\+phone a:hover,
.chat\+phone p:hover {
  text-decoration: underline;
}
.chat\+phone img,
.chat\+phone svg {
  margin-right: 10px;
}

.mrg-reset > :first-child {
  margin-top: 0 !important;
}
.mrg-reset > :last-child {
  margin-bottom: 0 !important;
}

.display--block {
  display: block !important;
}
.display--ls\+ {
  display: none;
}
.display--ls- {
  display: inline-block;
}

.mrg--x0 {
  margin: 0 !important;
}

.mrg--tx0 {
  margin-top: 0 !important;
}

.mrg--bx0 {
  margin-bottom: 0 !important;
}

.mrg--x1 {
  margin: 8px !important;
}

.mrg--tx1 {
  margin-top: 8px !important;
}

.mrg--bx1 {
  margin-bottom: 8px !important;
}

.mrg--x2 {
  margin: 16px !important;
}

.mrg--tx2 {
  margin-top: 16px !important;
}

.mrg--bx2 {
  margin-bottom: 16px !important;
}

.mrg--x3 {
  margin: 24px !important;
}

.mrg--tx3 {
  margin-top: 24px !important;
}

.mrg--bx3 {
  margin-bottom: 24px !important;
}

.mrg--x4 {
  margin: 32px !important;
}

.mrg--tx4 {
  margin-top: 32px !important;
}

.mrg--bx4 {
  margin-bottom: 32px !important;
}

.mrg--x5 {
  margin: 40px;
}

.mrg--tx5 {
  margin-top: 40px;
}

.mrg--bx5 {
  margin-bottom: 40px;
}

.mrg--tx5 {
  margin-top: 40px !important;
}

.mrg--bx5 {
  margin-bottom: 40px !important;
}

.mrg--t60 {
  margin-top: 24px !important;
}

.mrg--t32 {
  margin-top: 24px !important;
}

.mrg--b32 {
  margin-bottom: 24px !important;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  background-color: #999999;
  border-radius: 10px;
}

.v2wb-full-width-cta {
  position: relative;
  margin-bottom: 50px;
  margin-left: 0;
}

.pull-right {
  float: right !important;
}

._truncate-copy {
  width: 60%;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._red {
  background: #E20015;
}

.full-width {
  width: 100%;
}

.width-half {
  width: 50%;
}

.width-third {
  width: 50%;
}

.width-auto {
  width: auto !important;
}

.vertical-align-top {
  vertical-align: top;
}

.shop-orders {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 16px;
}

.band__sla\!loyalty .band {
  padding: 0;
  line-height: 1.5;
}
.band__sla\!loyalty .band h2 {
  margin-top: 0;
  font-weight: 300;
}
.band__sla\!loyalty .band h3 {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
}
.band__sla\!loyalty .band strong {
  font-weight: 300;
  font-family: "BoschSans-Medium", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.band__sla\!loyalty .band p,
.band__sla\!loyalty .band li {
  font-size: 16px;
  margin-bottom: 16px;
}

.verify-reg__body p {
  font-size: 14px;
  font-weight: 300;
  font-style: normal;
  letter-spacing: 0;
  line-height: 1.429;
}
.verify-reg__body p.intercom__live-chat-container {
  font-size: 20px;
}
.verify-reg__body h2 {
  font-size: 28px;
  font-weight: 300;
  font-style: normal;
  letter-spacing: 0;
}
.verify-reg__serial {
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #444444;
  border-left: 0;
  color: #444444;
  padding: 12px;
  margin: 0 auto 16px;
  width: 100%;
  max-width: 570px;
}
.verify-reg__serial ~ p {
  margin: 2rem 0;
}
.verify-reg__body {
  max-width: 650px;
}
.verify-reg__body-image {
  max-width: 275px;
}
.verify-reg__alert {
  padding-left: 50px;
  position: relative;
}
.verify-reg__alert div {
  right: inherit;
  left: 0;
  top: 0;
  width: 50px;
  height: 50px;
}
.verify-reg__alert p {
  font-weight: 500;
}
.verify-reg__button-wrapper {
  display: flex;
  flex-flow: row wrap;
}
.verify-reg__button-wrapper a {
  font-size: 20px;
  font-weight: 300;
  font-style: normal;
  letter-spacing: 0;
  text-decoration: none;
  flex: 0 1 40%;
  display: flex;
  flex-flow: row nowrap;
  min-width: 260px;
  margin: auto auto auto 0;
  color: #005691;
}
.verify-reg__button-wrapper a > * {
  flex: 0 0 auto;
}
.verify-reg__button-wrapper a img, .verify-reg__button-wrapper a div {
  height: 25px;
  margin-right: 5px;
}
.verify-reg__button-wrapper .intercom__live-chat-container img {
  max-height: 25px;
  width: 25px;
  margin-right: 5px;
}

.wysiwyg__markup--accordion\!loyalty {
  padding: 0 16px;
}
.wysiwyg__markup--accordion\!loyalty h2 {
  font-size: 36px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 40px;
  margin-bottom: 40px;
  color: #000000;
}
.wysiwyg__markup--accordion\!loyalty h3,
.wysiwyg__markup--accordion\!loyalty h4,
.wysiwyg__markup--accordion\!loyalty h5,
.wysiwyg__markup--accordion\!loyalty h6,
.wysiwyg__markup--accordion\!loyalty p,
.wysiwyg__markup--accordion\!loyalty a,
.wysiwyg__markup--accordion\!loyalty li {
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 1.5;
  margin: 0 0 20px;
}
.wysiwyg__markup--accordion\!loyalty h3,
.wysiwyg__markup--accordion\!loyalty h4,
.wysiwyg__markup--accordion\!loyalty h5,
.wysiwyg__markup--accordion\!loyalty h6 {
  margin: 0 0 32px;
}
.wysiwyg__markup--accordion\!loyalty strong {
  font-family: "BoschSans-Medium", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
}
.wysiwyg__markup--accordion\!loyalty p,
.wysiwyg__markup--accordion\!loyalty a,
.wysiwyg__markup--accordion\!loyalty li {
  font-size: 15px;
  line-height: 20px;
  color: #000000;
  margin: 0 0 20px;
}

.wysiwyg__page--heading\!loyalty {
  font-size: 36px;
  font-family: "BoschSans-Light", "OpenSans-Regular-webfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 40px;
  margin-bottom: 40px;
  color: #000000;
}

@media all and (min-width: 23.4375em) {
  .dial__graphic--guarantees > .dial__unit--start {
    right: calc(100% + 9px);
  }
  .dial__graphic--guarantees > .dial__unit--end {
    left: calc(100% + 9px);
  }
  .dial__overview--ctas {
    flex-direction: row;
  }
  .dial__overview--ctas .dial__overview--cta:last-child {
    margin: 20px 0 0 5px;
  }
  .heading__ctas--leads .heading__button {
    padding: 9px 19px;
  }
  .heading__ctas--fasttrack .heading__button {
    padding: 9px 12px;
  }
  .heading__ctas--guarantees .heading__button {
    padding: 9px 12px;
  }
  div:not(.pagination__wrap) .pagination__item {
    margin: 0 2.5px;
  }
}

@media (min-width: 376px) {
  .btn-admin-stockist-enquiry {
    bottom: 82px;
  }
}

@media (min-width: 400px) {
  .fast-track-gradiant-background .btn-inverse {
    min-width: 300px;
  }
}

@media (min-width: 406px) {
  .modal__button--margin-right {
    margin-right: 20px;
  }
}

@media all and (min-width: 26.5625em) {
  .tile__wai--quicklinks > .tile__item {
    flex-basis: 33.333%;
  }
  .benchmark-accordion__content-wrapper {
    padding: 40px;
  }
  .dial__graphic--dashboard {
    margin: 46px auto;
    width: 70%;
  }
  .dial__graphic--guarantees {
    padding-top: 23.5294117647%;
    margin-bottom: 40px;
  }
  .dial__graphic--guarantees > .dial__unit--start {
    bottom: -8px;
    right: 100%;
    font-size: 20px;
    line-height: 45px;
  }
  .dial__graphic--guarantees > .dial__unit--end {
    bottom: -8px;
    left: 100%;
    line-height: 45px;
    font-size: 20px;
  }
  .details__col--label {
    max-width: 154px;
  }
  .filter__shop--products {
    flex-direction: row;
    margin: 0 16px;
  }
  .quicklinks__container--dashboard, .quicklinks__container--preferences, .quicklinks__container--add {
    width: 167px;
  }
  .radio {
    margin: 0 40px 4px 0;
  }
  .guarantee__band--loyalty .guarantee-router {
    padding: 0 16px 138px;
  }
}

@media (min-width: 450px) {
  .modal__buttons--manual {
    flex-direction: row;
    justify-content: flex-end;
  }
  .modal__button--cancel {
    margin-right: 20px;
  }
}

@media (min-width: 480px) {
  .band-trustpilot .band-title {
    margin-bottom: 30px;
  }
  .is-vat {
    padding-top: 0;
    display: inline-block;
    margin-bottom: 0;
  }
  .modal .modal-footer .btn {
    margin-top: 0;
  }
}

@media (min-width: 482px) {
  .table-stockists > tbody > tr > td {
    float: none;
    width: auto;
    border-top: 1px solid #ccc;
  }
  .table-stockists > tbody > tr > td:nth-child(1) {
    width: 40%;
  }
  .table-stockists > thead > tr > th {
    float: none;
  }
  .table-stockists .table-cell__img-stockists {
    text-align: center;
  }
}

@media (min-width: 499px) {
  .list-inline-below-img > li {
    width: 32%;
  }
  .list-inline-below-img li:last-child {
    width: 50%;
  }
}

@media (min-width: 525px) {
  .tool-footer {
    justify-content: space-between;
  }
}

@media (min-width: 600px) {
  .fab-fai-banner-content {
    padding: 16px 0 12px 0;
  }
  .fab-fai-banner-content h1,
.fab-fai-banner-content h2 {
    font-size: 22px;
  }
  .fab-fai-banner-content h3 {
    font-size: 22px;
  }
  .box-wide.box-filters {
    margin: -30px auto 45px;
    box-shadow: 0 7px 35px -12px rgba(0, 0, 0, 0.5);
  }
  .box-wide.box-filters .box-header {
    padding: 20px;
    border-right: 1px solid #eeeeee;
  }
  .modal-full .modal-dialog {
    width: 80%;
  }
  .modal-full .modal-content {
    padding: 20px 40px 40px;
  }
  .grid-table .column {
    width: 170px;
  }
  .technical-table-wrap {
    padding: 0 50px;
  }
  .table-technical > thead > tr > th,
.table-technical > tbody > tr > td,
.table-technical-scroll > tbody > tr > td,
.table-technical-scroll > thead > tr > th {
    width: 200px;
    min-width: 200px;
    padding: 8px 32px;
  }
  .table-technical > tbody > tr > th,
.table-technical-scroll > tbody > tr > th {
    width: 200px;
    max-width: 200px;
  }
  .table-technical > tbody > tr > th strong,
.table-technical-scroll > tbody > tr > th strong {
    display: block;
    max-width: 184px;
  }
  .table-scroll-fixed {
    left: 50px;
    width: 200px;
  }
  .scroll-arrows .scroll-table-left,
.scroll-arrows .scroll-table-right {
    width: 50px;
    height: 65px;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    cursor: pointer;
  }
  .scroll-arrows .scroll-table-left:before, .scroll-arrows .scroll-table-left:after,
.scroll-arrows .scroll-table-right:before,
.scroll-arrows .scroll-table-right:after {
    content: "";
    position: absolute;
    top: 23px;
    left: 12px;
    width: 25px;
    height: 0;
    border: 1px solid #005691;
    background-color: #005691;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
  }
  .scroll-arrows .scroll-table-left:after,
.scroll-arrows .scroll-table-right:after {
    top: auto;
    bottom: 22px;
  }
}

@media all and (min-width: 37.5em) {
  .container__shop--browse .tile__item {
    flex: 1 1 calc(25% - 16px);
    width: 9%;
    min-width: 275px;
    max-width: 275px;
    margin: 0 0 16px;
  }
  .container__shop--landing {
    background: linear-gradient(180deg, rgb(0, 86, 145) 0%, rgb(0, 86, 145) 55%, rgb(255, 255, 255) 55%);
  }
  .inline__row--filters {
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
  .inline__row--filters .inline__button {
    margin: 0 20px 0 0;
  }
  .tile__wai--quicklinks {
    justify-content: flex-start;
    padding: 0;
  }
  .tile__wai--quicklinks > .tile__item {
    flex-basis: 25%;
  }
  .tile__wai--news > .tile__item {
    flex-basis: 50%;
  }
  .tile__shop--landing-old > .tile__item {
    width: calc(50% - 32px);
  }
  .tile__shop--index > .tile__item {
    width: calc(50% - 32px);
  }
  .tile__shop--products > .tile__item {
    width: calc(50% - 32px);
  }
  .alert {
    margin: 8px;
  }
  .alert--didyouknow {
    margin: 0 auto;
  }
  .media__list--products .box__cta {
    display: inline-block;
    width: auto;
  }
  .button__primary--outofoffice, .button__secondary--outofoffice {
    margin: auto 0 auto 32px;
  }
  .dial__description--dashboard {
    font-size: 16px;
    line-height: 20px;
    margin: 0 16px 23px;
  }
  .dial__graphic--guarantees {
    padding-top: 17.6470588235%;
  }
  .fieldset__ctas--right {
    flex-direction: row;
    justify-content: flex-end;
  }
  .filter__field--dates {
    align-items: flex-end;
    flex-direction: row;
  }
  .filter__field--name, .filter__field--details {
    flex-direction: row;
    justify-content: space-between;
  }
  .filter__text--to {
    margin: 0 22px 8px;
  }
  .filter__outofoffice .filter__text--to {
    margin: 0 80px 8px;
  }
  .filter__field--name .filter__spacer, .filter__field--details .filter__spacer {
    width: 23px;
    margin: 0 25px;
  }
  .filter__outofoffice {
    display: flex;
    margin-bottom: 60px;
  }
  .footer {
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    padding-bottom: 1px;
  }
  .heading__guarantees {
    margin-bottom: 0;
  }
  .heading__guarantees__wrap {
    flex-direction: row;
    padding: 0 16px 60px;
    align-items: center;
  }
  .heading__wai--jobs .heading__ctas--leads, .heading__wai--jobs .heading__ctas--fasttrack, .heading__wai--jobs .heading__ctas--guarantees {
    flex-grow: 1;
    text-align: right;
  }
  .heading__ctas--leads .heading__button {
    margin-top: 0;
  }
  .heading__ctas--fasttrack .heading__button {
    margin-top: 0;
  }
  .heading__ctas--guarantees .heading__button {
    margin-top: 0;
  }
  .journey__header--history {
    display: block;
  }
  .media__list--products .media__item {
    flex-direction: row;
    margin: 0;
    padding: 40px 0;
    border-width: 0 0 1px;
  }
  .media__list--news .media__image {
    width: 168px;
    height: 109px;
    margin-right: 32px;
    margin-bottom: 0;
  }
  .media__list--products .media__image {
    margin: 20px;
  }
  .media__list--news .media__content {
    flex-wrap: wrap;
  }
  .media__list--products .media__description {
    margin-bottom: 0;
  }
  .media__list--products .media__cta {
    display: inline-block;
    width: auto;
    margin-top: 0;
    margin-right: 10px;
  }
  .media__list--products .media__cta:last-child {
    margin-right: 0;
  }
  .modal__container, .modal__container--installation-photos, .modal__container--fasttrack-confirmation, .modal__container--remove-product, .modal__container--remove-address {
    padding: 40px;
  }
  .quicklinks__account {
    margin: 0 8.5px 24px;
  }
  .quicklinks__container--dashboard, .quicklinks__container--preferences, .quicklinks__container--add {
    margin: 8px 8.5px 0;
    padding: 0 0 17px;
  }
  .quicklinks__edit--dashboard {
    margin: 20px 8.5px 100px;
  }
  .quicklinks__welcome {
    font-size: 30px;
    letter-spacing: 0;
    line-height: 37px;
    margin: 0 8.5px 8px;
  }
  .quicklinks__modal--ctas {
    flex-direction: row;
  }
  .quicklinks__modal--cta {
    display: inline-block;
    width: auto;
    margin-right: 20px;
    padding-right: 32px;
    padding-left: 32px;
  }
  .quicklinks__modal--cta:last-child {
    margin-top: 0;
    margin-right: 0;
  }
  .repair .fai-installer .flex-row > div:nth-child(4),
.repair .repair__data .flex-row > div:nth-child(4) {
    border-top: 2px solid #EEEEEE;
    flex: 1 0 18.75% !important;
    width: 18.75%;
    margin-bottom: 0;
  }
  .onboarding__pagination--dot {
    width: 8px;
    height: 8px;
  }
  .onboarding__pagination--dot.is-active {
    width: 11px;
    height: 11px;
  }
  .onboarding__button--next {
    width: 136px;
  }
  .onboarding__button--decline {
    width: 136px;
  }
  .order-summary {
    padding: 14px 40px;
  }
  .tracker {
    padding: 14px 40px;
  }
  .matrix--4x4 {
    flex-flow: row wrap;
    margin: -16px;
    width: calc(100% + 32px);
  }
  .matrix--4x4 .matrix__cell {
    flex-basis: calc(50% - 32px);
    max-width: calc(50% - 32px);
    margin: 16px;
  }
  .matrix--4x4 .matrix__cell + .matrix__cell {
    margin-top: 16px;
  }
  .sideaction {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .sideaction > * + * {
    margin-top: 0;
    margin-left: 20px;
  }
  .sideaction--iconleft {
    justify-content: flex-start;
  }
  .sideaction--iconleft > * + * {
    margin-left: 0;
  }
  .sideaction__text {
    font-size: 18px;
  }
  .sideaction__info {
    font-size: 24px;
  }
  .chat\+phone a {
    margin-right: 40px;
  }
  .width-third {
    width: 33% !important;
  }
}

@media (min-width: 670px) {
  .journey-bar .journey-bar-stage {
    width: 100%;
  }
  .journey-bar .journey-bar-stage span {
    display: block;
  }
  .journey-bar .progress-bar {
    top: 28%;
  }
  .journey-bar .journey-bar-stage-icon-wrap {
    width: 50px;
    height: 50px;
  }
  .journey-bar .journey-bar-stage-active span {
    display: block;
  }
  .journey-bar .journey-bar-stage-complete span {
    display: block;
  }
}

@media (min-width: 700px) {
  .fab-fai-banner {
    height: 75vh;
    min-height: 545px;
  }
  .fab-fai-banner-content {
    background-color: fade(#005691, 95%);
    padding: 16px;
  }
  .fab-fai-banner-content h1,
.fab-fai-banner-content h2 {
    text-align: center;
    padding-right: 0;
    font-size: 30px;
    display: block;
  }
  .fab-fai-banner-content h3 {
    text-align: center;
    padding-right: 0;
    font-size: 23px;
    display: block;
  }
  .fab-fai-banner-purple-gradient {
    min-height: 500px;
    height: auto;
  }
  .fab-fai-banner-purple-gradient h1,
.fab-fai-banner-purple-gradient h2 {
    margin-bottom: 30px;
  }
  .fab-fai-banner-purple-gradient h1 {
    font-size: 38px;
  }
  .fab-fai-banner-purple-gradient h2.installer-show {
    font-size: 20px;
  }
  .fab-fai-banner-col {
    margin-bottom: 200px;
    height: 300px;
  }
  .fab-fai-banner-pictures-bottom-middle {
    min-height: 200px;
  }
}

@media (min-width: 768px) {
  .band-image + .band-body {
    padding-left: 35%;
  }
  .band-image-right + .band-body {
    padding-right: 35%;
    padding-left: 8px;
  }
  .band-info-two-cols .grid-col-right-divider {
    border-right: 2px solid #FFFFFF;
  }
  .band-info-two-cols .grid-col {
    padding: 0 36px;
  }
  .band-lifestyle-slant {
    padding: 0;
  }
  .band-lifestyle-slant .lifestyle-image {
    background-image: url("/img/lifestyle/consumer/product.png");
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 300px;
  }
  .band-padding-xxl {
    padding: 240px 0;
  }
  .band-padding-xl {
    padding: 150px 0;
  }
  .band.medium-padding {
    padding-top: 128px;
    padding-bottom: 313px;
  }
  .band.padding-bottom {
    padding-bottom: 170px;
  }
  .fab-fai-banner-col .fab-fai-banner-btn-container {
    width: 100%;
    height: 50px;
    margin-top: 30px;
  }
  .fab-fai-banner-col .fab-fai-banner-btn-container .btn-boxed {
    width: 300px;
  }
  .fab-fai-banner-col .fab-fai-banner-btn-container .btn-boxed:first-child {
    margin: 0 40px 0 0;
  }
  .box-flex {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
  }
  .box-flex > .box-body {
    flex-grow: 1;
  }
  .box-hover {
    float: none;
    padding: 15px 10px;
    max-height: 240px;
  }
  .box-hover .box-title {
    font-size: 15px;
  }
  .box-hover .asset {
    width: auto;
    margin: -15px -20px 20px;
  }
  .box-hover .box-hover-text {
    opacity: 0;
    font-size: 0;
    padding: 0;
    margin: 0;
  }
  .box-hover:hover .asset {
    min-height: 70px;
  }
  .box-hover:hover .box-hover-text {
    font-size: 11px;
    opacity: 1;
    line-height: 1.5;
  }
  .box-hover:hover svg {
    max-height: 46px;
  }
  .background-image-cta .cta-top-section {
    padding: 50px 50px 0 50px;
  }
  .grid-two-col > .grid-col {
    float: left;
    width: 50%;
  }
  .grid-two-col > .grid-col.grid-col-max {
    max-width: 50%;
  }
  .grid-two-col.grid-col-right > .grid-col:first-child {
    float: left;
    width: 66.6666666667%;
  }
  .grid-two-col.grid-col-right > .grid-col:first-child ~ .grid-col {
    float: left;
    width: 33.3333333333%;
  }
  .grid-two-col.grid-col-left > .grid-col:first-child {
    float: left;
    width: 33.3333333333%;
  }
  .grid-two-col.grid-col-left > .grid-col:first-child ~ .grid-col {
    float: left;
    width: 66.6666666667%;
  }
  .grid-two-col.grid-col-left-small > .grid-col:first-child {
    float: left;
    width: 25%;
  }
  .grid-two-col.grid-col-left-small > .grid-col:first-child ~ .grid-col {
    float: left;
    width: 75%;
  }
  .grid-three-col > .grid-col {
    float: left;
    width: 33.3333333333%;
  }
  .grid-four-col > .grid-col {
    float: left;
    width: 50%;
  }
  .grid-five-col > .grid-col {
    float: left;
    width: 20%;
  }
  .grid-six-col > .grid-col {
    float: left;
    width: 16.6666666667%;
  }
  .grid-flex {
    display: flex;
  }
  .grid-flex.grid-swap {
    flex-direction: row-reverse;
  }
  .grid-flex > .grid-col {
    display: flex;
    flex-direction: column;
  }
  .grid-flex-wrap {
    flex-wrap: wrap;
  }
  .grid-col-order-0-sm {
    order: 1;
  }
  .grid-col-order-1-sm {
    order: 0;
  }
  .grid-col.divider {
    padding-right: 30px !important;
  }
  .grid-col.divider:after {
    content: "";
    width: 1px;
    background: rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 30px;
    right: 0;
    bottom: 30px;
  }
  .grid-col.divider + .grid-col {
    padding-left: 30px !important;
  }
  .grid-col.divider.full-height:after {
    top: 0;
    bottom: 0;
  }
  .band-inverse .grid-col.divider:after,
.band-offblue .grid-col.divider:after {
    background: fade(white, 33.3333333333%);
  }
  .grid-narrow {
    margin-left: -32px;
    margin-right: -32px;
  }
  .grid-narrow > .grid-col {
    padding-left: 32px;
    padding-right: 32px;
  }
  .grid-with-dividers > .grid-col {
    border-right: 1px solid #fff;
  }
  .grid-with-dividers > .grid-col:last-child {
    border: none;
  }
  .vertical-center-dk {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .inline-text-wrap {
    display: flex;
    justify-content: center;
    text-align: left;
  }
  .is-vat {
    display: block;
    margin-bottom: 15px;
  }
  .padding-right-xlg-dk {
    padding-right: 64px !important;
  }
  .font-twenty-two-to-twenty-at-sm {
    font-size: 22px;
  }
  .hide-min-tablet {
    display: none !important;
  }
  .media-express-header {
    margin-top: -96px !important;
  }
  .text-left-sm {
    text-align: left;
  }
  .text-center-sm {
    text-align: center;
  }
  .text-right-sm {
    text-align: right;
  }
  .col-sm-auto {
    width: auto;
  }
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
  .modal-confirm-approval-modal {
    width: 800px;
  }
  .modal-dialog-wide {
    width: 800px;
  }
  .enquiry-icon-active {
    animation: icon-jump-and-wiggle 800ms;
  }
  .configurator-nav {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .configurator-nav .btn {
    font-size: 20px;
    padding-left: 48px;
    padding-right: 48px;
  }
  .svg-wrapper {
    display: inline-block;
    width: 50px;
  }
  .configurator-nav .enquiry-icon {
    display: block;
    margin: auto;
  }
  .grid-table .column.date-picker-item:nth-child(1) {
    float: left;
    margin-left: 0px;
  }
  .grid-table .column.date-picker-item:nth-child(2) {
    margin-left: 15px;
    margin-right: 41px;
  }
  .grid-table .column.date-picker-item:nth-child(4) {
    float: right;
  }
  .installer-details {
    flex-wrap: nowrap;
  }
  .installer-detail {
    border-right: 1px solid #EEEEEE;
    flex-basis: 100%;
    max-width: 150px;
  }
  .installer-details-block {
    padding-right: 200px;
  }
  .installer-details-block + .trustpilot-widget-small {
    position: absolute;
    top: 16px;
    right: 16px;
  }
  .tracker .journey-bar {
    margin: 0 -40px 30px;
  }
  .table-stockists > tbody > tr > td:nth-child(1) p {
    padding-left: 20px;
    display: inline-block;
    max-width: 300px;
    vertical-align: middle;
    width: 70%;
  }
  .table-stockists > tbody > tr > td:nth-child(1) h3 {
    padding-left: 15px;
    display: inline-block;
    margin-bottom: 0;
  }
  .e-grid {
    display: grid;
    column-gap: 2rem;
    grid-template-columns: repeat(12, 1fr);
  }
  .e-grid div[class^=e-column-] {
    width: 100%;
  }
  .e-grid .e-column-2 {
    grid-column: span 2;
  }
  .e-grid .e-column-3 {
    grid-column: span 3;
  }
  .e-grid .e-column-4 {
    grid-column: span 4;
  }
  .e-grid .e-column-5 {
    grid-column: span 5;
  }
  .e-grid .e-column-6 {
    grid-column: span 6;
  }
  .e-grid .e-column-7 {
    grid-column: span 7;
  }
  .e-grid .e-column-8 {
    grid-column: span 8;
  }
  .e-grid .e-column-9 {
    grid-column: span 9;
  }
  .e-grid .e-column-10 {
    grid-column: span 10;
  }
  .e-grid .e-column-11 {
    grid-column: span 11;
  }
  .e-grid .e-column-12 {
    grid-column: span 12;
  }
  .e-grid .e-column-6-center {
    grid-column: 4/10;
  }
  .e-grid .e-column-8-center {
    grid-column: 3/11;
  }
  .e-grid.-no-gap {
    column-gap: 0;
  }
  .e-flex {
    display: flex;
    gap: 2rem;
  }
  .e-flex.e-flex-wrap {
    flex-wrap: wrap;
  }
  .e-flex .e-column-4 {
    flex-basis: calc(33.33% - 2rem);
  }
  .modal__heading--large-white {
    font-size: 36px;
  }
  .modal__header {
    padding: 60px;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .grid-two-col.grid-calls > .grid-col {
    width: 100%;
  }
  .grid-two-col.grid-calls > .grid-col + .grid-col {
    width: 100%;
  }
}

@media all and (min-width: 48em) {
  .navbar-filter + .band {
    padding-top: 30px;
  }
  .navbar-filter .navbar-form,
.navbar-filter .navbar-form .form-group,
.navbar-filter .navbar-form .form-control,
.navbar-filter .navbar-nav,
.navbar-filter .navbar-nav > li {
    display: block;
    width: 100%;
  }
  .navbar-filter .navbar-form {
    border-right: 1px solid #eaeaea;
  }
  .navbar-filter .navbar-nav {
    float: left;
    margin: 0;
  }
  .stats-block a {
    margin: none;
  }
  .container__wai--dashboard:after, .container__wai--dashboard:before {
    content: "";
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1;
  }
  .container__wai--dashboard:before {
    background-image: url("/api/portal-image");
    background-position: top right;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .container__wai--dashboard:after {
    background-color: rgba(255, 255, 255, 0.93);
  }
  .grid__cp--orders {
    display: flex;
    justify-content: space-between;
  }
  .grid__advert--create {
    display: flex;
    justify-content: space-between;
    flex-flow: row-reverse nowrap;
  }
  .grid__claims--my {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 60px 0 80px;
  }
  .grid__wai--news {
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 60px 0 40px;
    width: 100%;
    display: flex;
  }
  .grid__wai--welcome {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding-top: 80px;
    width: 100%;
  }
  .grid__wai--account {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
  }
  .grid__wai--jobs {
    display: flex;
    justify-content: space-between;
    flex-flow: row-reverse nowrap;
    padding: 60px 0;
    width: 100%;
  }
  .grid__guarantees--registrations {
    display: flex;
    justify-content: space-between;
    flex-flow: row-reverse nowrap;
    padding: 30px 0;
    width: 100%;
  }
  .grid__shop--order, .grid__shop--basket {
    display: flex;
    justify-content: space-between;
    flex-flow: row-reverse;
    width: 100%;
  }
  .grid__shop--account {
    justify-content: space-between;
    flex-flow: row-reverse;
    width: 100%;
  }
  .grid__details--leads, .grid__details--fasttrack {
    display: flex;
    justify-content: space-between;
    flex-flow: row-reverse nowrap;
    padding: 0 0 60px;
    width: 100%;
  }
  .grid__details--guarantees {
    display: flex;
    justify-content: space-between;
    flex-flow: column nowrap;
    width: 100%;
  }
  .grid__wai--contact > .grid__col--faqs {
    width: 100%;
  }
  .grid__shop--basket > .grid__col--details {
    max-width: 368px;
    flex: 0 0 100%;
  }
  .grid__shop--basket > .grid__col--products {
    max-width: 968px;
    flex: 1 1 100%;
    width: 40%;
    min-width: 0;
  }
  .grid__col .grid__shop--order--details, .grid__shop--account > .grid__col--details {
    max-width: 368px;
    width: 25%;
    flex: 0 0 100%;
  }
  .grid__col .grid__shop--order--products, .grid__shop--account > .grid__col--products {
    max-width: 905px;
    width: 40%;
    flex: 1 1 100%;
    min-width: 0;
  }
  .grid__wai--jobs .grid__col--jobs {
    width: 70%;
    max-width: 968px;
  }
  .grid__wai--jobs .grid__col--notice {
    width: 25%;
    flex-shrink: 0;
    max-width: 268px;
  }
  .header__customer--orders, .header__customer--tabs {
    padding: 65px 16px 60px;
  }
  .header__jobs--my {
    margin: 0 16px 37px;
  }
  .header__guarantees--registered {
    margin-top: 0;
  }
  .table__cta--my {
    margin-right: 0;
  }
  .table__cta--guarantee {
    margin-bottom: 0;
  }
  .table__jobs--leads .table__row--header .table__col--customer {
    margin-right: 40px;
  }
  .table__jobs--leads .table__row--body .table__col--customer {
    margin-right: 40px;
  }
  .table__jobs--leads .table__row--header .table__col--postcode {
    margin-right: 40px;
  }
  .table__jobs--leads .table__row--body .table__col--postcode {
    margin-right: 40px;
  }
  .table__jobs--leads .table__row--header .table__col--date {
    margin-right: 40px;
  }
  .table__jobs--leads .table__row--body .table__col--date {
    margin-right: 40px;
  }
  .table__jobs--leads .table__row--header .table__col--finance {
    margin-right: 40px;
  }
  .table__jobs--leads .table__row--body .table__col--finance {
    margin-right: 40px;
  }
  .table__jobs--leads .table__row--header .table__col--priority {
    margin-right: 40px;
  }
  .table__jobs--leads .table__row--body .table__col--priority {
    margin-right: 40px;
  }
  .table__jobs--leads .table__row--header .table__col--view {
    margin-right: 40px;
  }
  .table__jobs--leads .table__row--body .table__col--view {
    margin-right: 40px;
  }
  .table__jobs--orders .table__col--ordered, .table__jobs--surveys .table__row--header .table__col--ordered {
    margin-right: 40px;
  }
  .table__jobs--orders .table__col--ordered, .table__jobs--surveys .table__row--body .table__col--ordered {
    margin-right: 40px;
  }
  .table__jobs--orders .table__col--expected, .table__jobs--surveys .table__row--header .table__col--expected {
    margin-right: 40px;
  }
  .table__jobs--orders .table__col--expected, .table__jobs--surveys .table__row--body .table__col--expected {
    margin-right: 40px;
  }
  .table__jobs--orders .table__col--postcode, .table__jobs--surveys .table__row--header .table__col--postcode {
    margin-right: 40px;
  }
  .table__jobs--orders .table__col--postcode, .table__jobs--surveys .table__row--body .table__col--postcode {
    margin-right: 40px;
  }
  .table__jobs--orders .table__col--status, .table__jobs--surveys .table__row--header .table__col--status {
    margin-right: 40px;
  }
  .table__jobs--orders .table__col--status, .table__jobs--surveys .table__row--body .table__col--status {
    margin-right: 40px;
  }
  .table__jobs--orders .table__col--view, .table__jobs--surveys .table__row--header .table__col--view {
    margin-right: 40px;
  }
  .table__jobs--orders .table__col--view, .table__jobs--surveys .table__row--body .table__col--view {
    margin-right: 40px;
  }
  .table__jobs--guarantees .table__row--header .table__col--installed {
    margin-right: 40px;
  }
  .table__jobs--guarantees .table__row--body .table__col--installed {
    margin-right: 40px;
  }
  .table__jobs--guarantees .table__row--header .table__col--postcode {
    margin-right: 40px;
  }
  .table__jobs--guarantees .table__row--body .table__col--postcode {
    margin-right: 40px;
  }
  .table__jobs--guarantees .table__row--header .table__col--gassafe {
    margin-right: 40px;
  }
  .table__jobs--guarantees .table__row--body .table__col--gassafe {
    margin-left: 0;
  }
  .table__jobs--guarantees .table__row--body .table__col--gassafe {
    margin-right: 40px;
  }
  .table__jobs--guarantees .table__row--header .table__col--benchmark {
    margin-right: 40px;
  }
  .table__jobs--guarantees .table__row--body .table__col--benchmark {
    margin-left: 0;
  }
  .table__jobs--guarantees .table__row--body .table__col--benchmark {
    margin-right: 40px;
  }
  .table__jobs--guarantees .table__row--header .table__col--guarantee-extended {
    margin-right: 40px;
  }
  .table__jobs--guarantees .table__row--body .table__col--guarantee-extended {
    margin-left: 0;
  }
  .table__jobs--guarantees .table__row--body .table__col--guarantee-extended {
    margin-right: 40px;
  }
  .table__jobs--guarantees .table__row--header .table__col--status {
    margin-right: 40px;
  }
  .table__jobs--guarantees .table__row--body .table__col--status {
    margin-right: 40px;
  }
  .table__jobs--guarantees .table__row--header .table__col--actions {
    margin-right: 40px;
  }
  .table__jobs--guarantees .table__row--body .table__col--actions {
    margin-right: 40px;
  }
  .table__leads--open .table__row--header .table__col--date {
    margin-right: 40px;
  }
  .table__leads--open .table__row--body .table__col--date {
    margin-right: 40px;
  }
  .table__leads--open .table__row--header .table__col--postcode {
    margin-right: 40px;
  }
  .table__leads--open .table__row--body .table__col--postcode {
    margin-right: 40px;
  }
  .table__leads--open .table__row--header .table__col--finance {
    margin-right: 40px;
  }
  .table__leads--open .table__row--body .table__col--finance {
    margin-right: 40px;
  }
  .table__leads--open .table__row--header .table__col--priority {
    margin-right: 40px;
  }
  .table__leads--open .table__row--body .table__col--priority {
    margin-right: 40px;
  }
  .table__leads--open .table__row--header .table__col--status {
    margin-right: 40px;
  }
  .table__leads--open .table__row--body .table__col--status {
    margin-right: 40px;
  }
  .table__leads--open .table__row--header .table__col--view {
    margin-right: 40px;
  }
  .table__leads--open .table__row--body .table__col--view {
    margin-right: 40px;
  }
  .table__leads--completed .table__row--header .table__col--date {
    margin-right: 40px;
  }
  .table__leads--completed .table__row--body .table__col--date {
    margin-right: 40px;
  }
  .table__leads--completed .table__row--header .table__col--customer {
    margin-right: 40px;
  }
  .table__leads--completed .table__row--body .table__col--customer {
    margin-right: 40px;
  }
  .table__leads--completed .table__row--header .table__col--postcode {
    margin-right: 40px;
  }
  .table__leads--completed .table__row--body .table__col--postcode {
    margin-right: 40px;
  }
  .table__leads--completed .table__row--header .table__col--finance {
    margin-right: 40px;
  }
  .table__leads--completed .table__row--body .table__col--finance {
    margin-right: 40px;
  }
  .table__leads--completed .table__row--header .table__col--priority {
    margin-right: 40px;
  }
  .table__leads--completed .table__row--body .table__col--priority {
    margin-right: 40px;
  }
  .table__leads--completed .table__row--header .table__col--status {
    margin-right: 40px;
  }
  .table__leads--completed .table__row--body .table__col--status {
    margin-right: 40px;
  }
  .table__leads--completed .table__row--header .table__col--view {
    margin-right: 40px;
  }
  .table__leads--completed .table__row--body .table__col--view {
    margin-right: 40px;
  }
  .table__fasttrack--new .table__row--header .table__col--id {
    margin-right: 40px;
  }
  .table__fasttrack--new .table__row--body .table__col--id {
    margin-right: 40px;
  }
  .table__fasttrack--new .table__row--header .table__col--ordered {
    margin-right: 40px;
  }
  .table__fasttrack--new .table__row--body .table__col--ordered {
    margin-right: 40px;
  }
  .table__fasttrack--new .table__row--header .table__col--installed {
    margin-right: 40px;
  }
  .table__fasttrack--new .table__row--body .table__col--installed {
    margin-right: 40px;
  }
  .table__fasttrack--new .table__row--header .table__col--postcode {
    margin-right: 40px;
  }
  .table__fasttrack--new .table__row--body .table__col--postcode {
    margin-right: 40px;
  }
  .table__fasttrack--new .table__row--header .table__col--package {
    margin-right: 40px;
  }
  .table__fasttrack--new .table__row--body .table__col--package {
    margin-right: 40px;
  }
  .table__fasttrack--new .table__row--header .table__col--status {
    margin-right: 40px;
  }
  .table__fasttrack--new .table__row--body .table__col--status {
    margin-right: 40px;
  }
  .table__fasttrack--new .table__row--header .table__col--view {
    margin-right: 40px;
  }
  .table__fasttrack--new .table__row--body .table__col--view {
    margin-right: 40px;
  }
  .table__fasttrack--current .table__row--header .table__col--id {
    margin-right: 40px;
  }
  .table__fasttrack--current .table__row--body .table__col--id {
    margin-right: 40px;
  }
  .table__fasttrack--current .table__row--header .table__col--ordered {
    margin-right: 40px;
  }
  .table__fasttrack--current .table__row--body .table__col--ordered {
    margin-right: 40px;
  }
  .table__fasttrack--current .table__row--header .table__col--installed {
    margin-right: 40px;
  }
  .table__fasttrack--current .table__row--body .table__col--installed {
    margin-right: 40px;
  }
  .table__fasttrack--current .table__row--header .table__col--customer {
    margin-right: 40px;
  }
  .table__fasttrack--current .table__row--body .table__col--customer {
    margin-right: 40px;
  }
  .table__fasttrack--current .table__row--header .table__col--postcode {
    margin-right: 40px;
  }
  .table__fasttrack--current .table__row--body .table__col--postcode {
    margin-right: 40px;
  }
  .table__fasttrack--current .table__row--header .table__col--package {
    margin-right: 40px;
  }
  .table__fasttrack--current .table__row--body .table__col--package {
    margin-right: 40px;
  }
  .table__fasttrack--current .table__row--header .table__col--status {
    margin-right: 40px;
  }
  .table__fasttrack--current .table__row--body .table__col--status {
    margin-right: 40px;
  }
  .table__fasttrack--current .table__row--header .table__col--view {
    margin-right: 40px;
  }
  .table__fasttrack--current .table__row--body .table__col--view {
    margin-right: 40px;
  }
  .table__surveys--awaiting .table__row--header .table__col--id {
    margin-right: 40px;
  }
  .table__surveys--awaiting .table__row--body .table__col--id {
    margin-right: 40px;
  }
  .table__surveys--awaiting .table__row--header .table__col--ordered {
    margin-right: 40px;
  }
  .table__surveys--awaiting .table__row--body .table__col--ordered {
    margin-right: 40px;
  }
  .table__surveys--awaiting .table__row--header .table__col--installed {
    margin-right: 40px;
  }
  .table__surveys--awaiting .table__row--body .table__col--installed {
    margin-right: 40px;
  }
  .table__surveys--awaiting .table__row--header .table__col--customer {
    margin-right: 40px;
  }
  .table__surveys--awaiting .table__row--body .table__col--customer {
    margin-right: 40px;
  }
  .table__surveys--awaiting .table__row--header .table__col--postcode {
    margin-right: 40px;
  }
  .table__surveys--awaiting .table__row--body .table__col--postcode {
    margin-right: 40px;
  }
  .table__surveys--awaiting .table__row--header .table__col--package {
    margin-right: 40px;
  }
  .table__surveys--awaiting .table__row--body .table__col--package {
    margin-right: 40px;
  }
  .table__surveys--awaiting .table__row--header .table__col--status {
    margin-right: 40px;
  }
  .table__surveys--awaiting .table__row--body .table__col--status {
    margin-right: 40px;
  }
  .table__surveys--awaiting .table__row--header .table__col--view {
    margin-right: 40px;
  }
  .table__surveys--awaiting .table__row--body .table__col--view {
    margin-right: 40px;
  }
  .table__surveys--completed .table__row--header .table__col--id {
    margin-right: 40px;
  }
  .table__surveys--completed .table__row--body .table__col--id {
    margin-right: 40px;
  }
  .table__surveys--completed .table__row--header .table__col--ordered {
    margin-right: 40px;
  }
  .table__surveys--completed .table__row--body .table__col--ordered {
    margin-right: 40px;
  }
  .table__surveys--completed .table__row--header .table__col--installed {
    margin-right: 40px;
  }
  .table__surveys--completed .table__row--body .table__col--installed {
    margin-right: 40px;
  }
  .table__surveys--completed .table__row--header .table__col--customer {
    margin-right: 40px;
  }
  .table__surveys--completed .table__row--body .table__col--customer {
    margin-right: 40px;
  }
  .table__surveys--completed .table__row--header .table__col--postcode {
    margin-right: 40px;
  }
  .table__surveys--completed .table__row--body .table__col--postcode {
    margin-right: 40px;
  }
  .table__surveys--completed .table__row--header .table__col--package {
    margin-right: 40px;
  }
  .table__surveys--completed .table__row--body .table__col--package {
    margin-right: 40px;
  }
  .table__surveys--completed .table__row--header .table__col--status {
    margin-right: 40px;
  }
  .table__surveys--completed .table__row--body .table__col--status {
    margin-right: 40px;
  }
  .table__surveys--completed .table__row--header .table__col--view {
    margin-right: 40px;
  }
  .table__surveys--completed .table__row--body .table__col--view {
    margin-right: 40px;
  }
  .table__completed--orders .table__row--header .table__col--id {
    margin-right: 40px;
  }
  .table__completed--orders .table__row--body .table__col--id {
    margin-right: 40px;
  }
  .table__completed--orders .table__row--header .table__col--ordered {
    margin-right: 40px;
  }
  .table__completed--orders .table__row--body .table__col--ordered {
    margin-right: 40px;
  }
  .table__completed--orders .table__row--header .table__col--installed {
    margin-right: 40px;
  }
  .table__completed--orders .table__row--body .table__col--installed {
    margin-right: 40px;
  }
  .table__completed--orders .table__row--header .table__col--customer {
    margin-right: 40px;
  }
  .table__completed--orders .table__row--body .table__col--customer {
    margin-right: 40px;
  }
  .table__completed--orders .table__row--header .table__col--postcode {
    margin-right: 40px;
  }
  .table__completed--orders .table__row--body .table__col--postcode {
    margin-right: 40px;
  }
  .table__completed--orders .table__row--header .table__col--package {
    margin-right: 40px;
  }
  .table__completed--orders .table__row--body .table__col--package {
    margin-right: 40px;
  }
  .table__completed--orders .table__row--header .table__col--status {
    margin-right: 40px;
  }
  .table__completed--orders .table__row--body .table__col--status {
    margin-right: 40px;
  }
  .table__completed--orders .table__row--header .table__col--view {
    margin-right: 40px;
  }
  .table__completed--orders .table__row--body .table__col--view {
    margin-right: 40px;
  }
  .table__guarantees--completed .table__row--header .table__col--installed {
    margin-right: 40px;
  }
  .table__guarantees--completed .table__row--body .table__col--installed {
    margin-right: 40px;
  }
  .table__guarantees--completed .table__row--header .table__col--submitted {
    margin-right: 40px;
  }
  .table__guarantees--completed .table__row--body .table__col--submitted {
    margin-right: 40px;
  }
  .table__guarantees--completed .table__row--header .table__col--customer {
    margin-right: 40px;
  }
  .table__guarantees--completed .table__row--body .table__col--customer {
    margin-right: 40px;
  }
  .table__guarantees--completed .table__row--header .table__col--postcode {
    margin-right: 40px;
  }
  .table__guarantees--completed .table__row--body .table__col--postcode {
    margin-right: 40px;
  }
  .table__guarantees--completed .table__row--header .table__col--gassafe {
    margin-right: 40px;
  }
  .table__guarantees--completed .table__row--body .table__col--gassafe {
    margin-left: 0;
  }
  .table__guarantees--completed .table__row--body .table__col--gassafe {
    margin-right: 40px;
  }
  .table__guarantees--completed .table__row--header .table__col--guarantee-extended {
    margin-right: 40px;
  }
  .table__guarantees--completed .table__row--body .table__col--guarantee-extended {
    margin-left: 0;
  }
  .table__guarantees--completed .table__row--body .table__col--guarantee-extended {
    margin-right: 40px;
  }
  .table__guarantees--completed .table__row--header .table__col--benchmark {
    margin-right: 40px;
  }
  .table__guarantees--completed .table__row--body .table__col--benchmark {
    margin-left: 0;
  }
  .table__guarantees--completed .table__row--body .table__col--benchmark {
    margin-right: 40px;
  }
  .table__guarantees--completed .table__row--header .table__col--status {
    margin-right: 40px;
  }
  .table__guarantees--completed .table__row--body .table__col--status {
    margin-right: 40px;
  }
  .table__guarantees--completed .table__row--header .table__col--certificate {
    margin-right: 40px;
  }
  .table__guarantees--completed .table__row--body .table__col--certificate {
    margin-right: 40px;
  }
  .table__guarantees--completed .table__row--header .table__col--created {
    margin-right: 40px;
  }
  .table__guarantees--completed .table__row--body .table__col--created {
    margin-right: 40px;
  }
  .table__guarantees--completed .table__row--header .table__col--filters {
    margin-right: 40px;
  }
  .table__guarantees--completed .table__row--body .table__col--filters {
    margin-right: 40px;
  }
  .table__guarantees--completed .table__row--header .table__col--download {
    margin-right: 40px;
  }
  .table__guarantees--completed .table__row--body .table__col--download {
    margin-right: 40px;
  }
  .table__guarantees--completed .table__row--header .table__col--actions {
    margin-right: 40px;
  }
  .table__guarantees--completed .table__row--body .table__col--actions {
    margin-right: 40px;
  }
  .table__settings--engineers .table__row--header .table__col--name {
    margin-right: 40px;
  }
  .table__settings--engineers .table__row--body .table__col--name {
    margin-right: 40px;
  }
  .table__settings--engineers .table__row--header .table__col--email {
    margin-right: 40px;
  }
  .table__settings--engineers .table__row--body .table__col--email {
    margin-right: 40px;
  }
  .table__settings--engineers .table__row--header .table__col--joined {
    margin-right: 40px;
  }
  .table__settings--engineers .table__row--body .table__col--joined {
    margin-right: 40px;
  }
  .table__settings--engineers .table__row--header .table__col--remove {
    margin-right: 40px;
  }
  .table__settings--engineers .table__row--body .table__col--remove {
    margin-right: 40px;
  }
  .table__guarantees--product .table__row--header .table__col--product {
    margin-right: 40px;
  }
  .table__guarantees--product .table__row--body .table__col--product {
    margin-right: 40px;
  }
  .table__guarantees--product .table__row--header .table__col--serial {
    margin-right: 40px;
  }
  .table__guarantees--product .table__row--body .table__col--serial {
    margin-right: 40px;
  }
  .table__guarantees--product .table__row--header .table__col--points {
    margin-right: 40px;
  }
  .table__guarantees--product .table__row--body .table__col--points {
    margin-right: 40px;
  }
  .table__guarantees--product .table__row--header .table__col--blank {
    margin-right: 40px;
  }
  .table__guarantees--product .table__row--body .table__col--blank {
    margin-right: 40px;
  }
  .table__guarantees--promotions .table__row--header .table__col--promotions {
    margin-right: 40px;
  }
  .table__guarantees--promotions .table__row--body .table__col--promotions {
    margin-right: 40px;
  }
  .table__guarantees--promotions .table__row--header .table__col--points {
    margin-right: 40px;
  }
  .table__guarantees--promotions .table__row--body .table__col--points {
    margin-right: 40px;
  }
  .table__guarantees--promotions .table__row--header .table__col--blank {
    margin-right: 40px;
  }
  .table__guarantees--promotions .table__row--body .table__col--blank {
    margin-right: 40px;
  }
  .table__fasttrack--responses .table__row--header .table__col--question {
    margin-right: 40px;
  }
  .table__fasttrack--responses .table__row--body .table__col--question {
    margin-right: 40px;
  }
  .table__fasttrack--responses .table__row--header .table__col--answer {
    margin-right: 40px;
  }
  .table__fasttrack--responses .table__row--body .table__col--answer {
    margin-right: 40px;
  }
  .table__fasttrack--responses .table__row--header .table__col--blank {
    margin-right: 40px;
  }
  .table__fasttrack--responses .table__row--body .table__col--blank {
    margin-right: 40px;
  }
  .table__settings--showrooms .table__row--header .table__col--image {
    margin-right: 40px;
  }
  .table__settings--showrooms .table__row--body .table__col--image {
    margin-right: 40px;
  }
  .table__settings--showrooms .table__row--header .table__col--title {
    margin-right: 40px;
  }
  .table__settings--showrooms .table__row--body .table__col--title {
    margin-right: 40px;
  }
  .table__settings--showrooms .table__row--header .table__col--address {
    margin-right: 40px;
  }
  .table__settings--showrooms .table__row--body .table__col--address {
    margin-right: 40px;
  }
  .table__settings--showrooms .table__row--header .table__col--status {
    margin-right: 40px;
  }
  .table__settings--showrooms .table__row--body .table__col--status {
    margin-right: 40px;
  }
  .table__settings--showrooms .table__row--header .table__col--actions {
    margin-right: 40px;
  }
  .table__settings--showrooms .table__row--body .table__col--actions {
    margin-right: 40px;
  }
  .table__shop--history .table__row--header .table__col--order {
    margin-right: 40px;
  }
  .table__shop--history .table__row--body .table__col--order {
    margin-right: 40px;
  }
  .table__shop--history .table__row--header .table__col--date {
    margin-right: 40px;
  }
  .table__shop--history .table__row--body .table__col--date {
    margin-right: 40px;
  }
  .table__shop--history .table__row--header .table__col--quantity {
    margin-right: 40px;
  }
  .table__shop--history .table__row--body .table__col--quantity {
    margin-right: 40px;
  }
  .table__shop--history .table__row--header .table__col--status {
    margin-right: 40px;
  }
  .table__shop--history .table__row--body .table__col--status {
    margin-right: 40px;
  }
  .table__shop--history .table__row--header .table__col--view {
    margin-right: 40px;
  }
  .table__shop--history .table__row--body .table__col--view {
    margin-right: 40px;
  }
  .table__shop--order .table__row--header .table__col--product {
    margin-right: 40px;
  }
  .table__shop--order .table__row--body .table__col--product {
    margin-right: 40px;
  }
  .table__shop--order .table__row--header .table__col--quantity {
    margin-right: 40px;
  }
  .table__shop--order .table__row--body .table__col--quantity {
    margin-right: 40px;
  }
  .table__shop--order .table__row--header .table__col--price {
    margin-right: 40px;
  }
  .table__shop--order .table__row--body .table__col--price {
    margin-right: 40px;
  }
  .table__shop--order .table__row--header .table__col--subtotal {
    margin-right: 40px;
  }
  .table__shop--order .table__row--body .table__col--subtotal {
    margin-right: 40px;
  }
  .table__shop--order .table__row--header .table__col--blank {
    margin-right: 40px;
  }
  .table__shop--order .table__row--body .table__col--blank {
    margin-right: 40px;
  }
  .table__shop--basket .table__row--header .table__col--product {
    margin-right: 40px;
  }
  .table__shop--basket .table__row--body .table__col--product {
    margin-right: 40px;
  }
  .table__shop--basket .table__row--header .table__col--quantity {
    margin-right: 40px;
  }
  .table__shop--basket .table__row--body .table__col--quantity {
    margin-right: 40px;
  }
  .table__shop--basket .table__row--header .table__col--price {
    margin-right: 40px;
  }
  .table__shop--basket .table__row--body .table__col--price {
    margin-right: 40px;
  }
  .table__shop--basket .table__row--header .table__col--subtotal {
    margin-right: 40px;
  }
  .table__shop--basket .table__row--body .table__col--subtotal {
    margin-right: 40px;
  }
  .table__shop--basket .table__row--header .table__col--delete {
    margin-right: 40px;
  }
  .table__shop--basket .table__row--body .table__col--delete {
    margin-right: 40px;
  }
  .table__checkout--order .table__row--header .table__col--product {
    margin-right: 40px;
  }
  .table__checkout--order .table__row--body .table__col--product {
    margin-right: 40px;
  }
  .table__checkout--order .table__row--header .table__col--quantity {
    margin-right: 40px;
  }
  .table__checkout--order .table__row--body .table__col--quantity {
    margin-right: 40px;
  }
  .table__checkout--order .table__row--header .table__col--subtotal {
    margin-right: 40px;
  }
  .table__checkout--order .table__row--body .table__col--subtotal {
    margin-right: 40px;
  }
  .table__claims--my .table__row--header .table__col--id {
    margin-right: 40px;
  }
  .table__claims--my .table__row--body .table__col--id {
    margin-right: 40px;
  }
  .table__claims--my .table__row--header .table__col--submitted {
    margin-right: 40px;
  }
  .table__claims--my .table__row--body .table__col--submitted {
    margin-right: 40px;
  }
  .table__claims--my .table__row--header .table__col--status {
    margin-right: 40px;
  }
  .table__claims--my .table__row--body .table__col--status {
    margin-right: 40px;
  }
  .table__claims--my .table__row--header .table__col--actions {
    margin-right: 40px;
  }
  .table__claims--my .table__row--body .table__col--actions {
    margin-right: 40px;
  }
  .table__advert--materials .table__row--header .table__col--name {
    margin-right: 40px;
  }
  .table__advert--materials .table__row--body .table__col--name {
    margin-right: 40px;
  }
  .table__advert--materials .table__row--header .table__col--type {
    margin-right: 40px;
  }
  .table__advert--materials .table__row--body .table__col--type {
    margin-right: 40px;
  }
  .table__advert--materials .table__row--header .table__col--date {
    margin-right: 40px;
  }
  .table__advert--materials .table__row--body .table__col--date {
    margin-right: 40px;
  }
  .table__advert--materials .table__row--header .table__col--actions {
    margin-right: 40px;
  }
  .table__advert--materials .table__row--body .table__col--actions {
    margin-right: 40px;
  }
  .table__fasttrack--upcoming .table__row--header .table__col--month {
    margin-right: 40px;
  }
  .table__fasttrack--upcoming .table__row--body .table__col--month {
    margin-right: 40px;
  }
  .table__fasttrack--upcoming .table__row--header .table__col--installations {
    margin-right: 40px;
  }
  .table__fasttrack--upcoming .table__row--body .table__col--installations {
    margin-right: 40px;
  }
  .table__fasttrack--upcoming .table__row--header .table__col--surveys {
    margin-right: 40px;
  }
  .table__fasttrack--upcoming .table__row--body .table__col--surveys {
    margin-right: 40px;
  }
  .table__fasttrack--upcoming .table__row--header .table__col--amount {
    margin-right: 40px;
  }
  .table__fasttrack--upcoming .table__row--body .table__col--amount {
    margin-right: 40px;
  }
  .table__fasttrack--upcoming .table__row--header .table__col--blank {
    margin-right: 40px;
  }
  .table__fasttrack--upcoming .table__row--body .table__col--blank {
    margin-right: 40px;
  }
  .table__fasttrack--previous .table__row--header .table__col--month {
    margin-right: 40px;
  }
  .table__fasttrack--previous .table__row--body .table__col--month {
    margin-right: 40px;
  }
  .table__fasttrack--previous .table__row--header .table__col--installations {
    margin-right: 40px;
  }
  .table__fasttrack--previous .table__row--body .table__col--installations {
    margin-right: 40px;
  }
  .table__fasttrack--previous .table__row--header .table__col--surveys {
    margin-right: 40px;
  }
  .table__fasttrack--previous .table__row--body .table__col--surveys {
    margin-right: 40px;
  }
  .table__fasttrack--previous .table__row--header .table__col--invoiced {
    margin-right: 40px;
  }
  .table__fasttrack--previous .table__row--body .table__col--invoiced {
    margin-right: 40px;
  }
  .table__fasttrack--previous .table__row--header .table__col--date {
    margin-right: 40px;
  }
  .table__fasttrack--previous .table__row--body .table__col--date {
    margin-right: 40px;
  }
  .table__fasttrack--previous .table__row--header .table__col--paid {
    margin-right: 40px;
  }
  .table__fasttrack--previous .table__row--body .table__col--paid {
    margin-right: 40px;
  }
  .table__fasttrack--previous .table__row--header .table__col--blank {
    margin-right: 40px;
  }
  .table__fasttrack--previous .table__row--body .table__col--blank {
    margin-right: 40px;
  }
  .tile__wai--news > .tile__item {
    flex-basis: 100%;
  }
  .tile__fasttrack--proof > .tile__item {
    margin: 40px 32px 0 0;
  }
  .tile__shop--index > .tile__item {
    width: calc(33.333% - 32px);
  }
  .tile__shop--products > .tile__item {
    width: calc(33.333% - 32px);
  }
  .toggle__content--show\@ts {
    display: block;
  }
  .toggle__content--hide\@ts {
    display: none;
  }
  .band__cp--orders + .band__fasttrack--current {
    margin-bottom: 60px;
  }
  .band__cp--enquiry {
    margin-bottom: 120px;
  }
  .box__contact--bsm {
    margin: 0 0 32px;
  }
  .box__login .box__cta {
    width: auto;
  }
  .button-group {
    display: flex;
    flex-flow: row wrap;
    flex-basis: auto;
  }
  .button-group > * {
    display: inline-block;
    width: auto;
    flex-basis: auto;
    margin-right: 32px;
  }
  .button-group > *:last-child {
    margin-right: 0;
  }
  .confirmation-modal__wrapper {
    padding: 30px 55px;
  }
  .confirmation-modal__container {
    padding: 30px;
  }
  .confirmation-modal__title {
    font-size: 36px;
  }
  .confirmation-modal__reference {
    font-size: 20px;
  }
  .confirmation-modal__row {
    flex-direction: row;
  }
  .confirmation-modal__price {
    margin: 0;
  }
  .confirmation-modal__grid {
    flex-direction: row;
  }
  .confirmation-modal__column {
    max-width: 50%;
    padding: 50px 30px;
  }
  .confirmation-modal__column:first-child {
    border-right: 1px solid #BFC0C2;
    border-bottom: none;
  }
  .dial__graphic--guarantees {
    padding-top: 30.7692307692%;
  }
  .dial__graphic--guarantees > .dial__unit--start {
    right: calc(100% - 25px);
  }
  .dial__graphic--guarantees > .dial__unit--end {
    left: calc(100% - 25px);
  }
  .dial__overview--wrap {
    flex-direction: row;
  }
  .dial__overview--cta {
    margin: 0 16px;
  }
  .dial__overview--ctas {
    flex-direction: column;
  }
  .dial__overview--ctas .dial__overview--cta:last-child {
    margin: 10px 16px 0;
  }
  .details__col--wrapper {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .details__link {
    margin-top: 0;
  }
  .footer__link, .footer__link:visited, .footer__link:hover, .footer__link:focus {
    font-size: 14px;
  }
  .footer__copyright {
    font-size: 14px;
  }
  .gradient-banner {
    padding: 124px 124px 124px 0;
  }
  .gradient-banner::after {
    background: linear-gradient(90deg, transparent 0, rgba(255, 255, 255, 0.9) 35%, white 100%);
  }
  .gradient-banner__wrapper {
    margin-left: auto;
  }
  .gradient-banner__title {
    font-size: 36px;
    line-height: 50px;
  }
  .gradient-banner__description {
    font-size: 24px;
  }
  .guarantee__container {
    padding: 65px 17px;
  }
  .guarantee__wrapper {
    max-width: 700px;
  }
  .guarantee__wrapper--box {
    flex-direction: row;
    align-items: center;
    padding: 25px;
  }
  .guarantee__wrapper--top {
    margin-right: 0;
  }
  .guarantee__title {
    font-size: 28px;
  }
  .guarantee__serial {
    font-size: 14px;
  }
  .guarantee__installed--box {
    margin: 0 55px 0 0;
    font-size: 14px;
  }
  .guarantee__subheading {
    font-size: 14px;
  }
  .guarantee__subheading--box {
    font-size: 12px;
  }
  .guarantee__address {
    font-size: 14px;
  }
  .guarantee__address--box {
    font-size: 16px;
  }
  .guarantee__list {
    margin: 23px 0 34px;
  }
  .guarantee__name {
    margin-bottom: 5px;
    font-size: 16px;
  }
  .guarantee__number {
    font-size: 14px;
  }
  .guarantee__row .intercom__live-chat-text {
    font-size: 14px;
  }
  .guarantee__contact {
    font-size: 14px;
  }
  .guarantee__description {
    font-size: 14px;
  }
  .guarantee__boiler {
    display: block;
    width: 196px;
    height: 288px;
  }
  .guarantee__label {
    display: none;
  }
  .guarantee__label--desktop {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
  }
  .guarantee__buttons {
    flex-direction: row;
    margin-top: 44px;
  }
  .guarantee__buttons .button:first-child {
    margin: 0 20px 0 0;
  }
  .guarantee__link--mobile {
    display: none;
  }
  .guarantee__link--desktop {
    display: block;
  }
  .guarantee__column {
    margin-left: 20px;
    display: block;
  }
  .heading__customer--orders, .heading__customer--register {
    font-size: 36px;
    margin-bottom: 27px;
  }
  .heading__customer--register {
    font-size: 36px;
  }
  .heading__customer--subheading {
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 27px;
  }
  .heading__wai--jobs {
    font-size: 32px;
  }
  .heading__wai--news {
    margin-top: 0;
  }
  .heading__icon--boiler {
    margin-right: 26px;
  }
  .heading__icon--enquiry {
    margin-right: 26px;
  }
  .heading__icon--orders {
    margin-right: 26px;
    width: 40px;
    height: 48px;
  }
  .heading__icon--book-info {
    margin-right: 26px;
    width: 50px;
    height: 46px;
  }
  .heading__icon--register {
    margin-right: 26px;
    width: 40px;
    height: 46px;
  }
  .heading__icon--privacy {
    margin-right: 26px;
    width: 40px;
    height: 46px;
  }
  .heading__icon--details {
    width: 43px;
    height: 46px;
  }
  .heading__icon--serviceagent {
    width: 39px;
    height: 46px;
  }
  .heading__products {
    font-size: 36px;
  }
  .input__submit--actions {
    margin: 20px auto 0 16px;
  }
  .input__container--status .input__container--radio {
    display: inline-block;
  }
  .input__container--consumer .input__validation {
    position: absolute;
    top: 100%;
  }
  .journey__container--history .journey__badge--next {
    margin-right: 60px;
  }
  .journey__container--history .journey__badge--now {
    margin-right: 60px;
  }
  .journey__container--history .journey__badge--prev {
    margin-right: 60px;
  }
  .journey__container--history .journey__badge--points {
    margin-right: 60px;
  }
  .journey__container--history .journey__badge--guarantee {
    margin-right: 60px;
  }
  .journey__container--history .journey__badge--targeted {
    margin-right: 60px;
  }
  .journey__container--history .journey__badge--event {
    margin-right: 60px;
  }
  .journey__container--history .journey__badge--accreditations {
    margin-right: 60px;
  }
  .journey__container--history .journey__badge--spent {
    margin-right: 60px;
  }
  .journey__container--history .journey__badge--reduction {
    margin-right: 60px;
  }
  .journey__container--history .journey__badge--movement {
    margin-right: 60px;
  }
  .journey__container--history .journey__badge--demotion {
    margin-right: 60px;
  }
  .journey__container--history .journey__badge--promotion {
    margin-right: 60px;
  }
  .journey__container--history .journey__badge--completed {
    margin-right: 60px;
  }
  .journey__container--history .journey__badge--todo {
    margin-right: 60px;
  }
  .journey__container--history .journey__badge--disabled {
    margin-right: 60px;
  }
  .journey__header--steps {
    font-size: 36px;
  }
  .journey__header--tracker {
    font-size: 24px;
    line-height: 28px;
  }
  .journey__container--orders\!cp .journey__title {
    font-size: 14px;
  }
  .journey__container--history > .journey__item {
    font-size: 21px;
  }
  .journey__container--orders\!cp > .journey__item, .journey__container--steps > .journey__item, .journey__container--consumer-portal > .journey__item {
    display: flex;
  }
  .journey__stamp--date {
    width: 113px;
    font-size: 21px;
    margin-right: 76px;
  }
  .journey__button--expand {
    display: none;
    /* stylelint-disable-next-line */
  }
  .tracker .journey__button--expand {
    display: flex;
  }
  .list__columnised--cp {
    columns: 2;
  }
  .list__claims--my {
    display: flex;
    max-height: 600px;
    flex-flow: column wrap;
  }
  .list__columnised--cp .list__item {
    font-size: 16px;
    margin-bottom: 16px;
  }
  .list__heading--cp {
    font-size: 15px;
  }
  .list__defaulted--cp {
    columns: 1;
  }
  .table-list {
    display: flex;
    flex-flow: row wrap;
  }
  .table-list dt, .table-list dd {
    padding: 20px 0;
  }
  .table-list dt {
    flex-basis: 40%;
    padding-right: 20px;
  }
  .table-list dd {
    flex-basis: 60%;
  }
  .media__list--news .media__item {
    flex-wrap: nowrap;
  }
  .media__object--contact {
    flex-direction: row;
  }
  .media__list--products .media__image {
    margin: 20px 60px 20px 30px;
  }
  .media__object--contact .media__image {
    margin-bottom: 0;
  }
  .media__list--news .media__cta {
    margin-left: 58px;
  }
  .missing__box {
    padding: 50px;
  }
  .missing__title {
    font-size: 28px;
  }
  .missing__description {
    margin: 0 0 30px;
    font-size: 14px;
    line-height: 20px;
  }
  .modal__title {
    font-size: 36px;
  }
  .modal__buttons--stack {
    flex-flow: row;
    justify-content: flex-end;
  }
  .modal__buttons--stack .modal__button {
    margin: 0;
  }
  .modal__buttons--stack .modal__button + .modal__button {
    margin-top: 0;
    margin-left: 20px;
  }
  .modal__close {
    top: 50px;
    right: 50px;
  }
  .notice__jobs--missed {
    padding: 12px 16px 0 0;
  }
  .product-advice .heading__faqs {
    text-align: center;
  }
  .quicklinks__container--consumer-portal {
    justify-content: space-around !important;
    padding: 30px 0 0 !important;
  }
  .quicklinks__container--dashboard, .quicklinks__container--preferences, .quicklinks__container--add {
    width: 145px;
    height: auto;
    min-height: 145px;
  }
  .quicklinks__container--preferences {
    margin-top: 0;
  }
  .quicklinks__modal--content {
    padding: 40px;
  }
  .repetable-image__title {
    font-size: 36px;
  }
  .repetable-image__wrapper {
    flex-direction: row;
  }
  .repetable-image__item {
    min-height: 500px;
  }
  .repetable-image__item:first-child {
    margin: 0 25px 0 0;
  }
  .shop-search__button {
    display: inline-block;
  }
  .shop-search__button-icon {
    font-family: inherit;
    background-image: url("/img/customer-loyalty/icons/search.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 20px;
    width: 20px;
    vertical-align: bottom;
  }
  .shop-search__input {
    padding: 5px;
  }
  .p-slider__wrapper {
    text-align: left;
  }
  .p-slider__container--preview .p-slider__item {
    padding: 0 32px;
  }
  .p-slider__item--products .p-slider__content--image {
    margin-right: 46px;
  }
  .p-slider__container {
    flex-direction: row;
    padding: 0 75px;
  }
  .p-slider__buttons {
    flex-direction: row;
    margin: 20px 0 0;
  }
  .p-slider__buttons .button:first-child {
    margin: 0 30px 0 0;
  }
  .terms__buttons {
    margin-top: 74px;
    flex-direction: row;
    justify-content: flex-end;
  }
  .terms__buttons .button__secondary, .terms__buttons .guarantee__band--loyalty .btn.btn-default, .guarantee__band--loyalty .terms__buttons .btn.btn-default, .terms__buttons .guarantee__band--loyalty .table .btn-loader.btn.btn-default.btn-loader-alt, .guarantee__band--loyalty .table .terms__buttons .btn-loader.btn.btn-default.btn-loader-alt, .terms__buttons .cms__band--cols\!loyalty .btn-loyalty, .cms__band--cols\!loyalty .terms__buttons .btn-loyalty,
.terms__buttons .cms__band--video\!loyalty .btn-loyalty,
.cms__band--video\!loyalty .terms__buttons .btn-loyalty,
.terms__buttons .cms__band--image\!loyalty .btn-loyalty,
.cms__band--image\!loyalty .terms__buttons .btn-loyalty,
.terms__buttons .cms__band--box\!loyalty .btn-loyalty,
.cms__band--box\!loyalty .terms__buttons .btn-loyalty,
.terms__buttons .cms__module--supergraphic\!loyalty .btn-loyalty,
.cms__module--supergraphic\!loyalty .terms__buttons .btn-loyalty, .terms__buttons .cms__module--news\!loyalty .btn-boxed, .cms__module--news\!loyalty .terms__buttons .btn-boxed, .terms__buttons .button__secondary--danger, .terms__buttons .guarantee__band--loyalty .table .icon.icon-trash-o:before, .guarantee__band--loyalty .table .terms__buttons .icon.icon-trash-o:before, .terms__buttons .guarantee__band--loyalty .table ul.tick li.icon-trash-o:before, .guarantee__band--loyalty .table ul.tick .terms__buttons li.icon-trash-o:before, .terms__buttons ul.tick .guarantee__band--loyalty .table li.icon-trash-o:before, ul.tick .guarantee__band--loyalty .table .terms__buttons li.icon-trash-o:before, .terms__buttons .button__secondary--outofoffice--danger, .terms__buttons .button__secondary--ghost, .terms__buttons .button__secondary--outofoffice--ghost, .terms__buttons .button__secondary--ghost-light, .terms__buttons .button__secondary--outofoffice--ghost-light {
    margin: 0 36px 0 0;
  }
  .text__paragraph--orders\!cp {
    font-size: 14px;
  }
  .onboarding__buttons, .onboarding__buttons--top {
    flex-direction: row;
  }
  .onboarding__buttons .onboarding__button--connect, .onboarding__buttons--top .onboarding__button--connect {
    margin: 0 16px;
  }
  .onboarding__inputs {
    flex-direction: row;
  }
  .order-summary__title {
    font-size: 32px;
  }
  .order-summary__icon {
    width: 42px;
    height: 42px;
  }
  .order-summary__sub-title {
    font-size: 20px;
  }
  .tracker__column--enquiry {
    padding-right: 20px;
    margin-bottom: 0;
  }
  .tracker__column--details {
    margin: 0;
    width: auto;
  }
  .enquiry__response {
    flex-direction: row;
  }
  .enquiry__response--installer {
    font-size: 16px;
    padding-left: 0;
    text-align: left;
  }
  .enquiry__response--text {
    margin-top: 0;
  }
  .enquiry__response .response__title {
    font-size: 18px;
    text-align: initial;
  }
  .enquiry__response span[class^=enquiry__response--text] {
    margin-left: 8px;
  }
  .cms__band--cols\!loyalty .row,
.cms__band--video\!loyalty .row,
.cms__band--image\!loyalty .row,
.cms__band--box\!loyalty .row,
.cms__module--supergraphic\!loyalty .row {
    display: flex;
  }
  .cms__band--cols\!loyalty .col-md-8,
.cms__band--video\!loyalty .col-md-8,
.cms__band--image\!loyalty .col-md-8,
.cms__band--box\!loyalty .col-md-8,
.cms__module--supergraphic\!loyalty .col-md-8 {
    width: 66.6666%;
    padding-right: 32px;
  }
  .cms__band--cols\!loyalty .col-md-4,
.cms__band--video\!loyalty .col-md-4,
.cms__band--image\!loyalty .col-md-4,
.cms__band--box\!loyalty .col-md-4,
.cms__module--supergraphic\!loyalty .col-md-4 {
    width: 33.3333%;
  }
  .cms__band--cols\!loyalty .grid-col.col-md-8,
.cms__band--video\!loyalty .grid-col.col-md-8,
.cms__band--image\!loyalty .grid-col.col-md-8,
.cms__band--box\!loyalty .grid-col.col-md-8,
.cms__module--supergraphic\!loyalty .grid-col.col-md-8 {
    width: 66.6666%;
  }
  .cms__band--cols\!loyalty .grid-col.col-md-4,
.cms__band--video\!loyalty .grid-col.col-md-4,
.cms__band--image\!loyalty .grid-col.col-md-4,
.cms__band--box\!loyalty .grid-col.col-md-4,
.cms__module--supergraphic\!loyalty .grid-col.col-md-4 {
    width: 33.3333%;
  }
  .consumer-register__row--two, .consumer-register__row--three {
    flex-wrap: nowrap;
  }
  .consumer-register__row--two {
    margin: 25px 0;
  }
  .consumer-register__row--two .input__container--text,
.consumer-register__row--two .input__container--consumer {
    margin-left: 32px;
    max-width: 40%;
    margin-bottom: 15px;
  }
  .consumer-register__row--two .input__container--text:first-child,
.consumer-register__row--two .input__container--consumer:first-child {
    margin-left: 0;
    max-width: calc(60% - 32px);
  }
  .consumer-register__row--three .input__container--text,
.consumer-register__row--three .input__container--consumer {
    margin-left: 32px;
    max-width: 40%;
    margin-bottom: 15px;
  }
  .consumer-register__row--three .input__container--text:first-child,
.consumer-register__row--three .input__container--consumer:first-child {
    margin-left: 0;
    max-width: calc(20% - 64px);
  }
  .contact-us__row--two, .contact-us__row--three {
    flex-wrap: nowrap;
  }
  .contact-us__row--two {
    margin: 25px 0;
  }
  .contact-us__row--two .input__container--text,
.contact-us__row--two .input__container--consumer {
    margin-left: 32px;
    max-width: 40%;
    margin-bottom: 15px;
  }
  .contact-us__row--two .input__container--text:first-child,
.contact-us__row--two .input__container--consumer:first-child {
    margin-left: 0;
    max-width: calc(60% - 32px);
  }
  .contact-us__row--three .input__container--text,
.contact-us__row--three .input__container--consumer {
    max-width: 40%;
    margin-bottom: 15px;
  }
  .contact-us__row--three .input__container--text:first-child,
.contact-us__row--three .input__container--consumer:first-child {
    margin-left: 0;
    margin-right: 20px;
    max-width: calc(20% - 64px);
    min-width: 120px;
  }
  .contact-us__row--three .input__container--text select.input__control,
.contact-us__row--three .input__container--consumer select.input__control {
    margin-top: 3px;
  }
  .heading--jumbo {
    font-size: 48px;
  }
  .matrix--1\+1 {
    flex-flow: row wrap;
  }
  .matrix--1\+1 .matrix__cell {
    flex: 0 0 45.65%;
    max-width: 45.65%;
  }
  .matrix--1\+1 .matrix__cell:nth-child(1), .matrix--1\+1 .matrix__cell:nth-child(2) {
    margin-top: 0;
  }
  .matrix--1\+1 .matrix__cell:nth-child(2n+2) {
    margin-left: 8.7%;
  }
  .matrix--1\+1 .matrix__cell:nth-child(2n+1) {
    margin-left: 0;
  }
  .matrix--2\+1 {
    flex-flow: row wrap;
  }
  .matrix--2\+1 .matrix__cell:nth-child(2n+1) {
    margin-left: 0;
    flex-basis: calc(60% - 16px);
  }
  .matrix--2\+1 .matrix__cell:nth-child(2n+2) {
    flex-basis: calc(40% - 16px);
    margin-left: 32px;
  }
  .matrix--2\+1 .matrix__cell + .matrix__cell {
    margin-top: 0;
  }
  .matrix--2\+1-biggap {
    flex-flow: row wrap;
  }
  .matrix--2\+1-biggap .matrix__cell:nth-child(2n+1) {
    margin-left: 0;
    flex-basis: 61%;
  }
  .matrix--2\+1-biggap .matrix__cell:nth-child(2n+2) {
    flex-basis: 28%;
    margin-left: 10%;
  }
  .matrix--2\+1-biggap .matrix__cell + .matrix__cell {
    margin-top: 0;
  }
  .matrix--productAdvice.matrix {
    flex-flow: row wrap !important;
  }
  .matrix--productAdvice.matrix__cell, .matrix--productAdvice .matrix__cell {
    flex: 1 0 auto;
    min-width: 45.65%;
    width: auto;
    max-width: none;
  }
  .matrix--productAdvice.matrix__cell:nth-child(2n+1), .matrix--productAdvice .matrix__cell:nth-child(2n+1) {
    margin-right: 8.7%;
    margin-bottom: 16px;
  }
  .matrix--productAdvice.matrix__cell:nth-child(2n), .matrix--productAdvice .matrix__cell:nth-child(2n) {
    margin-left: 0;
  }
  .matrix--productAdvice.matrix__cell .matrix--listing, .matrix--productAdvice .matrix__cell .matrix--listing {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
  }
  .matrix--productAdvice.matrix__cell .matrix--listing button.frame, .matrix--productAdvice .matrix__cell .matrix--listing button.frame {
    margin-top: 1rem;
    margin-right: 40px;
    margin-left: 0;
  }
  .matrix--productAdvice.matrix__cell .matrix--listing button.frame:last-child, .matrix--productAdvice .matrix__cell .matrix--listing button.frame:last-child {
    margin-right: 0;
  }
  .frame--bg-bluegrad {
    padding: 40px 40px 40px 68px;
  }
  .frame--formcontainer {
    background: #F7F7F7;
    max-width: 794px;
    padding: 40px 52px;
  }
  .frame--appointment {
    flex-flow: row wrap;
  }
  .frame--appointment > div:nth-child(1) {
    flex-basis: 65%;
  }
  .frame--appointment > div:nth-child(2) {
    margin-left: 24px;
  }
  .frame--appointment + .frame--appointment {
    margin-top: 40px;
  }
  .frame--appointment > * + * {
    margin-top: 0;
  }
  .form__group--alignright {
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
  }
  .form__group--alignright > * + * {
    margin-bottom: 0;
    margin-left: 20px;
  }
  .form__grid--identity {
    display: flex;
    align-items: baseline;
  }
  .form__grid--identity .form__group + .form__group {
    margin-left: 32px;
  }
  .form__grid--identity .form__group {
    margin-top: 0;
  }
  .form__grid--identity .form__group:nth-child(1) {
    margin-top: 21px;
    width: 16%;
  }
  .form__grid--identity .form__group:nth-child(2), .form__grid--identity .form__group:nth-child(3) {
    width: calc(42% - 32px);
  }
  .form__grid--1\+1 {
    display: flex;
    flex-wrap: wrap;
  }
  .form__grid--1\+1 .form__group + .form__group {
    margin-left: 32px;
  }
  .form__grid--1\+1 .form__group {
    width: calc((100% - 32px) / 2);
  }
  .form__grid--1\+1 .form__group:nth-child(odd) {
    margin-left: 0;
  }
  .form__grid--1\+1\+1 {
    display: flex;
    flex-wrap: wrap;
  }
  .form__grid--1\+1\+1 .form__group + .form__group {
    margin-left: 32px;
  }
  .form__grid--1\+1\+1 .form__group {
    width: calc((100% - 64px) / 3);
  }
  .form__grid--1\+1\+1 .form__group:nth-child(3n+1) {
    margin-left: 0;
  }
  .mrg--t60 {
    margin-top: 62px !important;
  }
  .mrg--t32 {
    margin-top: 32px !important;
  }
  .mrg--b32 {
    margin-bottom: 32px !important;
  }
  .ts\:text-left {
    text-align: left !important;
  }
}

@media only screen and (min-width: 768px) {
  .content--headline {
    margin-top: 0;
  }
}

@media screen and (min-width: 768px) {
  .gradient-background__gradient:after {
    background: linear-gradient(90deg, transparent 0%, #005691 35%, #008ecf 100%);
  }
  .gradient-background__gradient--wb-blue:after {
    background: linear-gradient(90deg, transparent 0%, #005691 35%, #008ecf 100%);
  }
  .gradient-background__gradient--wb-fuchsia:after {
    background: linear-gradient(90deg, transparent 0%, #b90276 35%, #50237f 100%);
  }
  .gradient-background__gradient--wb-green:after {
    background: linear-gradient(90deg, transparent 0%, #78be20 35%, #006249 100%);
  }
  .gradient-background__gradient--wb-light-blue:after {
    background: linear-gradient(90deg, transparent 0%, #008ecf 35%, #00a8b0 100%);
  }
  .gradient-background__gradient--wb-purple:after {
    background: linear-gradient(90deg, transparent 0%, #50237f 35%, #005691 100%);
  }
  .gradient-background__gradient--wb-teal:after {
    background: linear-gradient(90deg, transparent 0%, #00a8b0 35%, #78be20 100%);
  }
  .gradient-background__content {
    flex-direction: row;
    padding: 60px 60px 60px 35%;
  }
  .gradient-background__logo {
    margin: 0 50px 0 0;
  }
  .gradient-background__wrapper {
    align-items: flex-start;
  }
}

@media (min-width: 800px) {
  .tile__fasttrack--proof .lightbox__item {
    width: 25%;
  }
}

@media (min-width: 815px) {
  .list.list-callouts {
    text-align: center;
  }
  .list.list-callouts > li {
    clear: none;
    width: auto;
  }
}

@media all and (min-width: 50.9375em) {
  .navbar-search .navbar-collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
    max-height: 3000px;
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
}

@media (min-width: 900px) {
  .fab-fai-banner-content h1,
.fab-fai-banner-content h2 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .fab-fai-banner-content h3 {
    padding-left: 8px;
    padding-right: 8px;
    font-size: 26px;
  }
  .delivery-picker-container > .columns {
    display: flex;
  }
  .delivery-picker-container > .columns > .date-picker {
    position: relative;
    flex: 5 0;
    min-width: 600px;
    background-color: #E7E7E7;
  }
  .delivery-picker-container > .columns > .delivery-info {
    flex: 4;
    padding-left: 24px;
  }
}

@media all and (min-width: 60em) {
  .plaintext-link--back-sm {
    margin-top: 40px !important;
    padding-bottom: 40px;
  }
  .container__shop--landing-old {
    margin: 62px auto 140px;
  }
  .container__shop--browse {
    margin: 62px auto 140px;
  }
  .container__shop--landing {
    margin: 62px auto 47px;
    background: linear-gradient(180deg, rgb(0, 86, 145) 0%, rgb(0, 86, 145) 65%, rgb(255, 255, 255) 65%);
  }
  .container--1024-to-edges {
    padding: 0 15px;
  }
  .grid__wai--contact {
    flex-direction: row;
    align-items: flex-start;
  }
  .grid__shop--product {
    display: flex;
    justify-content: space-between;
    flex-flow: row-reverse nowrap;
    width: 100%;
  }
  .grid__shop--checkout {
    display: flex;
    justify-content: space-between;
    flex-flow: row nowrap;
    width: 100%;
  }
  .grid__shop--products {
    display: flex;
    justify-content: space-between;
    flex-flow: row-reverse nowrap;
    width: 100%;
  }
  .grid__advert--create .grid__col--preview {
    max-width: 478px;
    flex: 1 0 100%;
  }
  .grid__advert--create .grid__col--logo {
    max-width: 668px;
    flex: 1 1 100%;
  }
  .grid__wai--news > .grid__col--categories {
    max-width: 268px;
    flex: 1 0 100%;
  }
  .grid__wai--news > .grid__col--results {
    max-width: 1068px;
    flex: 0 1 100%;
  }
  .grid__wai--news > .grid__col--article {
    order: 1;
  }
  .grid__wai--news > .grid__col--image {
    flex-basis: 33.33%;
    width: 33.33%;
    padding-left: 16px;
    order: 2;
  }
  .grid__claims--my > .grid__col--details {
    max-width: 968px;
  }
  .grid__claims--my > .grid__col--faqs {
    max-width: 368px;
  }
  .grid__wai--downloads > .grid__col--categories {
    max-width: 268px;
  }
  .grid__wai--downloads > .grid__col--results {
    max-width: 868px;
  }
  .grid__wai--contact > .grid__col--faqs {
    max-width: 969px;
    flex: 1 1 70%;
  }
  .grid__wai--contact > .grid__col--contact {
    max-width: 368px;
    flex: 0 0 30%;
  }
  .grid__shop--checkout > .grid__col--form {
    max-width: 868px;
    flex: 1 1 100%;
  }
  .grid__shop--checkout > .grid__col--overview {
    max-width: 368px;
    flex: 0 0 100%;
  }
  .grid__shop--product > .grid__col--product {
    max-width: 568px;
    flex: 0 1 45%;
  }
  .grid__shop--product > .grid__col--details {
    max-width: 720px;
    flex: 0 0 50%;
  }
  .grid__wai--welcome > .grid__col--welcome {
    flex: 0 1 100%;
    max-width: 648px;
  }
  .grid__wai--welcome > .grid__col--dial {
    flex: 1 1 100%;
    margin-left: auto;
    max-width: 568px;
  }
  .grid__wai--account > .grid__col--news {
    max-width: 700px;
    order: 1;
    width: 50%;
  }
  .grid__wai--account > .grid__col--details {
    margin-left: auto;
    max-width: 568px;
    order: 2;
    width: 50%;
  }
  .grid__guarantees--registrations > .grid__col--incomplete {
    width: 50%;
    max-width: 668px;
  }
  .grid__guarantees--registrations > .grid__col--dial {
    width: 45%;
    flex-shrink: 0;
    max-width: 568px;
  }
  .grid__details--leads .grid__col--details, .grid__details--fasttrack .grid__col--details {
    width: 70%;
    max-width: 968px;
  }
  .grid__details--leads .grid__col--steps, .grid__details--fasttrack .grid__col--steps {
    max-width: 300px;
    width: 40%;
    flex-shrink: 0;
  }
  .grid__details--guarantees .grid__col--details {
    width: 70%;
    max-width: 968px;
  }
  .grid__details--guarantees .grid__col--certificate {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    margin-bottom: 60px;
  }
  .grid__shop--products > .grid__col--products {
    max-width: 881px;
    flex: 0 1 100%;
  }
  .grid__shop--products > .grid__col--basket {
    max-width: 368px;
    flex: 0 0 100%;
  }
  .grid__shop--account > .grid__col--details {
    margin-top: 0px;
  }
  .grid__account {
    display: flex;
    flex-flow: row wrap;
  }
  .grid__account--heading {
    flex: 1 1 100%;
  }
  .grid__account--main {
    flex: 1 1 67%;
  }
  .grid__account--sub {
    flex: 0 1 33%;
  }
  .header__shop--history {
    flex-direction: row;
    align-items: center;
    margin: 40px 16px 0;
  }
  .table__row--header {
    font-size: 16px;
    min-width: 100%;
  }
  .table__row--body {
    min-width: 100%;
  }
  .table__fasttrack--responses .table__col--question {
    width: 604px;
    flex-shrink: 0;
  }
  .table__fasttrack--responses .table__col--question:last-child {
    flex-grow: 1;
    text-align: right;
  }
  .table__fasttrack--responses .table__row--header .table__col--question {
    padding-bottom: 11px;
    margin-right: 20px;
  }
  .table__fasttrack--responses .table__row--header .table__col--question:last-child {
    margin-right: 0;
  }
  .table__fasttrack--responses .table__row--body .table__col--question {
    padding: 10px 0;
    margin-right: 20px;
  }
  .table__fasttrack--responses .table__row--body .table__col--question:last-child {
    margin-right: 0;
  }
  .table__fasttrack--responses .table__col--answer {
    width: 50px;
    flex-shrink: 0;
  }
  .table__fasttrack--responses .table__col--answer:last-child {
    flex-grow: 1;
    text-align: right;
  }
  .table__fasttrack--responses .table__row--header .table__col--answer {
    padding-bottom: 11px;
    margin-right: 20px;
  }
  .table__fasttrack--responses .table__row--header .table__col--answer:last-child {
    margin-right: 0;
  }
  .table__fasttrack--responses .table__row--body .table__col--answer {
    padding: 10px 0;
    margin-right: 20px;
  }
  .table__fasttrack--responses .table__row--body .table__col--answer:last-child {
    margin-right: 0;
  }
  .table__fasttrack--responses .table__col--blank {
    width: 0;
    flex-shrink: 0;
  }
  .table__fasttrack--responses .table__col--blank:last-child {
    flex-grow: 1;
    text-align: right;
  }
  .table__fasttrack--responses .table__row--header .table__col--blank {
    padding-bottom: 11px;
    margin-right: 20px;
  }
  .table__fasttrack--responses .table__row--header .table__col--blank:last-child {
    margin-right: 0;
  }
  .table__fasttrack--responses .table__row--body .table__col--blank {
    padding: 10px 0;
    margin-right: 20px;
  }
  .table__fasttrack--responses .table__row--body .table__col--blank:last-child {
    margin-right: 0;
  }
  .tile__boxes--fasttrack {
    flex-direction: row;
    align-items: stretch;
  }
  .tile__shop--landing {
    flex-wrap: nowrap;
  }
  .tile__shop--products > .tile__item {
    width: calc(50% - 32px);
  }
  .tile__consumer-portal--quicklinks {
    margin-bottom: -150px;
    max-width: 800px;
  }
  .tile__consumer-portal--quicklinks > .tile__item {
    flex-basis: 25%;
  }
  .tile__consumer-portal--quicklinks > .tile__item .quicklinks__text {
    margin-top: 19px;
  }
  .tile__quad .tile__item {
    flex: 0 0 calc(50% - 12px);
  }
  .accordion__container--settings:first-child, .accordion__container--settings-link:first-child {
    margin-top: 61px;
  }
  .accordion__container--settings:last-child, .accordion__container--settings-link:last-child {
    margin-bottom: 62px;
  }
  .accordion__container--contact:first-child, .accordion__container--orders:first-child {
    margin-top: 0;
  }
  .accordion__container--contact:last-child, .accordion__container--orders:last-child {
    margin-bottom: 60px;
  }
  .accordion__container--settings .accordion__header, .accordion__container--settings-link .accordion__header, .accordion__container--contact .accordion__header, .accordion__container--orders .accordion__header {
    padding: 36px 168px 35px 28px;
    align-items: center;
  }
  .accordion__container--settings .accordion__header.accordion__header--icon-left, .accordion__container--settings-link .accordion__header.accordion__header--icon-left, .accordion__container--contact .accordion__header.accordion__header--icon-left, .accordion__container--orders .accordion__header.accordion__header--icon-left {
    padding: 36px 168px 35px 28px;
    /* stylelint-disable-next-line */
  }
  .accordion__container--settings .accordion__header.accordion__header--icon-left .accordion__icon, .accordion__container--settings-link .accordion__header.accordion__header--icon-left .accordion__icon, .accordion__container--contact .accordion__header.accordion__header--icon-left .accordion__icon, .accordion__container--orders .accordion__header.accordion__header--icon-left .accordion__icon {
    margin-right: 28px;
  }
  .accordion__container--settings-link .accordion__chevron {
    right: 30px;
  }
  .accordion__container--settings .accordion__chevron, .accordion__container--contact .accordion__chevron, .accordion__container--orders .accordion__chevron {
    right: 30px;
  }
  .accordion__header--icon-left .accordion__chevron {
    right: 15px;
  }
  .accordion__container--settings .accordion__heading, .accordion__container--settings-link .accordion__heading, .accordion__container--contact .accordion__heading, .accordion__container--orders .accordion__heading {
    position: initial;
    margin: 0 0 10px;
  }
  .accordion__link--edit {
    padding: 0 30px 0 0;
  }
  .alert--didyouknow {
    padding: 26px 46px;
    margin: 14px auto;
    flex-flow: row nowrap;
    align-items: center;
    /* stylelint-disable-next-line */
  }
  .alert--didyouknow .alert__title {
    margin: 0;
  }
  .alert--didyouknow .alert__content {
    margin: 0 0 0 32px;
    max-width: 468px;
  }
  .alert--didyouknow .alert__cta {
    margin: 0 40px 0 32px;
  }
  .alert--didyouknow .alert__close {
    top: 50%;
    right: 20px;
    margin-top: -10px;
  }
  .container--1024-to-edges .alert--didyouknow {
    margin: 40px auto;
  }
  .box__wai--invoices, .box__wai--terms, .box__wai--availability {
    margin: 20px 0 60px;
  }
  .box__wai--terms {
    margin: 20px 24px 60px;
  }
  .box__wai--invoices .box__description, .box__wai--terms .box__description, .box__wai--availability .box__description {
    margin: 0 0 60px;
  }
  .dial__heading--dashboard {
    margin: 0 0 20px;
  }
  .dial__heading--guarantees {
    margin: 0 0 20px;
    font-size: 28px;
  }
  .dial__description--dashboard {
    margin: 0 0 23px;
  }
  .dial__description--guarantees {
    margin: 0 0 20px;
  }
  .dial__graphic--dashboard > .dial__unit--start {
    bottom: -18px;
    right: calc(100% + 18px);
    font-size: 36px;
    line-height: 45px;
  }
  .dial__graphic--dashboard > .dial__unit--current {
    font-size: 36px;
    line-height: 45px;
  }
  .dial__graphic--dashboard > .dial__unit--current.is-third {
    left: 44%;
  }
  .dial__graphic--dashboard > .dial__unit--end {
    bottom: -18px;
    left: calc(100% + 18px);
    line-height: 45px;
    font-size: 36px;
  }
  .dial__graphic--guarantees > .dial__unit--start {
    right: calc(100% + 18px);
  }
  .dial__graphic--guarantees > .dial__unit--current {
    font-size: 20px;
    line-height: 45px;
  }
  .dial__graphic--guarantees > .dial__unit--current.is-third {
    left: 44%;
  }
  .dial__graphic--guarantees > .dial__unit--end {
    left: calc(100% + 18px);
  }
  .dial__graphic--dashboard > .dial__indicator, .dial__graphic--guarantees > .dial__indicator {
    width: 21px;
    height: 21px;
    bottom: -10.5px;
  }
  .dial__graphic--dashboard > .dial__indicator:after, .dial__graphic--guarantees > .dial__indicator:after {
    width: 21px;
  }
  .details__row--wrap {
    flex-flow: row nowrap;
  }
  .details__col--label {
    max-width: 201px;
    margin-right: 40px;
  }
  .details__row--wrap .details__col--label {
    max-width: 201px;
  }
  .fieldset__row--1, .fieldset__row--2, .fieldset__row--3 {
    flex-direction: row;
  }
  .fieldset__row--2 .fieldset__col {
    width: 50%;
  }
  .fieldset__row--3 .fieldset__col {
    width: 33.333%;
  }
  .hero {
    padding: 72px 0 88px;
  }
  .hero__content {
    margin-left: 60%;
  }
  .hero--grad-white::after {
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 42%, #FFFFFF 61%, #FFFFFF 100%);
  }
  .journey__container--dashboard {
    margin: 0 0 36px;
  }
  .journey__header--dashboard {
    margin: 0 0 19px;
  }
  .journey__text--dashboard {
    margin: 0 0 22px;
  }
  .lightbox__row button:not(:last-child) {
    margin: 0 32px 0 0;
  }
  .lightbox__row {
    flex-direction: row;
  }
  .link__back, .link__block--actions {
    line-height: 36px;
  }
  .list-2x2 {
    display: flex;
    flex-flow: row wrap;
  }
  .list-2x2 li + li {
    margin-top: 20px;
  }
  .list-2x2 li:nth-child(1), .list-2x2 li:nth-child(2) {
    margin-top: 0;
  }
  .list-2x2 li:nth-child(2n+1) {
    margin-left: 0;
    flex-basis: 45%;
  }
  .list-2x2 li:nth-child(2n+2) {
    flex-basis: 45%;
    margin-left: 10%;
  }
  .media__list--products {
    margin-right: 32px;
  }
  .media__list--products .media__image {
    margin: 20px;
  }
  .news__container--card {
    margin: 0 27.5px 21px 8.5px;
  }
  .news__title--wai {
    margin: 0 8.5px 20px;
  }
  .my-products .select-property {
    position: absolute;
    z-index: 1;
    right: calc((100% - 100vw + 32px) / 2);
    top: 42px;
    max-width: 360px;
  }
  .my-products .product-carousel-wrap {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  .my-products .product-carousel {
    width: 100%;
    transform: none;
  }
  .product-carousel .carousel-slide__title {
    font-size: 31px;
  }
  .product-carousel .carousel-slide--current {
    width: 33.3333333333% !important;
    margin-left: 0;
    margin-right: 0;
  }
  .product-carousel .left-arrow,
.product-carousel .right-arrow {
    transform: scale(2);
  }
  .product-carousel .left-arrow {
    left: 48px;
  }
  .product-carousel .right-arrow {
    right: 48px;
  }
  .quicklinks__modal--title {
    font-size: 36px;
    line-height: 40px;
  }
  .wb-promo {
    margin-top: 40px;
  }
  .service-frame {
    padding: 40px 26px 20px;
    min-height: 400px;
  }
  .repair {
    margin-top: 44px;
    display: flex;
    align-items: center;
  }
  .repair__header {
    flex: 1 0 36%;
    margin-right: 44px;
  }
  .repair__header-frame {
    padding: 40px 20px 20px;
    min-height: 400px;
  }
  .repair__header-icon--mxw100 img,
.repair__header-icon--mxw100 svg {
    max-width: none;
    max-height: 130px;
  }
  .repair__header-icon--mxh120 img,
.repair__header-icon--mxh120 svg {
    max-height: 100px;
  }
  .repair__header-title {
    font-size: 21px;
    margin: 40px auto 0;
  }
  .repair__header-text {
    font-size: 16px;
    margin: 16px 0 0;
  }
  .repair__data {
    margin-top: 0;
    flex: 1 0 60%;
  }
  .repair__data-title {
    font-size: 24px;
    text-align: left;
    margin: 0 auto 24px;
  }
  .repair__data-card {
    display: flex;
    flex-direction: row;
  }
  .repair__data-card-header {
    flex: 0 1 155px;
    flex-direction: column;
  }
  .repair__data-card-header img,
.repair__data-card-header svg {
    max-height: 56px;
    margin-right: 0;
    margin-bottom: 18px;
  }
  .repair__data-card-title {
    font-size: 26px;
  }
  .repair__data-card-details {
    padding: 20px 23px;
  }
  .repair__data-card-grid > div + div {
    margin-left: 20px;
  }
  .repair__data-card-grid p {
    font-size: 14px;
  }
  .repair__data-card-contactgroup {
    align-items: start;
    justify-content: flex-start;
  }
  .repair__data-card-contactgroup > * {
    flex: 0 1 auto;
  }
  .todo__header--dashboard {
    margin: 0 0px 20px;
  }
  .todo__list--dashboard {
    margin: 0 0px 46px;
  }
  .order-summary__wrapper {
    flex-wrap: nowrap;
  }
  .order-summary__order-details {
    max-width: 66.66%;
  }
  .order-summary__guarantee-date {
    margin: 0 0 0 auto;
    width: 170px;
    height: 170px;
    border-width: 9px;
  }
  .order-summary__guarantee-date--text {
    font-size: 18px;
  }
  .order-summary__guarantee-date--date {
    font-size: 18px;
  }
  .order-summary__details-wrap {
    order: 0;
    width: 33.33%;
    flex: 0 0 33.33%;
  }
  .order-summary__installer-details {
    width: 100%;
    max-width: 400px;
    margin: 28px auto 0;
    min-height: 0;
    padding: 18px 32px 18px 75px;
  }
  .order-summary__installer-details--installer {
    flex: 1 1 100%;
    font-size: 16px;
  }
  .order-summary__installer-details--text {
    font-size: 14px;
  }
  .order-summary__installer-details--col {
    flex: 0 0 100%;
    width: 100%;
  }
  .order-summary__smallprint {
    font-size: 10px;
  }
  .order-details__image {
    width: 50%;
    justify-content: center;
  }
  .order-details__items {
    padding: 0;
  }
  .order-details__item--icon {
    width: 32px;
    height: 32px;
  }
  .order-details__item--text {
    font-size: 18px;
  }
  .tracker__aside {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px 15px;
    max-width: 213px;
    text-align: center;
    flex: 1 0 213px;
  }
  .tracker__content {
    padding: 40px 60px 30px 0;
  }
  .band__fasttrack--current .tracker__content {
    padding: 40px 0 30px;
  }
  .tracker__alert--header {
    font-size: 24px;
  }
  .tracker__alert p {
    font-size: 14px;
  }
  .band__fasttrack--current .tracker__column {
    flex: 1 0 25%;
    padding-right: 30px;
  }
  .tracker__column {
    flex: 1 0 25%;
    padding-right: 30px;
  }
  .tracker__column--enquiry {
    padding-left: 0;
    flex: 2 0 60%;
  }
  .band__fasttrack--current .tracker__column--enquiry {
    flex: 2 0 50%;
    padding-right: 30px;
  }
  .tracker__label {
    font-size: 15px;
  }
  .tracker__footer {
    text-align: left;
  }
  .tracker__footer {
    font-size: 14px;
  }
  .cms__background--text\!loyalty .gradient-background__content {
    padding: 0;
    margin: 60px 60px 60px 35%;
    max-width: 935px;
  }
  .sect {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .sect--pdn40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .sect--pb0 {
    padding-bottom: 0;
  }
  .sect--pull-top {
    margin-top: -133px;
  }
  .matrix--appointment {
    margin: 40px auto 0;
    display: flex;
    flex-flow: row wrap;
  }
  .matrix--appointment .matrix__cell + .matrix__cell {
    margin-top: 48px;
  }
  .matrix--appointment .matrix__cell:nth-child(1), .matrix--appointment .matrix__cell:nth-child(2) {
    margin-top: 0;
  }
  .matrix--appointment .matrix__cell:nth-child(2n+1) {
    margin-left: 0;
    flex-basis: calc(50% - 24px);
  }
  .matrix--appointment .matrix__cell:nth-child(2n+2) {
    flex-basis: calc(50% - 24px);
    margin-left: 48px;
  }
  .matrix--confirmation {
    display: flex;
    flex-flow: row wrap;
  }
  .matrix--confirmation .matrix__cell + .matrix__cell {
    margin-top: 32px;
  }
  .matrix--confirmation .matrix__cell:nth-child(1), .matrix--confirmation .matrix__cell:nth-child(2) {
    margin-top: 0;
  }
  .matrix--confirmation .matrix__cell:nth-child(2n+1) {
    margin-left: 0;
    flex-basis: 50.3%;
  }
  .matrix--confirmation .matrix__cell:nth-child(2n+2) {
    flex-basis: 42.3%;
    margin-left: 7.4%;
  }
  .accordion__item {
    padding-left: 30px;
    padding-right: 20px;
  }
  .accordion__content {
    padding-right: 10px;
  }
  .wysiwyg__markup--accordion\!loyalty {
    padding-left: 35px;
  }
}

@media all and (min-width: 60em) and (min-width: 48em) {
  .table__fasttrack--responses .table__row--header .table__col--question {
    margin-right: 40px;
  }
  .table__fasttrack--responses .table__row--body .table__col--question {
    margin-right: 40px;
  }
  .table__fasttrack--responses .table__row--header .table__col--answer {
    margin-right: 40px;
  }
  .table__fasttrack--responses .table__row--body .table__col--answer {
    margin-right: 40px;
  }
  .table__fasttrack--responses .table__row--header .table__col--blank {
    margin-right: 40px;
  }
  .table__fasttrack--responses .table__row--body .table__col--blank {
    margin-right: 40px;
  }
}

@media (min-width: 990px) {
  .band-lifestyle-slant .lifestyle-image {
    background-size: 495px;
  }
  .band-lifestyle-slant .vertical-padding-xlg {
    padding-top: 175px !important;
    padding-bottom: 175px !important;
  }
  .background-image-cta .box-centered {
    max-width: 480px;
  }
}

@media (min-width: 991px) {
  .stats-page {
    width: calc(100% - 30px);
    max-width: 1366px;
  }
  .stats-block:not(.grid-col) {
    margin: 30px 0;
  }
}

@media (min-width: 992px) {
  .secondary-cta-row a {
    width: 25%;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: -2px;
  }
  .secondary-cta-row a .secondary-cta-item {
    font-size: 20px;
    width: 100%;
    padding: 10px 15px;
  }
  .box-hover {
    max-height: 259px;
    padding: 15px 20px;
  }
  .box-hover .box-title {
    font-size: 20px;
  }
  .box-hover:hover .box-hover-text {
    font-size: 13px;
  }
  .grid-four-col > .grid-col {
    float: left;
    width: 25%;
  }
  .grid-narrow {
    margin-left: -64px;
    margin-right: -64px;
  }
  .grid-narrow > .grid-col {
    padding-left: 64px;
    padding-right: 64px;
  }
  .is-vat {
    margin-bottom: 0;
    display: inline-block;
    margin-left: 5px;
  }
  .vertical-auto {
    justify-content: center;
  }
  .text-left-md {
    text-align: left;
  }
  .text-center-md {
    text-align: center;
  }
  .text-right-md {
    text-align: right;
  }
  .col-md-auto {
    width: auto;
  }
  .modal-lg {
    width: 900px;
  }
  .configurator-home-box .configurator-home-img {
    height: 100px;
  }
  .journey-bar .progress-bar {
    top: 28%;
  }
  .card__customer--row .input__container--text {
    width: 70%;
  }
  .card__customer--row .input__container--text:last-child {
    width: 100%;
  }
}

@media all and (min-width: 64em) {
  .header__shop--index-old {
    margin: 40px 0;
  }
  .tile__shop--index > .tile__item {
    width: calc(33.333% - 16px);
    margin: 16px 16px 0 0;
  }
  .toggle__content--show\@ls {
    display: block;
  }
  .toggle__content--hide\@ls {
    display: none;
  }
  .box__product--external .box__ctas {
    flex-direction: row;
    align-items: center;
  }
  .box__product--external .box__cta {
    margin-right: 20px;
    margin-bottom: 0;
  }
  .dial__graphic--guarantees {
    padding-top: 21.0526315789%;
  }
  .dial__graphic--guarantees > .dial__unit--start {
    right: 100%;
  }
  .dial__graphic--guarantees > .dial__unit--end {
    left: 100%;
  }
  .media__list--products .media__image {
    margin: 20px 92px 20px 34px;
  }
  .mediacard__content-grid {
    flex-direction: row;
  }
  .mediacard__content-grid > div {
    width: calc((100% - 20px) / 2);
  }
  .mediacard__content-grid > div + div {
    margin-top: 0;
    margin-left: 20px;
  }
  .modal__replace-product {
    flex-direction: row;
    margin: 30px 15px;
    /* stylelint-disable-next-line */
    /* stylelint-disable-next-line */
  }
  .modal__replace-product > a,
.modal__replace-product > button {
    flex: 1;
    flex-basis: calc(33.333% - 100px);
    /* stylelint-disable-next-line */
    /* stylelint-disable-next-line */
    /* stylelint-disable-next-line */
  }
  .modal__replace-product > a:nth-child(1),
.modal__replace-product > button:nth-child(1) {
    background-image: none;
  }
  .modal__replace-product > a:nth-child(2),
.modal__replace-product > button:nth-child(2) {
    background-image: none;
  }
  .modal__replace-product > a:nth-child(3),
.modal__replace-product > button:nth-child(3) {
    background-image: none;
  }
  .modal__replace-product > * + * {
    margin-top: 0;
    margin-left: 50px;
  }
  .grnt__info__title {
    font-size: 18px;
  }
  .grnt__info__text {
    font-size: 14px;
  }
  .grnt {
    display: flex;
  }
  .grnt .mediacard__content {
    max-width: 600px;
  }
  .grnt > div + div {
    margin-top: 0;
    margin-left: 40px;
  }
  .repair__data-card-grid {
    flex-flow: nowrap;
  }
  .repair__data-card-grid > div:nth-child(3) {
    flex: 1 1 100%;
    margin-top: 0;
    margin-left: 20px;
  }
  .repair__data-card-grid p {
    font-size: 14px;
  }
  .matrix--4x4 .matrix__cell {
    flex-basis: calc(25% - 32px);
  }
  .form__heading, .form__subheading {
    font-size: 24px;
    margin: 46px 0 28px;
  }
  .form__subheading {
    font-size: 20px;
    margin: 46px 0 28px;
  }
  .form__dropzone {
    padding: 44px 20px;
  }
  .display--ls\+ {
    display: block;
  }
  .display--ls- {
    display: none;
  }
}

@media (min-width: 1025px) {
  .hide-min-desktop {
    display: none !important;
  }
}

@media (min-width: 1152px) {
  .e-container {
    width: 100%;
    margin: 0 auto;
  }
}

@media (min-width: 1200px) {
  .band-image + .band-body {
    padding-left: 383.999996px;
  }
  .band-image-right + .band-body {
    padding-right: 383.999996px;
    padding-left: 8px;
  }
  .container, .band-body {
    width: 1046px;
  }
  .text-left-lg {
    text-align: left;
  }
  .text-center-lg {
    text-align: center;
  }
  .text-right-lg {
    text-align: right;
  }
  .col-lg-auto {
    width: auto;
  }
}

@media all and (min-width: 75em) {
  .header__customer--orders, .header__customer--tabs {
    padding: 65px 0 60px;
  }
  .tile__wai--news > .tile__item {
    flex-basis: 50%;
  }
  .tile__shop--landing-old > .tile__item {
    flex: 0 1 268px;
  }
  .tile__shop--landing-old > .tile__item:first-child {
    margin-left: 0;
  }
  .tile__shop--landing-old > .tile__item:last-child {
    margin-right: 0;
  }
  .band__body--cp {
    padding: 0;
  }
  .footer__link, .footer__link:visited, .footer__link:hover, .footer__link:focus {
    margin-right: 30px;
  }
  .footer__copyright {
    order: -1;
    margin-right: 22px;
  }
  .guarantee__label--desktop {
    left: -110px;
  }
  .journey__badge--here {
    position: absolute;
    top: 25%;
    right: 0;
    margin: auto;
  }
  .news__container--card {
    max-width: 304px;
  }
  .product-carousel .left-arrow {
    left: 90px;
  }
  .product-carousel .right-arrow {
    right: 90px;
  }
  .container-wrap {
    max-width: calc(1168px + 2 * 16px);
  }
  .frame--appointment {
    padding: 40px 80px;
  }
}

@media (min-width: 1239px) {
  .menu-heading {
    margin-right: 50px;
    font-size: 26px;
  }
  .no-nav .menu-heading {
    margin-right: 0;
  }
}

@media (min-width: 1240px) {
  .hero-img + .band-callouts {
    margin-top: -55px;
    box-shadow: inset 0 -5px 0 0 #005691;
  }
  .list.list-callouts > li {
    height: 55px;
    font-size: 1.3em;
  }
  .secondary-cta-row {
    font-size: 20px;
    padding: 0;
  }
  body {
    padding-top: 230px;
  }
  .body-consumer-portal {
    padding-top: 265px;
  }
  .mega-menu .menu-header--consumer-portal {
    margin-bottom: 13px;
  }
  .mega-menu .menu-header--consumer-portal.no-nav {
    padding: 15px 50px 25px;
  }
  .mega-menu .menu-header {
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
  }
  .mega-menu .menu-icon {
    margin: 8px auto;
  }
  .mega-menu .menu-title {
    display: block;
    width: 100px;
    height: 16px;
    text-align: center;
    overflow: visible;
  }
  .mega-menu .menu-body {
    background: white;
    width: 100%;
    max-width: 1366px;
    margin-right: auto;
    margin-left: auto;
  }
  .mega-menu .menu-body-inner {
    margin-left: auto;
    margin-right: auto;
    padding: 0;
  }
  .mega-menu .menu-body-inner.grid-two-col > .grid-col:first-child {
    width: 77.66667%;
  }
  .mega-menu .menu-body-inner.grid-two-col > .grid-col:first-child + .grid-col {
    width: 22.333333%;
  }
  .mega-menu .menu-image-wrap {
    position: relative;
  }
  .mega-menu .menu-image {
    max-height: 250px;
    margin: 43px auto 0;
  }
  .mega-menu .menu-image-desc {
    margin: 0 auto 51px;
    background-color: #525F6B;
    padding: 10px 15px;
    line-height: 1.4;
    color: #FFFFFF;
  }
  .mega-menu .menu {
    display: flex;
  }
  .mega-menu .menu-search {
    display: none !important;
  }
  .mega-menu .menu-toggle,
.mega-menu .menu-toggle-wrap {
    display: none !important;
  }
  .mega-menu .menu-sign-out {
    margin-left: auto;
  }
  .mega-menu .mobile-topbar-search {
    margin-left: auto;
  }
  .mega-menu .mobile-topbar-search + .menu-sign-out {
    margin-left: 0;
  }
  .mega-menu .menu > li > a {
    position: relative;
    padding-top: 16px;
    padding-bottom: 20px;
    line-height: 1;
  }
  .mega-menu .menu > li.menu-open > a {
    border-bottom: 2px solid #525F6B;
  }
  .mega-menu .menu > .wb-purple-nav.menu-open > a {
    border-bottom: 2px solid #50237F;
  }
  .mega-menu .menu > .wb-teal-nav.menu-open > a {
    border-bottom: 2px solid #00A8B0;
  }
  .mega-menu .menu > .wb-light-blue-nav.menu-open > a {
    border-bottom: 2px solid #007DB8;
  }
  .mega-menu .menu > .wb-blue-nav.menu-open > a {
    border-bottom: 2px solid #005691;
  }
  .mega-menu .menu > .wb-dark-green-nav.menu-open > a {
    border-bottom: 2px solid #006249;
  }
  .mega-menu .menu > .wb-light-green-nav.menu-open > a {
    border-bottom: 2px solid #78BE20;
  }
  .mega-menu .menu > li {
    display: inline-block;
    vertical-align: top;
  }
  .mega-menu .menu > .menu-brand > a {
    padding: 0;
    height: auto;
  }
  .mega-menu .menu-brand {
    height: 53px;
    width: 351px;
    max-width: 351px;
    margin-left: 5px;
    margin-bottom: 0;
  }
  .mega-menu .excelerate-logo {
    width: 185px;
    margin-right: 10px;
  }
  .mega-menu .menu-sub-below {
    background-color: #FFFFFF;
    border-bottom: none;
    border-top: 1px solid #EEEEEE;
  }
  .mega-menu .menu-sub-below ul {
    padding: 0;
  }
  .mega-menu .menu-sub-below ul > li {
    display: inline-block;
    margin-top: 30px;
    margin-bottom: 14px;
    float: none;
    vertical-align: top;
    width: 24.5%;
    border-bottom: none;
  }
  .mega-menu .menu-sub-below ul > li > a {
    text-decoration: none;
    color: #444444;
    font-size: 1.125em;
    line-height: 1.4;
    padding: 0;
  }
  .mega-menu .menu-level-secondary {
    margin: 13px 5px 51px;
  }
  .mega-menu .menu-level-secondary > li > a {
    display: block;
    margin-bottom: 12px;
  }
  .mega-menu .menu-level-tertiary {
    width: 100%;
  }
  .mega-menu .menu-level-tertiary > li {
    font-size: 0.875em;
    line-height: 1.6;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    width: 100% !important;
  }
  .mega-menu .menu-level-tertiary > li a {
    text-decoration: none;
    color: #000000;
    padding-left: 0;
  }
  .mega-menu .menu-level-tertiary > li a:hover {
    text-decoration: underline;
  }
  .mega-menu .menu-level-tertiary > li.active a {
    font-weight: 700;
  }
  .mega-menu .menu-sub-below ul > li > a:hover {
    color: #111111;
    text-decoration: underline;
  }
  .mega-menu .menu-sub-below ul > .wb-purple-nav > a:hover {
    color: #50237F;
  }
  .mega-menu .menu-sub-below ul > .wb-teal-nav > a:hover {
    color: #00A8B0;
  }
  .mega-menu .menu-sub-below ul > .wb-light-blue-nav > a:hover {
    color: #007DB8;
  }
  .mega-menu .menu-sub-below ul > .wb-blue-nav > a:hover {
    color: #005691;
  }
  .mega-menu .menu-sub-below ul > .wb-dark-green-nav > a:hover {
    color: #006249;
  }
  .mega-menu .menu-sub-below ul > .wb-light-green-nav > a:hover {
    color: #78BE20;
  }
  .mega-menu .menu-sub-below ul > li.active > a {
    color: #525F6B;
    font-weight: 600;
  }
  .mega-menu .menu-sub-below ul > .wb-purple-nav.active > a {
    color: #50237F;
  }
  .mega-menu .menu-sub-below ul > .wb-teal-nav.active > a {
    color: #00A8B0;
  }
  .mega-menu .menu-sub-below ul > .wb-light-blue-nav.active > a {
    color: #007DB8;
  }
  .mega-menu .menu-sub-below ul > .wb-blue-nav.active > a {
    color: #005691;
  }
  .mega-menu .menu-sub-below ul > .wb-dark-green-nav.active > a {
    color: #006249;
  }
  .mega-menu .menu-sub-below ul > .wb-light-green-nav.active > a {
    color: #78BE20;
  }
  .mega-menu .menu-visible-collapsed {
    display: none;
  }
  .menu-collapsed-open .header-wrap {
    position: absolute;
  }
  .topbar {
    display: block;
  }
  .mobile-topbar .topbar {
    display: none;
  }
  .topbar ul .link-text {
    border-right: 1px solid #DEDEDE;
  }
  .topbar {
    display: block;
  }
  .mobile-topbar .topbar {
    display: none;
  }
  .topbar ul .link-text {
    border-right: 1px solid #DEDEDE;
  }
  #search-field-mount .search__input-wrapper {
    border-bottom: 1px solid #000000;
    padding: 10px;
  }
  #search-field-mount .search__icon {
    margin-right: 0;
    transform: translateX(-10px);
  }
}

@media (min-width: 1366px) {
  .mega-menu .container, .mega-menu .band-body,
.navbar-bottom .container,
.navbar-bottom .band-body {
    width: 1366px;
  }
}

@media all and (min-width: 87.5em) {
  .container__wysiwyg--loyalty\!default {
    padding: 0;
  }
  .grid__wai--contact > .grid__col--space {
    padding: 0;
  }
  .grid__wai--jobs .grid__col--jobs {
    flex-grow: 1;
  }
  .header__wai--jobs {
    padding: 0;
  }
  .header__jobs--my {
    margin: 0 0 37px;
  }
  .header__settings--holiday {
    margin: 60px 0 40px;
  }
  .header__settings--office {
    margin: 60px 0 28px;
  }
  .header__settings--history {
    margin: 60px 0 40px;
  }
  .header__settings--engineers {
    margin: 60px 0 40px;
  }
  .header__contact {
    padding: 0;
  }
  .header__contact--search {
    margin: 0 0 40px;
  }
  .header__leads--comments {
    border: none;
    font-size: 28px;
    font-weight: 300;
    line-height: 35px;
    margin: 60px 0 30px;
    padding: 0;
  }
  .header__leads--action {
    margin: 60px 0 20px;
  }
  .header__guarantees--other {
    margin: 60px 0 20px;
  }
  .header__guarantees--gassafe {
    margin: 60px 0 20px;
  }
  .header__guarantees--registered {
    margin: 0 0 20px;
  }
  .header__guarantees--promotions {
    margin: 60px 0 20px;
  }
  .header__guarantees--thirdparty {
    margin: 60px 0 20px;
  }
  .header__guarantees--installation {
    margin: 60px 0 20px;
  }
  .header__guarantees--installer {
    margin: 60px 0 20px;
  }
  .header__shop--product {
    margin: 34px 0 40px;
  }
  .header__shop--history {
    margin: 40px 0 0;
  }
  .table__jobs--orders, .table__jobs--leads, .table__jobs--surveys, .table__jobs--guarantees {
    margin: 0 0 40px;
  }
  .table__leads--open {
    margin: 40px 0 60px;
  }
  .table__leads--completed {
    margin: 40px 0;
  }
  .table__fasttrack--new, .table__fasttrack--current {
    margin: 0 0 40px;
  }
  .table__fasttrack--responses {
    padding: 1px 0;
  }
  .table__surveys--awaiting, .table__surveys--completed {
    margin: 0 0 40px;
  }
  .table__completed--orders {
    margin: 0 0 40px;
  }
  .table__guarantees--completed {
    margin: 0 0 60px;
  }
  .table__guarantees--product {
    margin: 0 0 60px;
  }
  .table__guarantees--promotions {
    margin: 0 0 60px;
  }
  .table__settings--engineers {
    margin: 0 0 60px;
  }
  .table__settings--showrooms {
    margin: 0;
  }
  .table__shop--history, .table__shop--order, .table__shop--basket {
    padding: 0;
  }
  .table__footnote {
    margin: 0 0 60px;
  }
  .table__header {
    padding: 0;
  }
  .table__header--my {
    margin: 40px 0 36px;
  }
  .table__header--leads {
    margin: 40px 0 19px;
  }
  .table__header--guarantees {
    margin: 0px 0 36px;
  }
  .table__header--lead {
    font-size: 28px;
    margin: 0;
    padding-bottom: 30px;
  }
  .table__subheader--my {
    margin: 0 0 26px;
  }
  .tile__shop--products > .tile__item {
    width: calc(33.333% - 32px);
    margin: 16px 32px 16px 0;
  }
  .accordion__container--settings .accordion__body, .accordion__container--settings-link .accordion__body, .accordion__container--contact .accordion__body, .accordion__container--orders .accordion__body {
    padding: 19px 30px 35px;
  }
  .accordion__link--edit {
    padding: 0;
  }
  .band__fasttrack--proof, .band__fasttrack--current {
    padding: 60px 16px;
  }
  .box__contact--help {
    margin: 0 0 60px;
  }
  .box__guarantee--certificate {
    margin: 0 90px 0 0;
  }
  .box__shop--reorder {
    margin: 16px 0;
  }
  .box__shop--checkout {
    margin: 0;
  }
  .box__shop--basket {
    margin: 16px 0;
  }
  .box__product--external {
    margin: 31px 0;
  }
  .dial__graphic--guarantees {
    display: inline-block;
    margin: 30px 55px 0 0;
  }
  .dial__graphic--guarantees > .dial__indicator:after {
    background-size: 14px;
  }
  .dial__overview--guarantees {
    margin: 0 0 0 21px;
    display: inline-block;
    vertical-align: bottom;
  }
  .details__row {
    margin: 0;
  }
  .details__row--wrap {
    margin: 0;
  }
  .filter__shop--products {
    margin: 0 0 76px;
    padding-right: 32px;
  }
  .heading__shop--history, .heading__shop--basket {
    margin: 40px 0 0;
  }
  .heading__guarantees__wrap {
    padding: 0 0 60px;
  }
  .input__group--actions {
    margin: 0 0 20px;
  }
  .input__group--comments, .input__group--showrooms {
    padding: 0;
  }
  .input__submit--actions {
    margin-left: 0;
  }
  .input__textarea--comments, .input__textarea--showrooms {
    padding: 14px;
    border-top: 1px solid #D8D8D8;
  }
  .input__disclaimer--actions {
    margin: 0 0 40px;
  }
  .input__label--textarea {
    border: none;
    font-size: 20px;
    font-weight: 300;
    line-height: 35px;
    margin: 10px 0 32px;
    padding: 0;
  }
  .journey__container--steps {
    margin: 30px 0 24px;
  }
  .journey__container--consumer-portal {
    margin: 0;
    min-height: 50px;
  }
  .journey__header--steps {
    margin: 40px 0 0;
  }
  .journey__footer {
    margin: 0 0 15px;
  }
  .journey__stamp--date {
    margin-left: 0;
  }
  .link__back, .link__block--actions {
    padding-left: 0;
  }
  .media__list--contacts {
    margin: 0 0 81px;
  }
  .notice__jobs--missed {
    padding: 12px 0;
  }
  .tab__menu, .tab__menu--news {
    padding: 0;
  }
  .text__paragraph--space {
    margin: 16px 0;
  }
  .grid__guarantees--registrations .dial__overview--cta {
    margin-top: 24px;
  }
}

@media (max-width: 1440px) {
  .grid-wrap-tablet .band-padding-xxl {
    padding: 90px 0;
  }
}

@media (max-width: 1240px) {
  .mega-menu .menu [role*=search] {
    opacity: 0;
  }
  .mega-menu .menu-sub > li > a {
    padding: 10px 16px 10px 0;
    display: flex;
    align-items: center;
  }
  .mega-menu .menu-sub > li {
    margin-left: 60px;
    margin-bottom: 0;
  }
  .mega-menu .menu-sub > li > ul > li {
    margin-left: 0;
  }
  .mega-menu .menu-sub > li > ul > li a {
    display: block;
    padding: 10px 16px 10px 12px;
    text-decoration: none;
    color: #000000;
    font-size: 14px;
  }
  .menu-collapsed-open nav .menu {
    display: block;
  }
  .menu-collapsed-open {
    position: relative;
  }
  .menu-collapsed-open .header-wrap {
    overflow-y: auto;
    height: 100vh;
  }
  .menu-collapsed-open .header:after {
    display: none;
  }
  #search-field-mount .search__input {
    color: #444444;
    font-size: 16px;
  }
  #search-field-mount .search__options {
    right: 5px;
  }
}

@media (max-width: 1239px) {
  .mega-menu .menu-brand {
    width: 65%;
  }
  .mega-menu .menu-brand .logo {
    margin: auto;
  }
  .mega-menu .menu-brand h1 {
    font-size: 1.5em;
  }
  .mega-menu .menu {
    display: none;
    overflow-y: auto;
    max-height: 360px;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    border-bottom: none;
  }
  .mega-menu .menu > li > a {
    display: flex;
    align-items: center;
    background-color: #FFFFFF;
    text-align: left;
    font-size: 16px;
    padding: 17.5px;
    text-transform: none;
  }
  .mega-menu .menu > li > a:active {
    background-color: #FFFFFF;
  }
  .mega-menu .menu > li.menu-open > .menu-sub {
    display: block;
    margin-bottom: 40px;
  }
  .mega-menu .menu > li.menu-open > .menu-sub > li.menu-open > .menu-sub {
    display: block;
  }
  .mega-menu .menu-open > a > div > .menu-visible-icon:before {
    transform: rotate(90deg);
  }
  .mega-menu .menu-open > a > div > .menu-visible-icon:after {
    transform: rotate(180deg);
  }
  .mega-menu .menu-visible-icon {
    position: relative;
    width: 18px;
    height: 18px;
    display: block;
    /* Vertical line */
    /* horizontal line */
  }
  .mega-menu .menu-visible-icon:after, .mega-menu .menu-visible-icon:before {
    content: "";
    position: absolute;
    background-color: #000000;
    transition: transform 0.25s ease-out;
    display: block;
    opacity: 0.5;
  }
  .mega-menu .menu-visible-icon:before {
    top: 0;
    left: 50%;
    width: 2px;
    height: 100%;
    margin-left: -1px;
  }
  .mega-menu .menu-visible-icon:after {
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    margin-top: -1px;
  }
  .mega-menu .menu-sub {
    background-color: #FFFFFF;
  }
  .mega-menu .menu-sub .menu-visible-icon {
    height: 14px;
    width: 14px;
    margin: 5px 3px;
  }
  .mega-menu .menu > li,
.mega-menu .menu-sub > li {
    border-top: 1px solid #D8D8D8;
  }
  .mega-menu .menu > li:first-child {
    border-top: none;
  }
  .mega-menu .menu-sub a {
    text-transform: none;
  }
  .mega-menu .menu-sub > li > a:active {
    background-color: #f2f2f2;
  }
  .mega-menu .menu-search {
    padding: 10px 17.5px;
    background-color: #FFFFFF;
  }
  .mega-menu .menu-search .input-group {
    width: 100%;
  }
  .mega-menu .menu-search .form-control {
    border: 0;
    box-shadow: none;
    padding: 6px 5px 6px 40px;
  }
  .mega-menu .menu-search .input-group-btn {
    display: none;
  }
  .mega-menu .menu-search .icon-search {
    font-size: 16px;
    position: absolute;
    top: 50%;
    left: 16px;
    z-index: 2;
    transform: translateY(-50%);
    color: #999999;
  }
  .mega-menu .menu-search .icon-search-mob {
    display: block;
  }
  .mega-menu .menu-toggle-wrap {
    display: flex;
    justify-content: flex-end;
    height: auto;
    border-bottom: 1px solid #D8D8D8;
    padding: 10px 0;
  }
  .mega-menu .menu-toggle {
    display: block;
    position: relative;
    height: 24px;
    width: 24px;
    border: none;
    background: transparent;
    cursor: pointer;
  }
  .mega-menu .menu-toggle .icon-bar {
    background-color: #444444;
    width: 23px;
    height: 2px;
    margin: 7px 7px 0 0;
    transition: linear 0.2s;
    display: block;
    font-size: 0;
    position: absolute;
    top: 0;
    left: 0;
  }
  .mega-menu .menu-toggle .icon-bar:after, .mega-menu .menu-toggle .icon-bar:before {
    content: "";
    display: block;
    transform: none;
    width: 23px;
    height: 2px;
    transition: linear 0.2s;
    float: left;
    clear: left;
    background: #444444;
    position: absolute;
  }
  .mega-menu .menu-toggle .icon-bar:before {
    top: 6px;
  }
  .mega-menu .menu-toggle .icon-bar:after {
    transform: none;
    top: 12px;
  }
  .menu-collapsed-open .mega-menu .menu-toggle .icon-bar {
    transform: translateY(4px) rotate(45deg);
    width: 22px;
    height: 2px;
  }
  .menu-collapsed-open .mega-menu .menu-toggle .icon-bar:after, .menu-collapsed-open .mega-menu .menu-toggle .icon-bar:before {
    width: 23px;
    height: 2px;
  }
  .menu-collapsed-open .mega-menu .menu-toggle .icon-bar:before {
    transform: rotateY(90deg);
    top: 5px;
  }
  .menu-collapsed-open .mega-menu .menu-toggle .icon-bar:after {
    transform: translateY(-10px) rotate(-90deg);
    top: 10px;
  }
  .mega-menu .menu-toggle,
.mega-menu .menu-toggle:active {
    margin: 17.5px 17.5px;
  }
  .mega-menu .menu.menu-sub-below {
    display: none;
  }
  .mega-menu .menu-header {
    overflow: hidden;
    border-bottom: 1px solid #D8D8D8;
  }
  .mega-menu .menu-collapsed-open {
    position: fixed;
    overflow-y: hidden;
  }
  .mega-menu .menu-title {
    display: inline-block;
    width: 100%;
  }
  .mega-menu .menu-body {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .mega-menu .menu-raised-search {
    display: none;
  }
}

@media (max-width: 1199px) {
  .container, .band-body {
    width: auto;
  }
}

@media (max-width: 1024px) {
  .button-row-flex-max-desktop {
    display: flex;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  .button-row-flex-max-desktop .btn {
    width: 50%;
  }
  .button-row-flex-max-desktop .btn:last-child {
    margin: 0 0 0 20px;
  }
  .grid-wrap-tablet.grid-flex {
    display: flex;
    flex-wrap: wrap;
  }
  .grid-wrap-tablet > .grid-col {
    float: none !important;
    width: 100% !important;
  }
  .grid-wrap-tablet.grid-swap-mobile {
    flex-direction: column-reverse;
  }
  ._xlg-margin-bottom {
    margin-bottom: 50px;
  }
  .grid-wrap-tablet .text-center-responsive {
    text-align: center !important;
  }
  .grid-wrap-tablet .max-height-responsive.max-height-300px {
    max-height: 300px;
  }
  .padding-base-vertical-max-desktop {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .padding-small-horizontal-max-desktop {
    padding-left: 10px;
    padding-right: 10px;
  }
  .padding-base-max-desktop {
    padding: 32px !important;
  }
  .width-full-max-desktop {
    width: 100% !important;
  }
  .two-columns-max-desktop {
    display: flex;
    flex-wrap: wrap;
  }
  .two-columns-max-desktop li {
    width: 50% !important;
  }
  .hide-max-desktop {
    display: none !important;
  }
  .repair .fai-installer .flex-row > div,
.repair .repair__data .flex-row > div {
    width: 100% !important;
    border: 2px solid #EEEEEE !important;
    margin-top: -2px;
  }
}

@media (max-width: 992px) {
  .secondary-cta-row a:nth-of-type(2n) .secondary-cta-item {
    border-right: none;
  }
}

@media (max-width: 991px) {
  .band {
    padding: 40px 0;
  }
  .band-image {
    top: -40px;
    margin-bottom: -80px;
  }
  .band-overflow-hidden {
    margin-top: -40px;
    padding-top: 40px;
  }
  .grid-box-btn > .grid-col {
    width: 50%;
    max-width: 50%;
    flex-basis: 50%;
  }
  .menu-collapsed-open .header:after {
    content: "";
    background-color: #EEEEEE;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 200%;
  }
  .stats-block {
    margin: 30px 0;
  }
  .card__customer--row .input__container--text {
    width: 100%;
  }
  .card__customer--row .input__container--text + .button {
    margin-top: 10px;
    margin-right: auto;
  }
}

@media (max-width: 900px) {
  .delivery-date-picker-mobile-breakout {
    margin-left: -36px;
    width: calc(100% + 72px);
    padding: 32px 0;
    border: 1px solid rgba(44, 44, 44, 0.1);
    background: #FFFFFF;
  }
  .delivery-date-picker-mobile-breakout .control-label {
    padding: 0 32px 27px;
  }
  .delivery-date-picker-mobile-breakout .delivery-info {
    padding: 32px 32px 0;
  }
  .delivery-date-picker-mobile-breakout .DayPicker-Day--selected .label,
.delivery-date-picker-mobile-breakout .DayPicker-Day--unavailable .label {
    display: none;
  }
}

@media (max-width: 799px) {
  .modal-max-height .modal-dialog, .modal-max-height.fade .modal-dialog, .modal-max-height.in .modal-dialog {
    transform: translate(0, 0);
    top: auto;
    position: relative;
    margin: 10vh 5%;
  }
}

@media (max-width: 769px) {
  .js-slider-tabs .lifestyle-btn-wrap {
    display: none;
  }
}

@media (max-width: 768px -1) {
  .enquiry-text-active {
    animation: text-jump 500ms;
  }
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
.table-responsive > .table-bordered > thead > tr > td:first-child,
.table-responsive > .table-bordered > tbody > tr > th:first-child,
.table-responsive > .table-bordered > tbody > tr > td:first-child,
.table-responsive > .table-bordered > tfoot > tr > th:first-child,
.table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
.table-responsive > .table-bordered > thead > tr > td:last-child,
.table-responsive > .table-bordered > tbody > tr > th:last-child,
.table-responsive > .table-bordered > tbody > tr > td:last-child,
.table-responsive > .table-bordered > tfoot > tr > th:last-child,
.table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
.table-responsive > .table-bordered > tbody > tr:last-child > td,
.table-responsive > .table-bordered > tfoot > tr:last-child > th,
.table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}

@media (max-width: 768px) {
  .overlap-center {
    width: 100%;
  }
  #accessories .band-padding-xxl, #videos .band-padding-xxl, #training .band-padding-xxl {
    padding: 0;
  }
  .band-homepage-two-images {
    padding-top: 40px;
  }
  .band-homepage-fast-track {
    padding-top: 25px;
  }
  .band-homepage-advice {
    padding: 50px 0;
  }
  .box-inline {
    max-width: 120px;
    min-height: 200px;
  }
  .box .asset-linear-background.asset-linear-background-full-width {
    width: 100%;
    margin-bottom: 30px;
  }
  ._text-left-sm {
    text-align: left !important;
  }
  .padding-double-sm {
    padding: 32px !important;
  }
  .padding-bottom-none-sm {
    padding-bottom: 0 !important;
  }
  .padding-medium-bottom-max-tablet {
    padding-bottom: 21px !important;
  }
  .padding-medium-vertical-max-tablet {
    padding-top: 21px !important;
    padding-bottom: 21px !important;
  }
  .width-full-max-tablet {
    width: 100% !important;
  }
  .hide-max-tablet {
    display: none !important;
  }
  blockquote {
    font-size: 1em;
  }
  .blockquote-large {
    font-size: 1.5em;
  }
  .media-express-header {
    margin-top: 0;
  }
  .media-express-header .media-object {
    display: none;
  }
  .media-express-header .media-body {
    padding: 32px;
  }
  .stockist-onboarding-modal .modal-content {
    height: 84%;
  }
  .stockist-onboarding-modal .modal-dialog {
    width: 100%;
    margin: 0;
    height: 100%;
  }
  .modal__container--installation-photos {
    width: 100%;
  }
  .modal__button--margin-top {
    margin-top: 0;
  }
  .modal__two-columns {
    display: block;
  }
  .guarantee__band--loyalty .start-screen .box.box-flex.card {
    margin: 0 auto 40px;
  }
}

@media only screen and (max-width: 768px) {
  .m-carousel--style-1 .m-carousel__actions {
    margin-top: 0;
  }
  .m-carousel--style-1 .m-carousel__actions .a-button {
    margin-top: 30px;
  }
  .m-carousel--style-1 .m-carousel__item__body {
    display: block;
  }
}

@media (max-width: 767px) {
  .band {
    padding: 20px 0;
  }
  .band-image {
    display: none;
  }
  .band-overflow-hidden {
    margin-top: -20px;
    padding-top: 20px;
  }
  .box > .asset {
    float: left;
    width: 20%;
    min-width: 130px;
    margin: 0 15px 5px 0;
    border: none;
  }
  .box-login {
    margin-bottom: 0;
    padding: 15px;
  }
  .box-login > .btn-row {
    padding: 10px 15px;
    margin: 0 -15px -10px -15px;
  }
  .grid-two-col.grid-col-left-small > .grid-col:first-child {
    height: 350px;
  }
  .grid-swap > .grid-col:first-child {
    float: none !important;
  }
  .grid-flex-sm {
    display: flex;
  }
  .grid-flex-sm > .grid-col {
    display: flex;
    flex-direction: column;
  }
  .grid-flex-column-sm {
    display: flex;
    flex-flow: column;
  }
  .grid-flex-reverse-tablet {
    display: flex;
    flex-direction: column-reverse;
  }
  .margin-bottom-sm {
    margin-bottom: 30px;
  }
  .grid-col .text-center-responsive {
    text-align: center !important;
  }
  .grid-col .max-height-responsive.max-height-300px {
    max-height: 300px;
  }
  .modal-dialog-absolute-middle {
    height: 100%;
    width: 100%;
  }
  .modal-dialog {
    margin-left: 0;
    margin-right: 0;
  }
  .modal-login-modal {
    width: 100%;
  }
  .modal-login-modal h2 {
    padding-right: 15px;
  }
  .modal-login-modal .close {
    font-size: 50px;
    right: 15px;
    top: 15px;
  }
  .e-grid.grid-swap {
    display: flex;
    flex-direction: column-reverse;
  }
  .guarantee__band--loyalty .start-screen .asset.asset-linear-background.wb-blue {
    float: none;
    width: 100%;
  }
}

@media screen and (max-width: 759px) {
  .matrix-hscroll {
    overflow: auto;
    padding: 25px;
    width: 100%;
  }
  .matrix-hscroll .matrix--listing {
    margin: 0 -40px;
  }
}

@media (max-width: 700px) {
  .fab-fai-banner-purple-gradient div.fai-search-close {
    display: none !important;
  }
  .box-content-flex {
    flex-direction: column;
  }
  .box-numbered {
    padding: 16px;
    margin: 16px;
  }
  .box-numbered:before {
    top: -20.5px;
    left: -20.5px;
    line-height: 41px;
    width: 41px;
    height: 41px;
    font-size: 20.5px;
  }
}

@media (max-width: 699px) {
  .homepage .text-black {
    color: #FFFFFF !important;
  }
}

@media (max-width: 650px) {
  .box > .btn-row-block\$mobile > .btn,
.btn-row-block\$mobile > .btn {
    margin: 0 0 10px;
    display: block;
  }
  .box > .btn-row-block\$mobile > .btn:last-child,
.btn-row-block\$mobile > .btn:last-child {
    margin: 0;
  }
  .box > .btn-row-block\$mobile > .btn + .btn,
.btn-row-block\$mobile > .btn + .btn {
    margin-left: 0 !important;
  }
}

@media (max-width: 600px) {
  .margin-bottom-mob {
    margin-bottom: 30px;
  }
  ._no-margin-mob {
    margin: 0 !important;
  }
}

@media (max-width: 599px) {
  .box-wide.box-filters {
    flex-direction: column;
    align-items: flex-start;
  }
  .grid-two-col.grid-col-left-small > .grid-col:first-child {
    height: 260px;
  }
  .matrix--4x4 {
    display: flex;
    margin: 0 auto;
  }
}

@media (max-width: 560px) {
  .header-installer-notification-padding {
    padding-top: 233px;
  }
  .header-installer-notification-padding.has-cookie-bar.header-padding {
    padding-top: 380px;
  }
}

@media (max-width: 500px) {
  .horizontal-padding-sm-mobile {
    padding-left: 17px;
    padding-right: 17px;
  }
  .ellipse-mobile {
    width: 100%;
  }
  .ellipse-mobile a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: keep-all;
  }
  .modal-dialog-absolute-middle .modal-content {
    height: 100%;
  }
}

@media (max-width: 480px) {
  .media-with-thumbnail .thumbnail {
    width: 100%;
  }
  .media-with-thumbnail .media-body {
    clear: both;
  }
}

@media (max-width: 479px) {
  .grid-two-col.grid-col-left-small > .grid-col:first-child {
    height: 210px;
  }
}

@media only screen and (max-width: 460px) {
  .modal-card__container {
    margin: 0 -32px;
  }
}

@media (max-width: 450px) {
  .grid-box-btn {
    margin-left: -16px;
    margin-right: -16px;
  }
  .grid-box-btn > .grid-col {
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media (max-width: 425px) {
  .modal__two-columns {
    margin-right: 0;
  }
}

@media only screen and (max-width: 395px) {
  .modal-card__container {
    justify-content: center;
    margin: 0;
  }
}

@media (max-width: 374px) {
  .width-full-max-mobile-small {
    width: 100% !important;
  }
}

@media print {
  .visible-print {
    display: inherit !important;
  }
  .hidden-print {
    display: none !important;
  }
  .print-hidden {
    display: none !important;
  }
}