@charset "UTF-8";
/*
 Includes inorder to enable mixins and functions available in main.scss
 =========================================================================== */
/**
 * basic grid system and settings
 */
/**
	* the default settings for both our project as well as the libs
	*/
/* 1350 */
/* 1020 */
/* 768 */
/* 480 */
/*
	shade: #,
	dark: #,
	night: #,
	base: #,
	light: #,
	bright: #,
	luminous: #,
*/
/* RED */
/* bruneau specific communications
 ex. logo, bruneau-products-label, brand-page, … */
/* amount of club-points, club-article titles
 ex. points gained by this order, points amount
  of club article in promotion */
/* bruneau specific communications
 ex. logo, bruneau-products-label, brand-page, … */
/* error feedback to the customer
 ex. error-notifiction */
/* uses for any erroneus beedback to the customer
 ex. form validation failure, could not be saven, … */
/* hovers on bruneau communications
 ex. logo, icons, … */
/* PINK */
/* promo specific labels and backgrounds
   ex. promo labes and badges */
/* textual promo anouncements and color of
 prices for articles in promo
 ex. ‘HOEVEELHEIDSKORTING’ or current price  */
/* interactions on specific communications
   ex. in grid-items */
/* OLIVE */
/* graphical elements & texts driving/signaling the conversion track
	ex. converstion funnel steps, positive stock message */
/* background color of conversion buttons   ex. confirm-order-button */
/* notifications show a successfull event & form elements returning a success message */
/* notifications signalling a successfull event form elements returning a success message */
/* hovers on conversion driving elements
 ex. conversion funnel steps*/
/* BLUE */
/* graphical elements and texts sinaling any key-acount specific content
    ex. converstion price-agreement, link to ‘own’ site */
/* background color on key-account
 conversion buttons when interaction with customer */
/* interactions with rating(stars */
/* hovers on key-account texts and icons
   ex. the key-account icon */
/* used as background color on key-account
 conversion buttons */
/* used for all rating stars on products */
/* used for highlighted buttons, elements on key accounts */
/* BLACK */
/* defualt texts and lines
  ex. product descriptions, icons, tekst-links */
/* dark shadows and dark backgrounds */
/* defualt buttons interaction
 ex. hover */
/* neutral notification to the customer */
/* cancel reset buttton hove */
/* text/icon content printed on dark
 background */
/* lines and borders which
 encapsulate content ex. borders around forms, devider, hr, … */
/* default color for selected, active form
 elements ex. borders around form elements on-focus,  selected, hover, … */
/* graphical elements which are inactive ex. conversion funnel steps, inactive navigational elements */
/* graphical elements which are inactive ex. in-active input fields */
/* topnavigation footer */
/* cancel or reset buttons */
/* WHITE */
/* text/icon content printed on dark
 background */
/* element default background */
/* white background of overlays, popovers, popups.... */
/* background for forms
 or groups of input fields */
/* light background for footer and buyersblock in megadropdown or contact/welcome block in registerPopOver*/
/* used as background for megadropdown and footer */
/* disabled form elements */
/* disabled form elements */
/* YELLOW */
/*  informative notification to the customer */
/* ORANGE */
/* warning notification to the customer */
/*  exclusive label */
/* hover orange */
/* GOLD */
/*  clubInfo */
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap");
/**
 *  basis calculation to % of container calculations for using 'with'-properties beside 'grid' structures:;
 */
/**
	calculate the % of the width of a gutter against it's parent container, as to be used in margin and paddings where the container is exprssed in a number of cols
	$container-cols = number of colls the container holds
	$screen-size    = name (as string) of the screen-size in which this is used:;
	* 'wide-screen-size',
	* 'normal-screen-size',
	* 'small-screen-size',
	* 'phone-screen-size'
*/
/**
	calculate the % or the rem width of a col for responsive 'fixed' widths where a css grid layout is not opplicaple
	$cols = number of colls to be calculated
	$container-cols = number of colls the container holds
	$screen-size = name (as string) of the screen-size in which this is used:
	* 'wide-screen-size',
	* 'normal-screen-size',
	* 'small-screen-size',
	* 'phone-screen-size'
*/
@font-face {
  font-family: 'bruneauAdaptiveIcons';
  src: url("//asset0.jm-bruneau.be/fonts/bruneauAdaptiveIcons.eot?(");
  src: url("//asset0.jm-bruneau.be/fonts/bruneauAdaptiveIcons.eot?(#iefix") format("embedded-opentype"), url("//asset0.jm-bruneau.be/fonts/bruneauAdaptiveIcons.woff2?(") format("woff2"), url("//asset0.jm-bruneau.be/fonts/bruneauAdaptiveIcons.ttf?(") format("truetype"), url("//asset0.jm-bruneau.be/fonts/bruneauAdaptiveIcons.woff?(") format("woff"), url("//asset0.jm-bruneau.be/fonts/bruneauAdaptiveIcons.svg?(#bruneauIconAdaptive") format("svg");
  font-weight: normal;
  font-style: normal; }

.bruneauicon,
[data-icon]:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'bruneauAdaptiveIcons';
  font-size: 1.8em;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-style: normal; }

/* default-libs
 ============================================================================ */
/**
 * default lib-stack to import in all pages
 */
/* any 15 col container which resises to regular 100% container with regular grid settings */
/* any 12 col container which resises to regular 100% container with regular grid settings */
/* any 8 col container which resises to regular 100% container with regular grid settings */
/* any 4 col container which resises to regular 100% container with regular grid settings */
/*User interface icons*/
/*social media icons*/
/* design  icons */
/*social logo */
/*social logo */
/*social logo */
/* header icons */
/* popover HeaderQuickDPopOver icons */
/* popover HeaderSearch icons */
/* footer */
/* pops */
/* multiline ellipsis */
/* specifics sizes for the rescaling parentArticleBanner--info */
/*
@import "tools/tools.carousel.scss";
@import "tools/tools.spacing.scss";
@import "tools/tools.tables.scss";
@import "tools/tools.loaders.scss";
@import "tools/tools.layout.scss";
*/
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
html {
  /*font-family: sans-serif;*/
  /* 1 */
  /*-ms-text-size-adjust: 100%;*/
  /* 2 */
  /*-webkit-text-size-adjust: 100%;*/
  /* 2 */ }

/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }

/* HTML5 display definitions
	 ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  /* 1 */
  display: block; }

/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
template,
[hidden] {
  display: none; }

/* Links
	 ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0; }

/* Text-level semantics
	 ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
	 ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/* Forms
	 ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
select,
textarea {
  /*font: inherit;*/
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: bold; }

/**
 * Show the overflow in IE.
 */
button,
input {
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/**
 * a reset only for bruneau
 */
/* Bruneau specific 'reset' styling
 ============================================================================ */
/**
 * reset lists to have no style
 * they should be styled individually
 * most lists appera with no style-type
 */
ul,
ol {
  list-style-type: none;
  margin: 0;
  padding: 0; }

/**
 * remove borders and outlines from buttons
 * hover over buttons should have pointers
 */
button {
  border-style: none;
  outline: none; }

button:hover {
  cursor: pointer; }

a, a:active,
a:focus,
button,
button:focus,
button:active,
.button, .button:focus,
.button:active:focus,
.button.active:focus,
.btn.focus,
.btn.focus:active,
.btn.active.focus {
  outline: none;
  outline: 0; }

input::-moz-focus-inner {
  border: 0; }

/**
 * br's should not have a height
 * p's should be used correctly
 * line-heigt and height can be set individually on containers
 */
br {
  height: 0;
  line-height: 0; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  /* font-size: 100%;
	font: inherit; */
  vertical-align: baseline; }

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

body {
  /*line-height: 1;*/ }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/**
 * clear afther, IE8 and lower proof
 */
/* clear fix https://css-tricks.com/snippets/css/clear-fix/ */
/**
 * a minimal 'reset' inorder to make most browsers behave identically
 */
/*------------------------------------*\
	$RESET
\*------------------------------------*/
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0; }

/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */
abbr[title], dfn[title] {
  cursor: help; }

/**
 * Remove underlines from potentially troublesome elements.
 */
a {
  text-decoration: none; }

/**
 * Apply faux underline via `border-bottom`.
 */
ins {
  border-bottom: 1px solid; }

/**
 * So that `alt` text is visually offset if images don’t load.
 */
img {
  font-style: italic; }

/**
 * Give form elements some cursor interactions...
 */
label,
input,
textarea,
button,
select,
option {
  cursor: pointer; }

/* border box sizeing
 ============================================================================ */
/**
 * set the border-box as default on all elements
 * https://css-tricks.com/box-sizing/
 * http://www.paulirish.com/2012/box-sizing-border-box-ftw/
 * < IE8 this might be a problem
 *
 * 1. all recent and manjor browsers support the non-vendon-named property
 * 2. just to make sure for some old, but still actively used browsers
 */
html {
  box-sizing: border-box; }

* {
  /* min-height: 0;
  min-width: 0; */ }
  *, *:before, *:after {
    /* box-sizing: inherit; */ }

/**
	* lowest level general styles for the whole site
	*/
/*
Paragraphs: Images
---
*/
/**
 * 1. Fluid images for responsive purposes.
 * 2. Offset `alt` text from surrounding copy.
 * 3. Setting `vertical-align` removes the whitespace that appears under `img`
 *    elements when they are dropped into a page as-is. Safer alternative to
 *    using `display: block;`.
 */
img {
  max-width: 100%;
  /* [1] */
  font-style: italic;
  /* [2] */
  /*vertical-align: middle;*/
  /* [3] */ }

/**
 * 1. If a `width` and/or `height` attribute have been explicitly defined, let’s
 *    not make the image fluid.
 */
img[width],
img[height] {
  /* [1] */
  max-width: none; }

.content-image {
  width: 100%; }

/*
		Paragraphs: Sprites
		---
		Sprites used on Bruneau site.
*/
/*
Paragraphs: Typography
---
 ...
*/
html, body {
  /* @include text-default-regular-15;
	color: $text--content; */ }

a {
  text-decoration: none;
  color: #000000; }

/**
	Paragraphs: Z-index
	*/
/* .footer */
.footer {
  z-index: 1; }

/* ConversionFunnelSteps */
.ConversionFunnelSteps {
  z-index: 2; }

.steps-stroke {
  z-index: 1; }

.step-index {
  z-index: 2; }

/* .modal */
.tooltip {
  z-index: 1; }

.dropdown {
  z-index: 2; }

/* .header */
header {
  /*z-index: z( header);*/ }

.topnavigation {
  z-index: 1; }

.popOverSpeechbubble {
  z-index: 5; }

.select--dropdown {
  z-index: 3; }

.searchResultList {
  z-index: 2; }

.mobile-menu-top {
  z-index: 4; }

header.sticky-header {
  z-index: 8; }

/* .Club */
.part-clubBody {
  z-index: 5; }

.ClubIntro {
  z-index: 1; }

.ClubArticleList__filters {
  z-index: 3; }

.ClubArticleList__filters .articleListSort {
  z-index: 4; }

/* articles */
.bestBuyLabel {
  z-index: 1; }

.discountLabel {
  z-index: 2; }

.ArticlesListTopNavigation {
  z-index: 4; }

/* .backdrop */
.backdrop {
  z-index: 7; }

/* .preloader */
.preloader {
  z-index: 9; }

/* .modal */
.modal {
  z-index: 10; }

.read-more-container {
  position: relative; }
  .read-more-container .read-more-trigger .read-more-state {
    display: none; }
  .read-more-container .read-more-trigger .read-more-wrap > a {
    text-decoration: underline;
    position: absolute;
    right: 0; }
  .read-more-container .read-more-trigger .read-more-state ~ .read-more-wrap {
    max-height: 5em; }
  .read-more-container .read-more-trigger .read-less-target::after {
    content: '...'; }
  .read-more-container .read-more-trigger .read-more-state ~ .read-more-wrap .read-more-target {
    opacity: 0;
    position: absolute;
    left: -999em;
    transition: .75s ease; }
  .read-more-container .read-more-trigger .read-more-state:checked ~ .read-more-wrap .read-less-target::after {
    content: ''; }
  .read-more-container .read-more-trigger .read-more-state:checked ~ .read-more-wrap {
    max-height: 999em; }
  .read-more-container .read-more-trigger .read-more-state ~ .read-more-wrap .show-less-text {
    display: none; }
  .read-more-container .read-more-trigger .read-more-state ~ .read-more-wrap .show-more-text {
    display: inline; }
  .read-more-container .read-more-trigger .read-more-state:checked ~ .read-more-wrap .show-more-text {
    display: none; }
  .read-more-container .read-more-trigger .read-more-state:checked ~ .read-more-wrap .show-less-text {
    display: block; }
  .read-more-container .read-more-trigger .read-more-state:checked ~ .read-more-wrap .read-more-target {
    opacity: 1;
    position: relative;
    left: inherit; }

.backdrop {
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  min-height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: none; }

/**
 * customer feedback
 	* notifications, popups, pop-overs, tooltips, …
 */
.Notification {
  display: block;
  width: 100%;
  max-width: 90rem;
  margin: 0 auto;
  border-left: 6px solid #000000;
  border-right: none;
  border-top: none;
  border-bottom: none;
  position: relative;
  padding: 0;
  font-size: 18px;
  line-height: 1.2rem;
  font-family: "Roboto";
  font-weight: 300; }
  @media (max-width: 1350.1px) {
    .Notification {
      max-width: 68rem; } }
  @media (max-width: 1020.1px) {
    .Notification {
      max-width: 51.2rem; } }
  @media (max-width: 480.1px) {
    .Notification {
      width: 100%; } }
  .Notification__content {
    display: block;
    padding: 1rem 1.5rem;
    border: 1px solid #9b9b9b;
    border-left: none; }
  .Notification .bruneauicon {
    display: table-cell;
    width: 3.5rem;
    vertical-align: middle; }
    .Notification .bruneauicon:before {
      font-size: 2.5rem; }
  .Notification .ui--close {
    position: absolute;
    top: 1rem;
    right: 0;
    font-size: .5rem;
    color: #000000; }
    .Notification .ui--close:before {
      font-family: 'bruneauAdaptiveIcons';
      font-size: 2rem;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e913";
      font-size: 1.5rem;
      width: auto;
      margin-right: 1.5rem;
      color: #000000; }
    .Notification .ui--close .text {
      clip: rect(0 0 0 0);
      overflow: hidden;
      position: absolute;
      height: 1px;
      width: 1px; }
  .Notification__right {
    display: table-cell;
    width: calc(100% - 4.5rem);
    font-family: "Roboto";
    font-weight: 300;
    color: #bdbdbd;
    vertical-align: middle;
    padding-right: 3.5rem;
    color: #000000; }
    .Notification__right h1 {
      font-family: "Roboto";
      font-weight: 700;
      margin-bottom: 0.3rem;
      color: #000000; }
    .Notification__right .ui--close:before {
      font-family: 'bruneauAdaptiveIcons';
      font-size: 2rem;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e913"; }

.Notification--pop-up {
  display: block;
  width: 100%;
  max-width: 90rem;
  margin: 0 auto;
  border-left: 6px solid #000000;
  border-right: none;
  border-top: none;
  border-bottom: none;
  position: relative;
  padding: 0;
  font-size: 18px;
  line-height: 1.2rem;
  font-family: "Roboto";
  font-weight: 300;
  margin: 0 auto;
  max-width: 68rem;
  position: fixed;
  top: 50%; }
  @media (max-width: 1350.1px) {
    .Notification--pop-up {
      max-width: 68rem; } }
  @media (max-width: 1020.1px) {
    .Notification--pop-up {
      max-width: 51.2rem; } }
  @media (max-width: 480.1px) {
    .Notification--pop-up {
      width: 100%; } }
  .Notification--pop-up__content {
    display: block;
    padding: 1rem 1.5rem;
    border: 1px solid #9b9b9b;
    border-left: none; }
  .Notification--pop-up .bruneauicon {
    display: table-cell;
    width: 3.5rem;
    vertical-align: middle; }
    .Notification--pop-up .bruneauicon:before {
      font-size: 2.5rem; }
  .Notification--pop-up .ui--close {
    position: absolute;
    top: 1rem;
    right: 0;
    font-size: .5rem;
    color: #000000; }
    .Notification--pop-up .ui--close:before {
      font-family: 'bruneauAdaptiveIcons';
      font-size: 2rem;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e913";
      font-size: 1.5rem;
      width: auto;
      margin-right: 1.5rem;
      color: #000000; }
    .Notification--pop-up .ui--close .text {
      clip: rect(0 0 0 0);
      overflow: hidden;
      position: absolute;
      height: 1px;
      width: 1px; }
  .Notification--pop-up__right {
    display: table-cell;
    width: calc(100% - 4.5rem);
    font-family: "Roboto";
    font-weight: 300;
    color: #bdbdbd;
    vertical-align: middle;
    padding-right: 3.5rem;
    color: #000000; }
    .Notification--pop-up__right h1 {
      font-family: "Roboto";
      font-weight: 700;
      margin-bottom: 0.3rem;
      color: #000000; }
    .Notification--pop-up__right .ui--close:before {
      font-family: 'bruneauAdaptiveIcons';
      font-size: 2rem;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e913"; }
  @media (max-width: 1350.1px) {
    .Notification--pop-up {
      max-width: 51.2rem; } }
  @media (max-width: 768.1px) {
    .Notification--pop-up {
      max-width: 32rem; } }
  @media (max-width: 480.1px) {
    .Notification--pop-up {
      width: 100%; } }

.Notification--pop-in {
  display: block;
  width: 100%;
  max-width: 90rem;
  margin: 0 auto;
  border-left: 6px solid #000000;
  border-right: none;
  border-top: none;
  border-bottom: none;
  position: relative;
  padding: 0;
  font-size: 18px;
  line-height: 1.2rem;
  font-family: "Roboto";
  font-weight: 300; }
  @media (max-width: 1350.1px) {
    .Notification--pop-in {
      max-width: 68rem; } }
  @media (max-width: 1020.1px) {
    .Notification--pop-in {
      max-width: 51.2rem; } }
  @media (max-width: 480.1px) {
    .Notification--pop-in {
      width: 100%; } }
  .Notification--pop-in__content {
    display: block;
    padding: 1rem 1.5rem;
    border: 1px solid #9b9b9b;
    border-left: none; }
  .Notification--pop-in .bruneauicon {
    display: table-cell;
    width: 3.5rem;
    vertical-align: middle; }
    .Notification--pop-in .bruneauicon:before {
      font-size: 2.5rem; }
  .Notification--pop-in .ui--close {
    position: absolute;
    top: 1rem;
    right: 0;
    font-size: .5rem;
    color: #000000; }
    .Notification--pop-in .ui--close:before {
      font-family: 'bruneauAdaptiveIcons';
      font-size: 2rem;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e913";
      font-size: 1.5rem;
      width: auto;
      margin-right: 1.5rem;
      color: #000000; }
    .Notification--pop-in .ui--close .text {
      clip: rect(0 0 0 0);
      overflow: hidden;
      position: absolute;
      height: 1px;
      width: 1px; }
  .Notification--pop-in__right {
    display: table-cell;
    width: calc(100% - 4.5rem);
    font-family: "Roboto";
    font-weight: 300;
    color: #bdbdbd;
    vertical-align: middle;
    padding-right: 3.5rem;
    color: #000000; }
    .Notification--pop-in__right h1 {
      font-family: "Roboto";
      font-weight: 700;
      margin-bottom: 0.3rem;
      color: #000000; }
    .Notification--pop-in__right .ui--close:before {
      font-family: 'bruneauAdaptiveIcons';
      font-size: 2rem;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e913"; }

.Notification--pop-over {
  display: block;
  width: 100%;
  max-width: 90rem;
  margin: 0 auto;
  border-left: 6px solid #000000;
  border-right: none;
  border-top: none;
  border-bottom: none;
  position: relative;
  padding: 0;
  font-size: 18px;
  line-height: 1.2rem;
  font-family: "Roboto";
  font-weight: 300;
  position: absolute;
  top: 0rem;
  overflow: hidden;
  max-height: 100rem;
  opacity: 1;
  transition: max-height .5s ease-in-out; }
  @media (max-width: 1350.1px) {
    .Notification--pop-over {
      max-width: 68rem; } }
  @media (max-width: 1020.1px) {
    .Notification--pop-over {
      max-width: 51.2rem; } }
  @media (max-width: 480.1px) {
    .Notification--pop-over {
      width: 100%; } }
  .Notification--pop-over__content {
    display: block;
    padding: 1rem 1.5rem;
    border: 1px solid #9b9b9b;
    border-left: none; }
  .Notification--pop-over .bruneauicon {
    display: table-cell;
    width: 3.5rem;
    vertical-align: middle; }
    .Notification--pop-over .bruneauicon:before {
      font-size: 2.5rem; }
  .Notification--pop-over .ui--close {
    position: absolute;
    top: 1rem;
    right: 0;
    font-size: .5rem;
    color: #000000; }
    .Notification--pop-over .ui--close:before {
      font-family: 'bruneauAdaptiveIcons';
      font-size: 2rem;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e913";
      font-size: 1.5rem;
      width: auto;
      margin-right: 1.5rem;
      color: #000000; }
    .Notification--pop-over .ui--close .text {
      clip: rect(0 0 0 0);
      overflow: hidden;
      position: absolute;
      height: 1px;
      width: 1px; }
  .Notification--pop-over__right {
    display: table-cell;
    width: calc(100% - 4.5rem);
    font-family: "Roboto";
    font-weight: 300;
    color: #bdbdbd;
    vertical-align: middle;
    padding-right: 3.5rem;
    color: #000000; }
    .Notification--pop-over__right h1 {
      font-family: "Roboto";
      font-weight: 700;
      margin-bottom: 0.3rem;
      color: #000000; }
    .Notification--pop-over__right .ui--close:before {
      font-family: 'bruneauAdaptiveIcons';
      font-size: 2rem;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e913"; }
  .Notification--pop-over .ui--close {
    position: absolute;
    top: 1rem;
    right: 0;
    font-size: .5rem;
    color: #000000; }
    .Notification--pop-over .ui--close:before {
      font-family: 'bruneauAdaptiveIcons';
      font-size: 2rem;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e913";
      font-size: 1.5rem;
      width: auto;
      margin-right: 1.5rem;
      color: #000000; }
    .Notification--pop-over .ui--close .text {
      clip: rect(0 0 0 0);
      overflow: hidden;
      position: absolute;
      height: 1px;
      width: 1px; }
  .Notification--pop-over .ui--close:before {
    font-family: 'bruneauAdaptiveIcons';
    font-size: 2rem;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e948"; }

.Notification--notice {
  display: block;
  width: 100%;
  max-width: 90rem;
  margin: 0 auto;
  border-left: 6px solid #000000;
  border-right: none;
  border-top: none;
  border-bottom: none;
  position: relative;
  padding: 0;
  font-size: 18px;
  line-height: 1.2rem;
  font-family: "Roboto";
  font-weight: 300;
  border-left: 6px solid #000000; }
  @media (max-width: 1350.1px) {
    .Notification--notice {
      max-width: 68rem; } }
  @media (max-width: 1020.1px) {
    .Notification--notice {
      max-width: 51.2rem; } }
  @media (max-width: 480.1px) {
    .Notification--notice {
      width: 100%; } }
  .Notification--notice__content {
    display: block;
    padding: 1rem 1.5rem;
    border: 1px solid #9b9b9b;
    border-left: none; }
  .Notification--notice .bruneauicon {
    display: table-cell;
    width: 3.5rem;
    vertical-align: middle; }
    .Notification--notice .bruneauicon:before {
      font-size: 2.5rem; }
  .Notification--notice .ui--close {
    position: absolute;
    top: 1rem;
    right: 0;
    font-size: .5rem;
    color: #000000; }
    .Notification--notice .ui--close:before {
      font-family: 'bruneauAdaptiveIcons';
      font-size: 2rem;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e913";
      font-size: 1.5rem;
      width: auto;
      margin-right: 1.5rem;
      color: #000000; }
    .Notification--notice .ui--close .text {
      clip: rect(0 0 0 0);
      overflow: hidden;
      position: absolute;
      height: 1px;
      width: 1px; }
  .Notification--notice__right {
    display: table-cell;
    width: calc(100% - 4.5rem);
    font-family: "Roboto";
    font-weight: 300;
    color: #bdbdbd;
    vertical-align: middle;
    padding-right: 3.5rem;
    color: #000000; }
    .Notification--notice__right h1 {
      font-family: "Roboto";
      font-weight: 700;
      margin-bottom: 0.3rem;
      color: #000000; }
    .Notification--notice__right .ui--close:before {
      font-family: 'bruneauAdaptiveIcons';
      font-size: 2rem;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e913"; }
  .Notification--notice .ui--info:before {
    font-family: 'bruneauAdaptiveIcons';
    font-size: 2rem;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e90d";
    color: #000000;
    font-size: 2rem; }

.Notification--confirmation {
  display: block;
  width: 100%;
  max-width: 90rem;
  margin: 0 auto;
  border-left: 6px solid #000000;
  border-right: none;
  border-top: none;
  border-bottom: none;
  position: relative;
  padding: 0;
  font-size: 18px;
  line-height: 1.2rem;
  font-family: "Roboto";
  font-weight: 300;
  border-left: 6px solid #739900; }
  @media (max-width: 1350.1px) {
    .Notification--confirmation {
      max-width: 68rem; } }
  @media (max-width: 1020.1px) {
    .Notification--confirmation {
      max-width: 51.2rem; } }
  @media (max-width: 480.1px) {
    .Notification--confirmation {
      width: 100%; } }
  .Notification--confirmation__content {
    display: block;
    padding: 1rem 1.5rem;
    border: 1px solid #9b9b9b;
    border-left: none; }
  .Notification--confirmation .bruneauicon {
    display: table-cell;
    width: 3.5rem;
    vertical-align: middle; }
    .Notification--confirmation .bruneauicon:before {
      font-size: 2.5rem; }
  .Notification--confirmation .ui--close {
    position: absolute;
    top: 1rem;
    right: 0;
    font-size: .5rem;
    color: #000000; }
    .Notification--confirmation .ui--close:before {
      font-family: 'bruneauAdaptiveIcons';
      font-size: 2rem;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e913";
      font-size: 1.5rem;
      width: auto;
      margin-right: 1.5rem;
      color: #000000; }
    .Notification--confirmation .ui--close .text {
      clip: rect(0 0 0 0);
      overflow: hidden;
      position: absolute;
      height: 1px;
      width: 1px; }
  .Notification--confirmation__right {
    display: table-cell;
    width: calc(100% - 4.5rem);
    font-family: "Roboto";
    font-weight: 300;
    color: #bdbdbd;
    vertical-align: middle;
    padding-right: 3.5rem;
    color: #000000; }
    .Notification--confirmation__right h1 {
      font-family: "Roboto";
      font-weight: 700;
      margin-bottom: 0.3rem;
      color: #000000; }
    .Notification--confirmation__right .ui--close:before {
      font-family: 'bruneauAdaptiveIcons';
      font-size: 2rem;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e913"; }
  .Notification--confirmation .bruneauicon:before {
    color: #739900;
    font-family: 'bruneauAdaptiveIcons';
    font-size: 2rem;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e901";
    font-size: 2rem; }

.Notification--success {
  display: block;
  width: 100%;
  max-width: 90rem;
  margin: 0 auto;
  border-left: 6px solid #000000;
  border-right: none;
  border-top: none;
  border-bottom: none;
  position: relative;
  padding: 0;
  font-size: 18px;
  line-height: 1.2rem;
  font-family: "Roboto";
  font-weight: 300;
  border-left: 6px solid #739900; }
  @media (max-width: 1350.1px) {
    .Notification--success {
      max-width: 68rem; } }
  @media (max-width: 1020.1px) {
    .Notification--success {
      max-width: 51.2rem; } }
  @media (max-width: 480.1px) {
    .Notification--success {
      width: 100%; } }
  .Notification--success__content {
    display: block;
    padding: 1rem 1.5rem;
    border: 1px solid #9b9b9b;
    border-left: none; }
  .Notification--success .bruneauicon {
    display: table-cell;
    width: 3.5rem;
    vertical-align: middle; }
    .Notification--success .bruneauicon:before {
      font-size: 2.5rem; }
  .Notification--success .ui--close {
    position: absolute;
    top: 1rem;
    right: 0;
    font-size: .5rem;
    color: #000000; }
    .Notification--success .ui--close:before {
      font-family: 'bruneauAdaptiveIcons';
      font-size: 2rem;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e913";
      font-size: 1.5rem;
      width: auto;
      margin-right: 1.5rem;
      color: #000000; }
    .Notification--success .ui--close .text {
      clip: rect(0 0 0 0);
      overflow: hidden;
      position: absolute;
      height: 1px;
      width: 1px; }
  .Notification--success__right {
    display: table-cell;
    width: calc(100% - 4.5rem);
    font-family: "Roboto";
    font-weight: 300;
    color: #bdbdbd;
    vertical-align: middle;
    padding-right: 3.5rem;
    color: #000000; }
    .Notification--success__right h1 {
      font-family: "Roboto";
      font-weight: 700;
      margin-bottom: 0.3rem;
      color: #000000; }
    .Notification--success__right .ui--close:before {
      font-family: 'bruneauAdaptiveIcons';
      font-size: 2rem;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e913"; }
  .Notification--success .bruneauicon:before {
    color: #739900;
    font-family: 'bruneauAdaptiveIcons';
    font-size: 2rem;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e901";
    font-size: 2rem; }

.Notification--error {
  display: block;
  width: 100%;
  max-width: 90rem;
  margin: 0 auto;
  border-left: 6px solid #000000;
  border-right: none;
  border-top: none;
  border-bottom: none;
  position: relative;
  padding: 0;
  font-size: 18px;
  line-height: 1.2rem;
  font-family: "Roboto";
  font-weight: 300;
  border-left: 6px solid #e42313; }
  @media (max-width: 1350.1px) {
    .Notification--error {
      max-width: 68rem; } }
  @media (max-width: 1020.1px) {
    .Notification--error {
      max-width: 51.2rem; } }
  @media (max-width: 480.1px) {
    .Notification--error {
      width: 100%; } }
  .Notification--error__content {
    display: block;
    padding: 1rem 1.5rem;
    border: 1px solid #9b9b9b;
    border-left: none; }
  .Notification--error .bruneauicon {
    display: table-cell;
    width: 3.5rem;
    vertical-align: middle; }
    .Notification--error .bruneauicon:before {
      font-size: 2.5rem; }
  .Notification--error .ui--close {
    position: absolute;
    top: 1rem;
    right: 0;
    font-size: .5rem;
    color: #000000; }
    .Notification--error .ui--close:before {
      font-family: 'bruneauAdaptiveIcons';
      font-size: 2rem;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e913";
      font-size: 1.5rem;
      width: auto;
      margin-right: 1.5rem;
      color: #000000; }
    .Notification--error .ui--close .text {
      clip: rect(0 0 0 0);
      overflow: hidden;
      position: absolute;
      height: 1px;
      width: 1px; }
  .Notification--error__right {
    display: table-cell;
    width: calc(100% - 4.5rem);
    font-family: "Roboto";
    font-weight: 300;
    color: #bdbdbd;
    vertical-align: middle;
    padding-right: 3.5rem;
    color: #000000; }
    .Notification--error__right h1 {
      font-family: "Roboto";
      font-weight: 700;
      margin-bottom: 0.3rem;
      color: #000000; }
    .Notification--error__right .ui--close:before {
      font-family: 'bruneauAdaptiveIcons';
      font-size: 2rem;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e913"; }
  .Notification--error .ui--error:before {
    color: #e42313;
    font-family: 'bruneauAdaptiveIcons';
    font-size: 2rem;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e913"; }
  .Notification--error .ui--close:before {
    font-family: 'bruneauAdaptiveIcons';
    font-size: 2rem;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e913";
    color: #000000;
    font-size: 2rem; }

.Notification--warning {
  display: block;
  width: 100%;
  max-width: 90rem;
  margin: 0 auto;
  border-left: 6px solid #000000;
  border-right: none;
  border-top: none;
  border-bottom: none;
  position: relative;
  padding: 0;
  font-size: 18px;
  line-height: 1.2rem;
  font-family: "Roboto";
  font-weight: 300;
  border-left: 6px solid #ff9900; }
  @media (max-width: 1350.1px) {
    .Notification--warning {
      max-width: 68rem; } }
  @media (max-width: 1020.1px) {
    .Notification--warning {
      max-width: 51.2rem; } }
  @media (max-width: 480.1px) {
    .Notification--warning {
      width: 100%; } }
  .Notification--warning__content {
    display: block;
    padding: 1rem 1.5rem;
    border: 1px solid #9b9b9b;
    border-left: none; }
  .Notification--warning .bruneauicon {
    display: table-cell;
    width: 3.5rem;
    vertical-align: middle; }
    .Notification--warning .bruneauicon:before {
      font-size: 2.5rem; }
  .Notification--warning .ui--close {
    position: absolute;
    top: 1rem;
    right: 0;
    font-size: .5rem;
    color: #000000; }
    .Notification--warning .ui--close:before {
      font-family: 'bruneauAdaptiveIcons';
      font-size: 2rem;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e913";
      font-size: 1.5rem;
      width: auto;
      margin-right: 1.5rem;
      color: #000000; }
    .Notification--warning .ui--close .text {
      clip: rect(0 0 0 0);
      overflow: hidden;
      position: absolute;
      height: 1px;
      width: 1px; }
  .Notification--warning__right {
    display: table-cell;
    width: calc(100% - 4.5rem);
    font-family: "Roboto";
    font-weight: 300;
    color: #bdbdbd;
    vertical-align: middle;
    padding-right: 3.5rem;
    color: #000000; }
    .Notification--warning__right h1 {
      font-family: "Roboto";
      font-weight: 700;
      margin-bottom: 0.3rem;
      color: #000000; }
    .Notification--warning__right .ui--close:before {
      font-family: 'bruneauAdaptiveIcons';
      font-size: 2rem;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e913"; }
  .Notification--warning .ui--warning:before {
    color: #ff9900;
    font-family: 'bruneauAdaptiveIcons';
    font-size: 2rem;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e926";
    font-size: 2rem; }

.Notification--info {
  display: block;
  width: 100%;
  max-width: 90rem;
  margin: 0 auto;
  border-left: 6px solid #000000;
  border-right: none;
  border-top: none;
  border-bottom: none;
  position: relative;
  padding: 0;
  font-size: 18px;
  line-height: 1.2rem;
  font-family: "Roboto";
  font-weight: 300;
  border-left: 6px solid #ffcc00; }
  @media (max-width: 1350.1px) {
    .Notification--info {
      max-width: 68rem; } }
  @media (max-width: 1020.1px) {
    .Notification--info {
      max-width: 51.2rem; } }
  @media (max-width: 480.1px) {
    .Notification--info {
      width: 100%; } }
  .Notification--info__content {
    display: block;
    padding: 1rem 1.5rem;
    border: 1px solid #9b9b9b;
    border-left: none; }
  .Notification--info .bruneauicon {
    display: table-cell;
    width: 3.5rem;
    vertical-align: middle; }
    .Notification--info .bruneauicon:before {
      font-size: 2.5rem; }
  .Notification--info .ui--close {
    position: absolute;
    top: 1rem;
    right: 0;
    font-size: .5rem;
    color: #000000; }
    .Notification--info .ui--close:before {
      font-family: 'bruneauAdaptiveIcons';
      font-size: 2rem;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e913";
      font-size: 1.5rem;
      width: auto;
      margin-right: 1.5rem;
      color: #000000; }
    .Notification--info .ui--close .text {
      clip: rect(0 0 0 0);
      overflow: hidden;
      position: absolute;
      height: 1px;
      width: 1px; }
  .Notification--info__right {
    display: table-cell;
    width: calc(100% - 4.5rem);
    font-family: "Roboto";
    font-weight: 300;
    color: #bdbdbd;
    vertical-align: middle;
    padding-right: 3.5rem;
    color: #000000; }
    .Notification--info__right h1 {
      font-family: "Roboto";
      font-weight: 700;
      margin-bottom: 0.3rem;
      color: #000000; }
    .Notification--info__right .ui--close:before {
      font-family: 'bruneauAdaptiveIcons';
      font-size: 2rem;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e913"; }
  .Notification--info .ui--info {
    font-family: 'bruneauAdaptiveIcons';
    font-size: 2rem;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e90d";
    color: #ffcc00;
    font-size: 2rem; }

/* close notificaion and backdrop with close button */
.backdrop--notification.close-pops {
  display: none; }

.Notification.pop-up.close-pops {
  display: none; }

.Notification.pop-in.close-pops {
  display: none; }

.Notification.pop-over.hide-popover {
  max-height: 0; }

/**
 * default stories on all pages
 */
/**
	* Story:Header
*/
header {
  /*
Chapter Pre header bar
    ---
    This is the top bar in the header with custom quick links
    It will dissapear after scrolling.
*/
  /* fallback mixin for old browsers*/
  /* Selector Hacks IE 10+  */
  /* Selector Hacks IE !,9,10 */
  /**
	* Story: headerMegamenu
*/
  /* Selector Hacks IE 10+ */
  position: relative;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background: #ffffff;
  width: 100%;
  top: 0; }
  header .headerPre {
    max-width: 90rem;
    margin: 0 auto;
    text-align: right;
    position: relative;
    vertical-align: middle;
    height: 1.156rem;
    line-height: 1.156rem;
    transition: margin 700ms;
    margin-bottom: 1rem;
    /*
	Chapter: popOverSpeechbubble
	---
	header popOverSpeechbubbles
*/
    /* easy hover */
    /* not support pointer media queries */
    /* difficult to hover or hover on long tab */
    /* no hover */
    /* Selector Hacks IE 10+ */ }
    header .headerPre--outside {
      margin-top: -1.156rem; }
    header .headerPre__inner {
      width: 100%; }
    header .headerPre .input-popOverSpeechbubble {
      display: none; }
    header .headerPre .label-popOverSpeechbubble:hover .popOverSpeechbubble {
      opacity: 1;
      max-height: 100rem;
      height: auto;
      visibility: visible;
      top: 1rem;
      right: 0;
      transition: max-height .6s; }
    header .headerPre .input-popOverSpeechbubble {
      display: none; }
    @media (max-width: 768.1px) {
      header .headerPre .label-popOverSpeechbubble {
        position: unset !important; } }
    header .headerPre .popOverSpeechbubble {
      position: absolute;
      font-size: 15px;
      line-height: 1.2rem;
      font-family: "Roboto";
      font-weight: 300;
      line-height: 1;
      top: 3rem;
      left: auto;
      right: 0;
      width: 23rem;
      text-align: left;
      overflow: visible;
      height: 0;
      max-height: 0;
      transition: max-height .6s;
      transition-delay: .25;
      opacity: 0;
      max-height: 0;
      height: 0;
      visibility: hidden; }
      @media (max-width: 480.1px) {
        header .headerPre .popOverSpeechbubble {
          top: 2rem; } }
      header .headerPre .popOverSpeechbubble__inner {
        width: 100%;
        border: 1px solid #9b9b9b;
        background: #ffffff;
        padding: 1rem;
        margin-top: .7rem;
        font-size: 15px;
        line-height: 1.2rem;
        font-family: "Roboto";
        font-weight: 400;
        width: 100%;
        border: 1px solid #9b9b9b;
        background: #ffffff;
        padding: 1rem; }
        header .headerPre .popOverSpeechbubble__inner:before {
          width: 1rem;
          height: 1rem;
          background: #ffffff;
          transform: rotate(45deg);
          border-left: 1px solid #9b9b9b;
          border-top: 1px solid #9b9b9b;
          content: "";
          position: absolute;
          right: 1.2rem;
          top: 0.25rem; }
          @media (max-width: 768.1px) {
            header .headerPre .popOverSpeechbubble__inner:before {
              display: none; } }
        header .headerPre .popOverSpeechbubble__inner:after {
          width: 1rem;
          height: 1rem;
          background: #ffffff;
          transform: rotate(45deg);
          border-left: 1px solid #9b9b9b;
          border-top: 1px solid #9b9b9b;
          content: "";
          position: absolute;
          right: 1.2rem;
          top: 0.18rem; }
          @media (max-width: 768.1px) {
            header .headerPre .popOverSpeechbubble__inner:after {
              display: none; } }
        header .headerPre .popOverSpeechbubble__inner .popOver-row {
          width: 100%;
          display: block; }
        header .headerPre .popOverSpeechbubble__inner .popOver-listitem {
          border-bottom: 1px solid #9b9b9b;
          width: 100%;
          display: inline-block; }
          header .headerPre .popOverSpeechbubble__inner .popOver-listitem:before {
            margin-right: 0.5rem;
            vertical-align: middle;
            font-size: 2rem;
            color: #000000;
            display: inline-block; }
          header .headerPre .popOverSpeechbubble__inner .popOver-listitem:last-child {
            border-bottom: none; }
          header .headerPre .popOverSpeechbubble__inner .popOver-listitem a:hover, header .headerPre .popOverSpeechbubble__inner .popOver-listitem:hover {
            color: #e42313; }
        header .headerPre .popOverSpeechbubble__inner .popOver-title {
          font-size: 15px;
          line-height: 1.2rem;
          font-family: "Roboto";
          font-weight: 500;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          line-height: 1;
          margin-top: 1rem;
          margin-bottom: 1.5rem;
          display: block; }
        header .headerPre .popOverSpeechbubble__inner .popOver-subtitle {
          font-size: 15px;
          line-height: 1.2rem;
          font-family: "Roboto";
          font-weight: 500;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          display: block; }
      header .headerPre .popOverSpeechbubble .label-popOver-close {
        text-align: right;
        position: absolute;
        right: 1rem;
        top: 1rem;
        display: none; }
        header .headerPre .popOverSpeechbubble .label-popOver-close .input-popOver {
          display: none; }
        header .headerPre .popOverSpeechbubble .label-popOver-close:before {
          font-family: 'bruneauAdaptiveIcons';
          font-size: 2rem;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "\e913"; }
      header .headerPre .popOverSpeechbubble .contact-box,
      header .headerPre .popOverSpeechbubble .popOver__bottom {
        background: #f2f2f2;
        padding: 1.5rem;
        border: 1px dashed #9b9b9b;
        margin-top: 2rem; }
        header .headerPre .popOverSpeechbubble .contact-box a.phoneNumber,
        header .headerPre .popOverSpeechbubble .contact-box a.chat,
        header .headerPre .popOverSpeechbubble .popOver__bottom a.phoneNumber,
        header .headerPre .popOverSpeechbubble .popOver__bottom a.chat {
          text-decoration: underline; }
        header .headerPre .popOverSpeechbubble .contact-box a.phoneNumber,
        header .headerPre .popOverSpeechbubble .popOver__bottom a.phoneNumber {
          white-space: nowrap; }
        header .headerPre .popOverSpeechbubble .contact-box .title--contact-box,
        header .headerPre .popOverSpeechbubble .popOver__bottom .title--contact-box {
          font-size: 15px;
          line-height: 1.2rem;
          font-family: "Roboto";
          font-weight: 500;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          display: block;
          margin-bottom: 0; }
      @media (max-width: 768.1px) {
        header .headerPre .popOverSpeechbubble {
          width: 100%;
          display: block;
          right: 0;
          left: 0; } }
    .touchevents .label-popOverSpeechbubble:hover {
      cursor: pointer; }
    @media (any-hover: hover) {
      header .headerPre .label-popOverSpeechbubble:hover .popOverSpeechbubble {
        opacity: 1;
        max-height: 200rem;
        height: auto;
        visibility: visible;
        cursor: default; } }
    .no-csspointerevents .label-popOverSpeechbubble:hover .popOverSpeechbubble {
      opacity: 1;
      max-height: 200rem;
      height: auto;
      visibility: visible;
      cursor: default; }
    @media (any-hover: on-demand) {
      header .headerPre .input-popOverSpeechbubble:checked ~ .popOverSpeechbubble {
        opacity: 1;
        max-height: 200rem;
        height: auto;
        visibility: visible;
        cursor: default; } }
    @media (any-hover: none) {
      header .headerPre .input-popOverSpeechbubble:checked ~ .popOverSpeechbubble {
        opacity: 1;
        max-height: 200rem;
        height: auto;
        visibility: visible;
        cursor: default; } }
    header .headerPre .popOverSpeechbubble.show {
      opacity: 1;
      max-height: 200rem;
      height: auto;
      visibility: visible; }
    _:-ms-input-placeholder,
    :root .label-popOverSpeechbubble:hover .popOverSpeechbubble {
      opacity: 1 !important;
      max-height: 200rem !important;
      height: auto !important;
      visibility: visible !important;
      cursor: default !important; }
    .ie .label-popOverSpeechbubble:hover .popOverSpeechbubble {
      opacity: 1 !important;
      max-height: 200rem !important;
      height: auto !important;
      visibility: visible !important;
      cursor: default !important; }
    .lt-ie9 .label-popOverSpeechbubble:hover .popOverSpeechbubble {
      opacity: 1 !important;
      max-height: 200rem !important;
      height: auto !important;
      visibility: visible !important;
      cursor: default !important; }
    .no-csspointerevents .label-popOverSpeechbubble:hover .popOverSpeechbubble {
      opacity: 1 !important;
      max-height: 200rem !important;
      height: auto !important;
      visibility: visible !important;
      cursor: default !important; }
    header .headerPre .languageMenu {
      top: 1rem;
      right: 0rem;
      width: auto; }
      header .headerPre .languageMenu .popOverSpeechbubble__inner {
        width: 100%;
        padding: 0; }
        header .headerPre .languageMenu .popOverSpeechbubble__inner:after, header .headerPre .languageMenu .popOverSpeechbubble__inner:before {
          display: none; }
      header .headerPre .languageMenu .countriesLine {
        padding: .5rem 0; }
        header .headerPre .languageMenu .countriesLine__left {
          display: inline-block;
          width: 2rem;
          text-align: center; }
          header .headerPre .languageMenu .countriesLine__left img {
            width: 1rem; }
        header .headerPre .languageMenu .countriesLine__right {
          display: inline-block;
          width: auto; }
          header .headerPre .languageMenu .countriesLine__right .languages li {
            display: inline-block;
            padding-right: .5rem;
            text-transform: none; }
            header .headerPre .languageMenu .countriesLine__right .languages li a:hover {
              color: #e42313; }
      header .headerPre .languageMenu .countries {
        font-size: 12px;
        line-height: 1.6rem;
        font-family: "Roboto";
        font-weight: 400;
        line-height: 1rem; }
        header .headerPre .languageMenu .countries li {
          display: block;
          vertical-align: middle; }
    header .headerPre .languageMenu__item {
      display: inline-block;
      padding: 0 .2rem;
      text-transform: uppercase;
      font-size: 0.8rem; }
      header .headerPre .languageMenu__item label {
        position: unset; }
    header .headerPre.show {
      display: block; }
  .no-touchevents .headerPre .label-popOverSpeechbubble:hover .HeaderLanguagePopOver,
  .touchevents .headerPre .input-popOverSpeechbubble:checked ~ .HeaderLanguagePopOver {
    opacity: 1;
    max-height: 200rem;
    height: auto;
    visibility: visible; }
  header .topnavigation {
    background: #f2f2f2;
    position: relative;
    width: 100%; }
    @media (max-width: 768.1px) {
      header .topnavigation {
        position: fixed;
        top: 0;
        width: 0;
        max-width: 0;
        height: 100%;
        background: #ffffff;
        visibility: hidden;
        opacity: 0;
        transform: translatex(-100%);
        transition: transform .1s;
        transition: width .1s; } }
    header .topnavigation__inner {
      max-width: 90rem;
      margin: 0 auto;
      display: block; }
      header .topnavigation__inner .topnavigation-list {
        width: 100%;
        display: inline-block;
        display: grid;
        grid-template-columns: repeat(10, 1fr); }
        @media (max-width: 768.1px) {
          header .topnavigation__inner .topnavigation-list {
            display: block; } }
        header .topnavigation__inner .topnavigation-list__item {
          display: inline-block;
          margin: 0 .5rem;
          text-align: center;
          vertical-align: middle;
          text-transform: uppercase;
          height: 3.8rem;
          line-height: 3.8rem;
          cursor: pointer; }
          @media (max-width: 768.1px) {
            header .topnavigation__inner .topnavigation-list__item {
              display: block; } }
          header .topnavigation__inner .topnavigation-list__item__label {
            line-height: normal;
            vertical-align: middle;
            height: 3.8rem;
            line-height: normal;
            width: 100%;
            display: table-cell;
            cursor: pointer; }
            header .topnavigation__inner .topnavigation-list__item__label__input {
              display: none; }
            @media (max-width: 768.1px) {
              header .topnavigation__inner .topnavigation-list__item__label {
                display: block;
                width: auto;
                position: relative;
                height: 1.5rem;
                line-height: 1.5rem; } }
            header .topnavigation__inner .topnavigation-list__item__label__link {
              font-size: 15px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 400;
              line-height: normal;
              height: 3.8rem;
              vertical-align: middle;
              width: 100%;
              display: table-cell; }
              @media (max-width: 768.1px) {
                header .topnavigation__inner .topnavigation-list__item__label__link {
                  line-height: 1.5rem;
                  height: auto; } }
              header .topnavigation__inner .topnavigation-list__item__label__link__span {
                vertical-align: middle;
                width: 100%;
                display: inline-block;
                line-height: normal; }
                @media (max-width: 1350.1px) {
                  header .topnavigation__inner .topnavigation-list__item__label__link__span {
                    font-size: 13px;
                    line-height: 1.3rem;
                    font-family: "Roboto";
                    font-weight: 400;
                    line-height: 1.1rem; } }
                @media (max-width: 1020.1px) {
                  header .topnavigation__inner .topnavigation-list__item__label__link__span {
                    font-size: 1.3vmin;
                    line-height: normal; } }
                @media (max-width: 768.1px) {
                  header .topnavigation__inner .topnavigation-list__item__label__link__span {
                    font-size: 15px;
                    line-height: 1.2rem;
                    font-family: "Roboto";
                    font-weight: 400;
                    line-height: normal;
                    height: auto; } }
                @media (max-width: 768.1px) {
                  header .topnavigation__inner .topnavigation-list__item__label__link__span br {
                    display: none; } }
              @media (max-width: 768.1px) {
                header .topnavigation__inner .topnavigation-list__item__label__link .split {
                  display: none; } }
              header .topnavigation__inner .topnavigation-list__item__label__link .split:after {
                content: '\a';
                white-space: pre; }
              header .topnavigation__inner .topnavigation-list__item__label__link:before {
                display: none; }
                @media (max-width: 768.1px) {
                  header .topnavigation__inner .topnavigation-list__item__label__link:before {
                    font-family: 'bruneauAdaptiveIcons';
                    font-size: 2rem;
                    speak: none;
                    font-style: normal;
                    font-weight: normal;
                    font-variant: normal;
                    text-transform: none;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    content: "\e946";
                    display: inline-block;
                    font-size: 1rem;
                    color: #000000;
                    display: inline-block;
                    right: 0;
                    top: 0.2rem;
                    position: absolute; } }
            header .topnavigation__inner .topnavigation-list__item__label__input {
              display: none; }
          @media (max-width: 768.1px) {
            header .topnavigation__inner .topnavigation-list__item {
              text-align: left;
              width: 100%;
              display: block;
              text-transform: none;
              background: #ffffff;
              border-bottom: 1px solid #9b9b9b;
              padding: .5rem 1rem;
              height: auto;
              line-height: normal; } }
  header .topnavigation-list__item__label__input:checked ~ .topnavigation-list__item__label__link,
  header .topnavigation-list__item__label__input:checked ~ .topnavigation-list__item__label__link__span {
    color: #e42313; }
  @media (max-width: 768.1px) {
    .input-menu-mobile:checked ~ .topnavigation {
      width: 100%;
      max-width: 70rem;
      visibility: visible;
      opacity: 1;
      transform: translateY(0%);
      left: 0; } }
  .no-cssgrid .topnavigation {
    display: block;
    width: 100%; }
    .no-cssgrid .topnavigation .topnavigation-list {
      display: table !important; }
    .no-cssgrid .topnavigation .topnavigation-list__item {
      display: table-cell !important;
      width: 10% !important; }
      @media (max-width: 1020.1px) {
        .no-cssgrid .topnavigation .topnavigation-list__item {
          display: table-cell !important;
          width: 10% !important; } }
      @media (max-width: 768.1px) {
        .no-cssgrid .topnavigation .topnavigation-list__item {
          width: 100% !important;
          display: block !important; } }
    @media (max-width: 1020.1px) {
      .no-cssgrid .topnavigation .topnavigation-list__item__label__link__span {
        font-size: .8rem;
        line-height: normal; } }
    @media (max-width: 768.1px) {
      .no-cssgrid .topnavigation .topnavigation-list__item__label__link__span {
        font-size: 1rem;
        line-height: normal; } }
  header _:-ms-input-placeholder,
  header :root .topnavigation {
    display: block;
    width: 100%; }
    header _:-ms-input-placeholder .topnavigation-list,
    header :root .topnavigation .topnavigation-list {
      display: table !important; }
    header _:-ms-input-placeholder .topnavigation-list__item,
    header :root .topnavigation .topnavigation-list__item {
      display: table-cell !important;
      width: 10% !important; }
      @media (max-width: 1020.1px) {
        header _:-ms-input-placeholder .topnavigation-list__item,
        header :root .topnavigation .topnavigation-list__item {
          display: table-cell !important;
          width: 10% !important; } }
      @media (max-width: 768.1px) {
        header _:-ms-input-placeholder .topnavigation-list__item,
        header :root .topnavigation .topnavigation-list__item {
          width: 100% !important;
          display: block !important; } }
    @media (max-width: 1020.1px) {
      header _:-ms-input-placeholder .topnavigation-list__item__label__link__span,
      header :root .topnavigation .topnavigation-list__item__label__link__span {
        font-size: .8rem;
        line-height: normal; } }
    @media (max-width: 768.1px) {
      header _:-ms-input-placeholder .topnavigation-list__item__label__link__span,
      header :root .topnavigation .topnavigation-list__item__label__link__span {
        font-size: 1rem;
        line-height: normal; } }
  .ie .topnavigation {
    display: block;
    width: 100%; }
    .ie .topnavigation .topnavigation-list {
      display: table !important; }
    .ie .topnavigation .topnavigation-list__item {
      display: table-cell !important;
      width: 10% !important; }
      @media (max-width: 1020.1px) {
        .ie .topnavigation .topnavigation-list__item {
          display: table-cell !important;
          width: 10% !important; } }
      @media (max-width: 768.1px) {
        .ie .topnavigation .topnavigation-list__item {
          width: 100% !important;
          display: block !important; } }
    @media (max-width: 1020.1px) {
      .ie .topnavigation .topnavigation-list__item__label__link__span {
        font-size: .8rem;
        line-height: normal; } }
    @media (max-width: 768.1px) {
      .ie .topnavigation .topnavigation-list__item__label__link__span {
        font-size: 1rem;
        line-height: normal; } }
  @supports not (display: grid) {
    header .topnavigation {
      display: block;
      width: 100%; }
      header .topnavigation .topnavigation-list {
        display: table !important; }
      header .topnavigation .topnavigation-list__item {
        display: table-cell !important;
        width: 10% !important; }
        @media (max-width: 1020.1px) {
          header .topnavigation .topnavigation-list__item {
            display: table-cell !important;
            width: 10% !important; } }
        @media (max-width: 768.1px) {
          header .topnavigation .topnavigation-list__item {
            width: 100% !important;
            display: block !important; } }
      @media (max-width: 1020.1px) {
        header .topnavigation .topnavigation-list__item__label__link__span {
          font-size: .8rem;
          line-height: normal; } }
      @media (max-width: 768.1px) {
        header .topnavigation .topnavigation-list__item__label__link__span {
          font-size: 1rem;
          line-height: normal; } } }
  header .HeaderMegamenu {
    /**
	* Story: headerMegamenuCategoryMarketingBlockBuyersGuide
*/
    /**
	* Story: HeaderMegamenuCategoryBrands
*/
    /* Selector Hacks IE 10+ */
    /**
    * Story: HeaderMegamenuCategoryCertona
*/
    /**
	* Story: headerMegamenuCategoryMarketingBlockRight
*/
    /**
	* Story: headerMegamenuCategoryMarketingBlockBuyersGuide
*/
    visibility: hidden;
    height: 0;
    max-height: 0;
    opacity: 0;
    transform: translateY(-100%);
    transition: transform .5s;
    transition: max-height .5s;
    overflow: hidden;
    max-width: 90rem;
    margin: 0 auto;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    padding-bottom: 1rem;
    background: #ffffff; }
    header .HeaderMegamenu .HeaderMegamenuCategoryFurnitureLeft a figure {
      margin-top: 1rem;
      background: #f2f2f2;
      padding: 1rem 1rem 0.5rem 1rem; }
      header .HeaderMegamenu .HeaderMegamenuCategoryFurnitureLeft a figure figcaption {
        font-size: 15px;
        line-height: 1.2rem;
        font-family: "Roboto";
        font-weight: 500;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        line-height: 1.2;
        color: #000000;
        margin-top: 0.5rem;
        padding-bottom: .5rem;
        text-transform: uppercase; }
    header .HeaderMegamenu .HeaderMegamenuCategoryFurnitureLeft a:hover figcaption {
      color: #e42313; }
    header .HeaderMegamenu .HeaderMegamenuCategoryBrands {
      max-width: 90rem;
      margin: 0 auto;
      text-align: center;
      display: inline-block;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-gap: 21.6px;
      padding-right: 1rem;
      padding-left: 1rem; }
      header .HeaderMegamenu .HeaderMegamenuCategoryBrands img {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        height: auto;
        max-width: 4rem;
        opacity: 0.5;
        transition: opacity .5s linear; }
        header .HeaderMegamenu .HeaderMegamenuCategoryBrands img:hover {
          filter: none;
          opacity: 1; }
      header .HeaderMegamenu .HeaderMegamenuCategoryBrands li {
        margin-top: .25rem;
        grid-column: span 1; }
    header .HeaderMegamenu _:-ms-input-placeholder,
    header .HeaderMegamenu :root .HeaderMegamenuCategoryBrands {
      display: block;
      width: 100%; }
      header .HeaderMegamenu _:-ms-input-placeholder li,
      header .HeaderMegamenu :root .HeaderMegamenuCategoryBrands li {
        display: inline-block !important;
        width: 30% !important; }
    .ie .HeaderMegamenuCategoryBrands {
      display: block;
      width: 100%; }
      .ie .HeaderMegamenuCategoryBrands li {
        display: inline-block !important;
        width: 30% !important; }
    @supports not (display: grid) {
      header .HeaderMegamenu .HeaderMegamenuCategoryBrands {
        display: block;
        width: 100%; }
        header .HeaderMegamenu .HeaderMegamenuCategoryBrands li {
          display: inline-block !important;
          width: 30% !important; } }
    header .HeaderMegamenu .HeaderMegamenuCategoryCertona {
      border: 1px dashed #9b9b9b;
      border-radius: 0;
      margin-top: 1rem;
      margin-left: 1rem; }
      header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem {
        /*
Paragraphs: popOver
---
*/
        overflow: hidden;
        padding: 0rem !important;
        background: #ffffff;
        height: auto;
        vertical-align: top;
        text-align: center;
        overflow: hidden;
        border: 1px dotted #9b9b9b;
        border-radius: .4rem;
        position: relative;
        /*
Chapter: featureSelectionColorTiles
---
*/
        /*
Chapter: inputSelectionTiles
---
*/
        /*
Paragraphs: degressivePriceList
---
*/
        /**
	* Chapter: tooltip
*/
        /* smartphones, touchscreens
@at-root @media (hover: none) and (pointer: coarse) {
	.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/
        /* stylus-based screens
@at-root @media (hover: none) and (pointer: fine) {
.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/
        /* Nintendo Wii controller, Kinect
@at-root @media (hover: hover) and (pointer: coarse) {
	.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/
        /* mouse, touch pad
@at-root @media (hover: hover) and (pointer: fine) {
	.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/ }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection {
          position: relative;
          background-color: #f2f2f2;
          padding: 0.75rem;
          min-height: 295px;
          grid-column: auto / span 4;
          display: grid;
          /*
Chapter: featureSelection
---
*/
          /*
Chapter: featureSelectionColor
---
*/
          /* tiles in a horizontal list with text label */
          /*
Chapter: featureSelectionNumberTiles
*/
          /*
Chapter: inputSelectionTiles
---
*/
          /*
Chapter: featureSelectionColorTiles
---
*/
          /*
Chapter: inputSelectionTiles
---
*/ }
          @media (max-width: 1020.1px) {
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection {
              grid-column: auto / span 4; } }
          @media (max-width: 768.1px) {
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection {
              grid-column: 1 / span 8;
              grid-row-start: 2;
              min-height: initial; } }
          @media (max-width: 480.1px) {
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection {
              display: inline-block;
              display: grid;
              grid-column: 1 / span 4; } }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection--listItem {
            grid-row-start: 1;
            grid-row-end: span 2;
            grid-column: 9 / span 4; }
            @media (max-width: 1020.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection--listItem {
                grid-row-start: 1;
                grid-row-end: span 2;
                grid-column: auto / span 4; } }
            @media (max-width: 768.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection--listItem {
                grid-column: auto / span 4;
                grid-row: 2; } }
            @media (max-width: 480.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection--listItem {
                grid-column: 1 / span 4;
                grid-row: 3; } }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .group:after {
            content: "" !important;
            display: block !important;
            clear: both !important; }
          @media (max-width: 480.1px) {
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .group {
              margin-bottom: 1rem; } }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .CheapestPriceDisplay {
            text-align: right; }
            @media (max-width: 768.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .CheapestPriceDisplay div {
                display: inline; } }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .CheapestPriceDisplay .oldPrice {
              font-size: 18px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 400; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .CheapestPriceDisplay .oldPrice .lineThrough {
                text-decoration: line-through; }
              @media (max-width: 768.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .CheapestPriceDisplay .oldPrice {
                  padding-right: .3em; } }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .CheapestPriceDisplay .currentPriceWrapper .priceFrom {
              font-size: 15px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 400; }
              @media (max-width: 768.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .CheapestPriceDisplay .currentPriceWrapper .priceFrom {
                  margin: 0.2em; } }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .CheapestPriceDisplay .currentPriceWrapper .currentPrice {
              font-size: 36px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 700;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              letter-spacing: -0.1rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .CheapestPriceDisplay .currentPriceWrapper .currentPrice.cheapestPrice {
                color: #ff0066; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .CheapestPriceDisplay .currentPriceWrapper .currentPrice sup {
                font-size: 18px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 700;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                margin-left: -1px;
                letter-spacing: 0.05rem;
                vertical-align: super;
                top: 0; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .CheapestPriceDisplay .currentPriceWrapper .currentPrice .euro {
                font-size: 24px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 700; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .CheapestPriceDisplay .minOrderAmount {
              font-size: 12px;
              line-height: 1.6rem;
              font-family: "Roboto";
              font-weight: 300; }
              @media (max-width: 768.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .CheapestPriceDisplay .minOrderAmount {
                  padding: 0; } }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelection {
            /**
	* Chapter: tooltip
*/
            /* smartphones, touchscreens
@at-root @media (hover: none) and (pointer: coarse) {
	.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/
            /* stylus-based screens
@at-root @media (hover: none) and (pointer: fine) {
.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/
            /* Nintendo Wii controller, Kinect
@at-root @media (hover: hover) and (pointer: coarse) {
	.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/
            /* mouse, touch pad
@at-root @media (hover: hover) and (pointer: fine) {
	.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/ }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelection ul.cFormStyledSelect {
              position: relative;
              margin-left: 0;
              top: 0;
              visibility: hidden;
              opacity: 1;
              transform: translateY(0%);
              transition-delay: 0s, 0s, 0.3s;
              height: auto;
              vertical-align: middle;
              font-size: 15px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 300; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelection ul.cFormStyledSelect .colorBox {
                display: none; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelection ul.cFormStyledSelect input[type="radio"] {
                display: none; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelection .selectPreview {
              padding-left: 1rem;
              line-height: normal;
              cursor: pointer;
              vertical-align: middle;
              border: 1px solid #9b9b9b;
              height: 2.3rem;
              line-height: 2.3rem;
              display: inline-block;
              width: 100%; }
              @media (max-width: 480.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelection .selectPreview {
                  width: 100%; } }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelection .selectPreview .ui--angle-down {
                line-height: 1rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelection .selectPreview .styledSelect {
                height: 2.2rem;
                margin-left: .7rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelection .selectPreview:after {
                transform: rotate(0deg);
                vertical-align: middle;
                width: 1rem;
                font-family: 'bruneauAdaptiveIcons';
                font-size: 2rem;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: "\e947";
                font-size: 1.2rem;
                transition: all 0.4s ease;
                display: inline-block;
                vertical-align: middle;
                line-height: 2.2rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelection .selectPreview label {
                line-height: normal;
                width: calc(100% - 1.5rem);
                display: inline-block;
                vertical-align: middle;
                line-height: 2.2rem; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelection ul.cFormStyledSelect {
              background: #ffffff;
              position: absolute;
              top: 0;
              -moz-appearance: none;
              appearance: none;
              -webkit-appearance: none;
              white-space: nowrap;
              outline: 0;
              z-index: 1;
              visibility: hidden;
              opacity: 0;
              transform: translateY(0em);
              transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelection ul.cFormStyledSelect li {
                background: #ffffff;
                padding-left: 1rem;
                padding-right: 1rem;
                border-left: 1px solid #9b9b9b;
                border-bottom: 1px solid #9b9b9b;
                border-right: 1px solid #9b9b9b;
                height: 2.3rem;
                line-height: 2.3rem;
                vertical-align: middle;
                width: 100%; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelection ul.cFormStyledSelect li label {
                  display: block;
                  height: 2.3rem;
                  line-height: 2.3rem;
                  vertical-align: middle;
                  width: 100%; }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelection ul.cFormStyledSelect li label .labelText {
                    line-height: normal;
                    width: 13rem;
                    display: inline-block;
                    vertical-align: middle;
                    line-height: 2.2rem; }
                    @media (max-width: 480.1px) {
                      header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelection ul.cFormStyledSelect li label .labelText {
                        width: 100%; } }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelection ul.cFormStyledSelect li label .colorBox {
                    width: 1.3rem;
                    height: 1.3rem;
                    display: inline-block;
                    margin-right: .5rem;
                    vertical-align: middle;
                    line-height: normal; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelection ul.cFormStyledSelect li.selected, header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelection ul.cFormStyledSelect li.focus {
                  border-top: none;
                  background: #dddddd; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelection ul.cFormStyledSelect li:hover {
                  background: #dddddd;
                  color: #000000; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelection .styledSelect.open {
              position: relative; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelection .styledSelect.open .selectPreview:after {
                transform: rotate(-180deg); }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelection .styledSelect.open ul.cFormStyledSelect {
                position: absolute;
                top: 100%;
                visibility: visible;
                opacity: 1;
                width: 100%;
                height: auto;
                transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelection select select {
              -webkit-appearance: none;
              -moz-appearance: none;
              -ms-appearance: none;
              appearance: none;
              outline: 0;
              box-shadow: none;
              background-image: none;
              width: 100%;
              height: 100%;
              margin: 0;
              position: relative;
              display: block;
              overflow: hidden;
              color: #000000;
              border: 1px solid #9b9b9b;
              cursor: pointer;
              font-size: 15px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 300;
              padding: 0.6rem 0.5rem 0.6rem 1rem;
              white-space: nowrap; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelection select select:-moz-focusring {
                color: transparent;
                text-shadow: 0 0 0 #000000; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelection select select:-ms-expand {
                display: none; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelection select select option {
                -moz-appearance: none;
                appearance: none;
                -webkit-appearance: none;
                outline: 0;
                border: none; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelection select select:after {
                vertical-align: middle;
                width: 1rem;
                position: absolute;
                top: .5rem;
                right: 1rem;
                font-family: 'bruneauAdaptiveIcons';
                font-size: 2rem;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: "\e947";
                font-size: 1.2rem;
                transition: all 0.4s ease;
                display: block;
                line-height: 2.3rem;
                pointer-events: none; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelection h3 {
              font-size: 15px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 500;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelection .ui--info {
              display: inline-block;
              width: 1.6rem;
              line-height: 2rem;
              vertical-align: top;
              margin-top: -0.5rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelection .ui--info:after {
                font-family: 'bruneauAdaptiveIcons';
                font-size: 2rem;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: "\e90d";
                font-size: 1.7rem;
                line-height: 2rem;
                vertical-align: middle; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelection input.tooltip,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelection input.tooltipInput,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelection label.tooltip {
              display: none; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelection .linkShowTooltip {
              position: relative;
              cursor: pointer; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelection .tooltip {
              position: absolute;
              top: unset;
              bottom: unset;
              left: unset;
              right: unset; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelection .tooltip input {
                display: none; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelection .tooltip .tooltipContent {
                position: relative;
                bottom: unset;
                top: unset;
                background: #ffcc00;
                padding: 1rem;
                z-index: 3;
                color: #000000 !important;
                text-align: left;
                font-size: 12px;
                line-height: 1.6rem;
                font-family: "Roboto";
                font-weight: 400;
                line-height: normal;
                width: 15rem;
                -moz-transform: translateY(10px);
                -o-transform: translateY(10px);
                -ms-transform: translateY(10px);
                -webkit-transform: translateY(10px);
                transform: translateY(10px);
                opacity: 0; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelection .tooltip .tooltipContent:before {
                  width: .8rem;
                  height: .8rem;
                  background: #ffcc00;
                  transform: rotate(135deg);
                  content: "";
                  position: absolute;
                  left: unset;
                  right: unset;
                  bottom: -0.4rem;
                  top: unset; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelection .tooltip .tooltipContent .ui--close {
                  display: block;
                  position: absolute;
                  top: .3rem;
                  right: .5rem; }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelection .tooltip .tooltipContent .ui--close:before {
                    font-family: 'bruneauAdaptiveIcons';
                    font-size: 2rem;
                    speak: none;
                    font-style: normal;
                    font-weight: normal;
                    font-variant: normal;
                    text-transform: none;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    content: "\e913";
                    font-size: 1rem; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelection .tooltip.ui--info {
              position: relative;
              right: unset;
              bottom: unset;
              left: unset;
              display: inline-block; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelection .tooltip.ui--info .tooltipContent {
                position: absolute;
                bottom: 25px;
                left: -10px;
                -moz-transform: translateY(10px);
                -o-transform: translateY(10px);
                -ms-transform: translateY(10px);
                -webkit-transform: translateY(10px);
                transform: translateY(10px);
                transition: all .2s ease-in-out;
                opacity: 0; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelection .tooltip.ui--info:before {
                font-family: 'bruneauAdaptiveIcons';
                font-size: 2rem;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: "\e90d";
                font-size: 1.3rem;
                line-height: normal;
                vertical-align: middle; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelection .tooltip.ui--info .ui--close {
                display: none; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelection .tooltip.ui--info:hover .tooltipContent {
              opacity: 1;
              -moz-transform: translateY(0px);
              -o-transform: translateY(0px);
              -ms-transform: translateY(0px);
              -webkit-transform: translateY(0px);
              transform: translateY(0px); }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelection .linkShowTooltip:hover .tooltipContent,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelection .linkShowTooltip:hover .tooltip {
              opacity: 1;
              -moz-transform: translateY(0px);
              -o-transform: translateY(0px);
              -ms-transform: translateY(0px);
              -webkit-transform: translateY(0px);
              transform: translateY(0px); }
            .touchevents .linkShowTooltip:hover .tooltipContent,
            .touchevents .linkShowTooltip:hover .tooltip {
              opacity: unset;
              transform: unset; }
            .touchevents .tooltip.ui--info:hover .tooltipContent {
              opacity: unset;
              transform: unset; }
            .touchevents .tooltip .ui--close {
              display: block; }
            .touchevents .tooltip [type="radio"].tooltipInput:not(:checked) ~ .tooltipContent {
              -moz-transform: translateY(10px);
              -o-transform: translateY(10px);
              -ms-transform: translateY(10px);
              -webkit-transform: translateY(10px);
              transform: translateY(10px);
              opacity: 0; }
            .touchevents .tooltip [type="radio"].tooltipInput:checked ~ .tooltipContent {
              opacity: 1;
              -moz-transform: translateY(0px);
              -o-transform: translateY(0px);
              -ms-transform: translateY(0px);
              -webkit-transform: translateY(0px);
              transform: translateY(0px); }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelection .tooltip {
              bottom: 2rem;
              right: -1rem; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelection .tooltip:before {
              left: 13rem; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .no-js .featureSelection select {
            -webkit-appearance: none;
            -moz-appearance: none;
            -ms-appearance: none;
            appearance: none;
            outline: 0;
            box-shadow: none;
            background-image: none;
            width: 100%;
            height: 100%;
            margin: 0;
            position: relative;
            display: block;
            overflow: hidden;
            color: #000000;
            border: 1px solid #9b9b9b;
            cursor: pointer;
            font-size: 15px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 300;
            padding: 0.6rem 0.5rem 0.6rem 1rem;
            white-space: nowrap; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .no-js .featureSelection select:-moz-focusring {
              color: transparent;
              text-shadow: 0 0 0 #000000; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .no-js .featureSelection select:-ms-expand {
              display: none; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .no-js .featureSelection select option {
              -moz-appearance: none;
              appearance: none;
              -webkit-appearance: none;
              outline: 0;
              border: none; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .no-js .featureSelection select:after {
              vertical-align: middle;
              width: 1rem;
              position: absolute;
              top: .5rem;
              right: 1rem;
              font-family: 'bruneauAdaptiveIcons';
              font-size: 2rem;
              speak: none;
              font-style: normal;
              font-weight: normal;
              font-variant: normal;
              text-transform: none;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              content: "\e947";
              font-size: 1.2rem;
              transition: all 0.4s ease;
              display: block;
              line-height: 2.3rem;
              pointer-events: none; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor {
            /*
Chapter: inputSelectionTiles
---
*/
            position: relative;
            margin: 2rem 0;
            padding-bottom: 2rem;
            border-bottom: 1px dashed #000000;
            /**
	* Chapter: tooltip
*/
            /* smartphones, touchscreens
@at-root @media (hover: none) and (pointer: coarse) {
	.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/
            /* stylus-based screens
@at-root @media (hover: none) and (pointer: fine) {
.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/
            /* Nintendo Wii controller, Kinect
@at-root @media (hover: hover) and (pointer: coarse) {
	.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/
            /* mouse, touch pad
@at-root @media (hover: hover) and (pointer: fine) {
	.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/ }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .touchevents [type="radio"]:checked + .checkboxLabel:after,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .touchevents [type="checkbox"]:checked + .checkboxLabel:after {
              display: block !important; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .touchevents .checkboxLabel:after {
              display: none !important; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor ul.cFormStyledSelect {
              position: relative;
              margin-left: 0;
              top: 0;
              visibility: hidden;
              opacity: 1;
              transform: translateY(0%);
              transition-delay: 0s, 0s, 0.3s;
              height: auto;
              vertical-align: middle;
              font-size: 15px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 300; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor ul.cFormStyledSelect .colorBox {
                display: none; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor ul.cFormStyledSelect input[type="radio"] {
                display: none; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .selectPreview {
              padding-left: 1rem;
              line-height: normal;
              cursor: pointer;
              vertical-align: middle;
              border: 1px solid #9b9b9b;
              height: 2.3rem;
              line-height: 2.3rem;
              display: inline-block;
              width: 100%; }
              @media (max-width: 480.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .selectPreview {
                  width: 100%; } }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .selectPreview .ui--angle-down {
                line-height: 1rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .selectPreview .styledSelect {
                height: 2.2rem;
                margin-left: .7rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .selectPreview:after {
                transform: rotate(0deg);
                vertical-align: middle;
                width: 1rem;
                font-family: 'bruneauAdaptiveIcons';
                font-size: 2rem;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: "\e947";
                font-size: 1.2rem;
                transition: all 0.4s ease;
                display: inline-block;
                vertical-align: middle;
                line-height: 2.2rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .selectPreview label {
                line-height: normal;
                width: calc(100% - 1.5rem);
                display: inline-block;
                vertical-align: middle;
                line-height: 2.2rem; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor ul.cFormStyledSelect {
              background: #ffffff;
              position: absolute;
              top: 0;
              -moz-appearance: none;
              appearance: none;
              -webkit-appearance: none;
              white-space: nowrap;
              outline: 0;
              z-index: 1;
              visibility: hidden;
              opacity: 0;
              transform: translateY(0em);
              transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor ul.cFormStyledSelect li {
                background: #ffffff;
                padding-left: 1rem;
                padding-right: 1rem;
                border-left: 1px solid #9b9b9b;
                border-bottom: 1px solid #9b9b9b;
                border-right: 1px solid #9b9b9b;
                height: 2.3rem;
                line-height: 2.3rem;
                vertical-align: middle;
                width: 100%; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor ul.cFormStyledSelect li label {
                  display: block;
                  height: 2.3rem;
                  line-height: 2.3rem;
                  vertical-align: middle;
                  width: 100%; }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor ul.cFormStyledSelect li label .labelText {
                    line-height: normal;
                    width: 13rem;
                    display: inline-block;
                    vertical-align: middle;
                    line-height: 2.2rem; }
                    @media (max-width: 480.1px) {
                      header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor ul.cFormStyledSelect li label .labelText {
                        width: 100%; } }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor ul.cFormStyledSelect li label .colorBox {
                    width: 1.3rem;
                    height: 1.3rem;
                    display: inline-block;
                    margin-right: .5rem;
                    vertical-align: middle;
                    line-height: normal; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor ul.cFormStyledSelect li.selected, header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor ul.cFormStyledSelect li.focus {
                  border-top: none;
                  background: #dddddd; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor ul.cFormStyledSelect li:hover {
                  background: #dddddd;
                  color: #000000; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .styledSelect.open {
              position: relative; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .styledSelect.open .selectPreview:after {
                transform: rotate(-180deg); }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .styledSelect.open ul.cFormStyledSelect {
                position: absolute;
                top: 100%;
                visibility: visible;
                opacity: 1;
                width: 100%;
                height: auto;
                transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; }
            @media (max-width: 480.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor {
                width: 100%;
                max-width: 100%; } }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .styledSelect {
              position: relative; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .styledSelect.open ul.cFormStyledSelect {
              position: absolute;
              top: 100%;
              visibility: visible;
              opacity: 1;
              width: 100%;
              transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; }
            @media (max-width: 480.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor ul.cFormStyledSelect li {
                width: 100%; } }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .selectPreview .colorBox {
              position: relative;
              display: inline-block !important;
              width: 1.3rem;
              height: 1.3rem;
              vertical-align: middle;
              line-height: 2.3rem;
              margin-right: .5rem; }
            @media (max-width: 480.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .selectPreview {
                width: 100%; } }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .selectPreview label {
              vertical-align: middle;
              line-height: 2.3rem; }
              @media (max-width: 480.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .selectPreview label {
                  width: calc(100% - 1.5rem); } }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .cFormStyledSelect .ui--check {
              display: none; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .cFormStyledSelect .colorBox {
              position: relative;
              display: inline-block !important;
              width: 2rem;
              height: 2rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .cFormStyledSelect .colorBox:after {
                font-family: 'bruneauAdaptiveIcons';
                font-size: 2rem;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: "\e901";
                display: none;
                font-size: 1.3rem;
                line-height: 2rem;
                vertical-align: middle;
                position: absolute;
                left: 0rem;
                top: -0.4rem;
                z-index: 3; }
            @media (max-width: 480.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .cFormStyledSelect li {
                width: 100%; } }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .cFormStyledSelect li:hover .colorBox:after {
              display: block; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .cFormStyledSelect li.selected .colorBox:after {
              display: block; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .cFormStyledSelect .checkboxLabelText {
              padding-left: 2rem;
              line-height: 1.5rem; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .cFormStyledSelect .selected {
              background: #dddddd; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .cFormStyledSelect .checkboxLabel:after {
              font-family: 'bruneauAdaptiveIcons';
              font-size: 2rem;
              speak: none;
              font-style: normal;
              font-weight: normal;
              font-variant: normal;
              text-transform: none;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              content: "\e901";
              position: absolute;
              top: 0rem;
              left: 0rem;
              width: 1.66rem;
              height: 1.66rem;
              font-size: 1.3rem;
              line-height: 1.2rem;
              transition: all .2s;
              opacity: 0;
              transform: scale(0); }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .cFormStyledSelect [type="radio"]:not(:checked):hover + .checkboxLabel:after,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .cFormStyledSelect .selected .checkboxLabel:after {
              transition: all .2s;
              opacity: 1;
              transform: scale(1); }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .cFormStyledSelect [type="radio"]:checked:hover + .checkboxLabel:after {
              display: none; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .cFormStyledSelect .disabled [type="radio"]:not(:checked) + .checkboxLabel {
              position: relative;
              display: inline-block;
              width: 1.6rem;
              height: 1.6rem;
              border: none;
              box-shadow: 2px 2px 2px 0 #ffffff inset, -2px -2px 2px 0 #ffffff inset;
              border: 0.1rem solid #ffffff !important;
              cursor: default !important; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .cFormStyledSelect .disabled [type="radio"]:not(:checked) + .checkboxLabel:after {
                content: '';
                position: absolute;
                z-index: 2;
                width: 1.6rem;
                height: 1.6rem;
                display: block;
                left: -4px;
                top: 0;
                opacity: 1;
                transform: scale(1);
                transition: unset;
                background: linear-gradient(135deg, transparent 48%, #ffffff 50%, transparent 55%); }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .cFormStyledSelect .disabled [type="radio"]:not(:checked) + .checkboxLabel:before {
                content: '';
                position: absolute;
                z-index: 3;
                width: 1.6rem;
                height: 1.6rem;
                display: none;
                left: 0;
                top: 0;
                opacity: 1;
                transform: scale(1);
                background: linear-gradient(45deg, transparent 48%, #ffffff 50%, transparent 55%); }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .cFormStyledSelect .disabled [type="radio"]:not(:checked):hover + .checkboxLabel {
              width: 1.6rem;
              height: 1.6rem;
              border: none !important;
              margin-bottom: 0rem;
              cursor: pointer; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .cFormStyledSelect .disabled [type="radio"]:not(:checked):hover + .checkboxLabel:after {
                display: block;
                left: 0px;
                transition: unset; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .cFormStyledSelect .disabled [type="radio"]:not(:checked):hover + .checkboxLabel:before {
                display: block; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .cFormStyledSelect .disabled {
              vertical-align: middle;
              line-height: 2.1rem;
              display: block; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .cFormStyledSelect .disabled .checkboxLabelText {
                line-height: 1.7rem; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .cFormStyledSelect .disabled .checkboxLabel {
              display: inline-block !important; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor label {
              background: transparent !important; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor [type="radio"]:checked,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor [type="checkbox"]:checked {
              background-color: 'red'; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor [type="radio"]:not(:checked),
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor [type="checkbox"]:not(:checked) {
              background-color: 'green'; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li {
              display: inline-block;
              margin-right: .66rem;
              width: auto;
              border: none;
              height: 2rem;
              vertical-align: middle;
              line-height: 2rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li label:not(.tooltip) {
                display: block; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li .styledSelect {
                margin-left: 0; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li .styledSelect .selectPreview label {
                  display: none; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li .inputSelectionTiles {
                margin-left: .7rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li .checkboxLabelText {
                display: none; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li [type="radio"]:not(:checked),
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li [type="checkbox"]:not(:checked),
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li [type="radio"]:checked,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li [type="checkbox"]:checked {
                position: absolute;
                left: -9999px; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li [type="radio"]:not(:checked) + .checkboxLabel,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li [type="checkbox"]:not(:checked) + .checkboxLabel {
                position: relative;
                cursor: pointer;
                display: block;
                width: 1.6rem;
                height: 1.6rem;
                margin: .2rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li [type="radio"]:checked + .checkboxLabel,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li [type="checkbox"]:checked + .checkboxLabel {
                position: relative;
                cursor: pointer;
                display: block;
                width: 2rem;
                height: 2rem;
                margin: 0;
                padding: 0; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li [type="radio"]:not(:checked):hover + .checkboxLabel,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li [type="checkbox"]:not(:checked):hover + .checkboxLabel {
                cursor: pointer;
                display: block;
                width: 2rem;
                height: 2rem;
                margin: 0;
                padding: 0; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li [type="radio"]:not(:checked) .checkboxLabel:after,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li [type="checkbox"]:not(:checked) .checkboxLabel:after,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li [type="radio"] .checkboxLabel:after,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li [type="checkbox"] .checkboxLabel:after {
                font-family: 'bruneauAdaptiveIcons';
                font-size: 2rem;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: "\e901";
                display: none !important; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li .checkboxLabel:hover:after,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li [type="radio"]:not(:checked):hover + .checkboxLabel:after,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li [type="checkbox"]:not(:checked):hover + .checkboxLabel:after,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li [type="radio"]:checked + .checkboxLabel:after,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li [type="checkbox"]:checked + .checkboxLabel:after {
                font-family: 'bruneauAdaptiveIcons';
                font-size: 2rem;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: "\e901";
                position: absolute;
                top: 0.4rem;
                left: 0.15rem;
                font-size: 1.6rem;
                line-height: 1.2rem;
                transition: all .2s;
                opacity: 1;
                transform: scale(1);
                display: block; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li [type="radio"]:not(:checked) + .checkboxLabel:after,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li [type="checkbox"]:not(:checked) + .checkboxLabel:after,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li [type="radio"] + .checkboxLabel:after,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li [type="checkbox"] + .checkboxLabel:after {
                display: none; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li .disabled [type="radio"]:not(:checked) + .checkboxLabel,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li .disabled [type="checkbox"]:not(:checked) + .checkboxLabel {
                position: relative;
                display: block;
                width: 1.8rem;
                height: 1.8rem;
                box-shadow: 0.1rem 0.1rem 0.1rem 0 #ffffff inset, -0.1rem -0.1rem 0.1rem 0 #ffffff inset;
                cursor: default !important;
                margin: .1rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li .disabled .checkboxLabel:before,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li .disabled .checkboxLabel:after {
                content: '';
                position: absolute;
                width: 1.8rem;
                height: 1.8rem;
                display: block;
                left: 0;
                top: 0; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li .disabled .checkboxLabel:before {
                background: linear-gradient(135deg, transparent 48%, #ffffff 50%, transparent 52%); }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li .disabled .checkboxLabel:after {
                background: linear-gradient(45deg, transparent 48%, #ffffff 50%, transparent 52%);
                display: none; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li .disabled [type="radio"]:hover + .checkboxLabel,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li .disabled [type="checkbox"]:hover + .checkboxLabel,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li .disabled [type="radio"]:focus + .checkboxLabel,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li .disabled [type="checkbox"]:focus + .checkboxLabel {
                width: 2rem;
                height: 2rem;
                margin: 0; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li .disabled [type="radio"]:hover + .checkboxLabel:after,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li .disabled [type="checkbox"]:hover + .checkboxLabel:after,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li .disabled [type="radio"]:focus + .checkboxLabel:after,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li .disabled [type="checkbox"]:focus + .checkboxLabel:after {
                  display: block;
                  font-size: 0;
                  left: 0;
                  top: 0;
                  width: 2rem;
                  height: 2rem; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li .disabled [type="radio"]:hover + .checkboxLabel:before,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li .disabled [type="checkbox"]:hover + .checkboxLabel:before,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li .disabled [type="radio"]:focus + .checkboxLabel:before,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li .disabled [type="checkbox"]:focus + .checkboxLabel:before {
                  display: block;
                  width: 2rem;
                  height: 2rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li [type="radio"]:not(:checked) + .checkboxLabel:after,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li [type="checkbox"]:not(:checked) + .checkboxLabel:after {
                opacity: 0;
                transform: scale(0); }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li [type="radio"]:checked + .checkboxLabel:after,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li [type="checkbox"]:checked + .checkboxLabel:after {
                opacity: 1;
                transform: scale(1); }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor label.disabled {
              display: inline-block !important; }
            @media (max-width: 480.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .selectPreview {
                width: 100%; } }
            @media (max-width: 480.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .selectPreview label {
                width: calc(100% - 1.5rem); } }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor ul.cFormStyledSelect {
              position: relative;
              top: -1px;
              visibility: hidden;
              opacity: 1;
              transform: translateY(0%);
              transition-delay: 0s, 0s, 0.3s;
              height: 0; }
            @media (max-width: 480.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor ul.cFormStyledSelect li {
                width: 100%; } }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li {
              display: block;
              margin: 0;
              height: auto;
              line-height: normal; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li:first-child .inputSelectionTilesListItem {
              border-top: 1px solid #9b9b9b; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles .inputSelectionTilesListItem {
              border-left: 1px solid #9b9b9b;
              border-bottom: 1px solid #9b9b9b;
              border-right: 1px solid #9b9b9b;
              padding: .4rem 0 0 1rem;
              width: 100%; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles label.inputSelectionTilesListItem:hover {
              background: #dddddd !important; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles label.inputSelectionTilesListItem.selected {
              background: #dddddd !important; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles .checkboxLabel {
              display: inline-block !important; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles .checkboxLabelText {
              display: inline-block !important;
              padding: .5rem 0;
              vertical-align: top;
              font-size: 15px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 300;
              margin-left: .5rem; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li [type="radio"] + .checkboxLabel:hover:after,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li [type="checkbox"] + .checkboxLabel:hover:after {
              top: .4rem !important;
              left: .15rem !important; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor h3 {
              font-size: 15px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 500;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor input.tooltip,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor input.tooltipInput,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor label.tooltip {
              display: none; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .linkShowTooltip {
              position: relative;
              cursor: pointer; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .tooltip {
              position: absolute;
              top: unset;
              bottom: unset;
              left: unset;
              right: unset; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .tooltip input {
                display: none; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .tooltip .tooltipContent {
                position: relative;
                bottom: unset;
                top: unset;
                background: #ffcc00;
                padding: 1rem;
                z-index: 3;
                color: #000000 !important;
                text-align: left;
                font-size: 12px;
                line-height: 1.6rem;
                font-family: "Roboto";
                font-weight: 400;
                line-height: normal;
                width: 15rem;
                -moz-transform: translateY(10px);
                -o-transform: translateY(10px);
                -ms-transform: translateY(10px);
                -webkit-transform: translateY(10px);
                transform: translateY(10px);
                opacity: 0; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .tooltip .tooltipContent:before {
                  width: .8rem;
                  height: .8rem;
                  background: #ffcc00;
                  transform: rotate(135deg);
                  content: "";
                  position: absolute;
                  left: unset;
                  right: unset;
                  bottom: -0.4rem;
                  top: unset; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .tooltip .tooltipContent .ui--close {
                  display: block;
                  position: absolute;
                  top: .3rem;
                  right: .5rem; }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .tooltip .tooltipContent .ui--close:before {
                    font-family: 'bruneauAdaptiveIcons';
                    font-size: 2rem;
                    speak: none;
                    font-style: normal;
                    font-weight: normal;
                    font-variant: normal;
                    text-transform: none;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    content: "\e913";
                    font-size: 1rem; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .tooltip.ui--info {
              position: relative;
              right: unset;
              bottom: unset;
              left: unset;
              display: inline-block; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .tooltip.ui--info .tooltipContent {
                position: absolute;
                bottom: 25px;
                left: -10px;
                -moz-transform: translateY(10px);
                -o-transform: translateY(10px);
                -ms-transform: translateY(10px);
                -webkit-transform: translateY(10px);
                transform: translateY(10px);
                transition: all .2s ease-in-out;
                opacity: 0; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .tooltip.ui--info:before {
                font-family: 'bruneauAdaptiveIcons';
                font-size: 2rem;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: "\e90d";
                font-size: 1.3rem;
                line-height: normal;
                vertical-align: middle; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .tooltip.ui--info .ui--close {
                display: none; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .tooltip.ui--info:hover .tooltipContent {
              opacity: 1;
              -moz-transform: translateY(0px);
              -o-transform: translateY(0px);
              -ms-transform: translateY(0px);
              -webkit-transform: translateY(0px);
              transform: translateY(0px); }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .linkShowTooltip:hover .tooltipContent,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .linkShowTooltip:hover .tooltip {
              opacity: 1;
              -moz-transform: translateY(0px);
              -o-transform: translateY(0px);
              -ms-transform: translateY(0px);
              -webkit-transform: translateY(0px);
              transform: translateY(0px); }
            .touchevents .linkShowTooltip:hover .tooltipContent,
            .touchevents .linkShowTooltip:hover .tooltip {
              opacity: unset;
              transform: unset; }
            .touchevents .tooltip.ui--info:hover .tooltipContent {
              opacity: unset;
              transform: unset; }
            .touchevents .tooltip .ui--close {
              display: block; }
            .touchevents .tooltip [type="radio"].tooltipInput:not(:checked) ~ .tooltipContent {
              -moz-transform: translateY(10px);
              -o-transform: translateY(10px);
              -ms-transform: translateY(10px);
              -webkit-transform: translateY(10px);
              transform: translateY(10px);
              opacity: 0; }
            .touchevents .tooltip [type="radio"].tooltipInput:checked ~ .tooltipContent {
              opacity: 1;
              -moz-transform: translateY(0px);
              -o-transform: translateY(0px);
              -ms-transform: translateY(0px);
              -webkit-transform: translateY(0px);
              transform: translateY(0px); }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .tooltip {
              bottom: 2rem;
              right: -1rem; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .tooltip:before {
              left: 13rem; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor ul.inputSelectionTiles li:first-child .inputSelectionTilesListItem {
              border: none; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor ul.inputSelectionTiles li label.inputSelectionTilesListItem {
              border: none;
              display: grid;
              grid-template-columns: 24px auto 40px;
              align-items: center;
              padding: .4rem 0; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor ul.inputSelectionTiles li label.inputSelectionTilesListItem .checkboxLabelText {
                font-size: 15px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 400; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor ul.inputSelectionTiles li label.inputSelectionTilesListItem .filterResultsNumber {
                font-size: 15px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 300;
                text-align: right; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .read-more-filters__state {
              display: none; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .read-more-filters__target,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor li.read-more-filters__target {
              display: none; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .read-more-filters__state:checked ~ .read-more-filters__wrap .read-more-filters__target {
              opacity: 1;
              font-size: inherit;
              max-height: 999em;
              display: block; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .read-more-filters__state ~ .read-more-filters__trigger:before {
              content: attr(more); }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .read-more-filters__state:checked ~ .read-more-filters__trigger:before {
              content: attr(less); }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .read-more-filters__trigger {
              font-size: 15px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 300;
              cursor: pointer;
              display: inline-block;
              text-align: right;
              width: 100%;
              text-decoration: underline; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColor .read-more-filters__trigger:hover {
                color: #e42313;
                -webkit-transition: all 0.3s ease;
                -moz-transition: all 0.3s ease;
                -ms-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                transition: all 0.3s ease; }
            .no-cssgrid ul.inputSelectionTiles li label.inputSelectionTilesListItem {
              display: inline-block; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .touchevents [type="radio"]:checked + .checkboxLabel:after,
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .touchevents [type="checkbox"]:checked + .checkboxLabel:after {
            display: block !important; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .touchevents .checkboxLabel:after {
            display: none !important; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles {
            position: relative;
            margin: 2rem 0;
            padding-bottom: 2rem;
            border-bottom: 1px dashed #000000;
            /**
	* Chapter: tooltip
*/
            /* smartphones, touchscreens
@at-root @media (hover: none) and (pointer: coarse) {
	.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/
            /* stylus-based screens
@at-root @media (hover: none) and (pointer: fine) {
.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/
            /* Nintendo Wii controller, Kinect
@at-root @media (hover: hover) and (pointer: coarse) {
	.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/
            /* mouse, touch pad
@at-root @media (hover: hover) and (pointer: fine) {
	.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/ }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles li {
              display: inline-block;
              margin-right: .66rem;
              margin-bottom: .66rem;
              font-size: 15px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 400;
              color: #000000; }
              @media (max-width: 480.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles li {
                  margin-right: .2rem; } }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles label:not(.tooltip) {
              display: block; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles [type="radio"]:checked,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles [type="checkbox"]:checked {
              background-color: 'red'; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles [type="radio"]:not(:checked),
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles [type="checkbox"]:not(:checked),
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles [type="radio"]:checked,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles [type="checkbox"]:checked {
              position: absolute;
              left: -9999px; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles [type="radio"]:not(:checked) + .checkboxLabel,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles [type="checkbox"]:not(:checked) + .checkboxLabel,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles [type="radio"]:checked + .checkboxLabel,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles [type="checkbox"]:checked + .checkboxLabel {
              cursor: pointer;
              display: block;
              text-align: center;
              width: 3rem;
              height: 3rem;
              line-height: 3rem;
              border: 0.1rem solid #9b9b9b;
              color: #000000; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles [type="radio"]:not(:checked) + .checkboxLabel--double,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles [type="checkbox"]:not(:checked) + .checkboxLabel--double,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles [type="radio"]:checked + .checkboxLabel--double,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles [type="checkbox"]:checked + .checkboxLabel--double {
                width: 7rem; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles [type="radio"]:checked + .checkboxLabel,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles [type="checkbox"]:checked + .checkboxLabel {
              background: #739900;
              color: #ffffff; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles [type="radio"]:not(:checked):hover + .checkboxLabel,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles [type="checkbox"]:not(:checked):hover + .checkboxLabel,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles [type="radio"]:not(:checked):focus + .checkboxLabel,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles [type="checkbox"]:not(:checked):focus + .checkboxLabel,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles [type="radio"]:checked:hover + .checkboxLabel,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles [type="checkbox"]:checked:hover + .checkboxLabel,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles [type="radio"]:checked:focus + .checkboxLabel,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles [type="checkbox"]:checked:focus + .checkboxLabel {
              cursor: pointer;
              background: #697f26;
              border: 0.1rem solid #697f26;
              color: #ffffff; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles label.disabled {
              display: inline-block !important; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="radio"]:not(:checked):hover + .checkboxLabel,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="checkbox"]:not(:checked):hover + .checkboxLabel,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="radio"]:not(:checked):focus + .checkboxLabel,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="checkbox"]:not(:checked):focus + .checkboxLabel,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="radio"]:checked + .checkboxLabel,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="checkbox"]:checked + .checkboxLabel,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="radio"]:checked:hover + .checkboxLabel,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="checkbox"]:checked:hover + .checkboxLabel,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="radio"]:checked:focus + .checkboxLabel,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="checkbox"]:checked:focus + .checkboxLabel,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles .disabled .checkboxLabel {
              border: 0.1rem solid #bdbdbd !important;
              color: #bdbdbd !important;
              width: 3rem !important;
              height: 3rem !important;
              background: linear-gradient(135deg, #ffffff 49%, #bdbdbd 50%, #ffffff 51%);
              cursor: default !important; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="radio"]:not(:checked):hover + .checkboxLabel:hover, header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="radio"]:not(:checked):hover + .checkboxLabel:focus,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="checkbox"]:not(:checked):hover + .checkboxLabel:hover,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="checkbox"]:not(:checked):hover + .checkboxLabel:focus,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="radio"]:not(:checked):focus + .checkboxLabel:hover,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="radio"]:not(:checked):focus + .checkboxLabel:focus,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="checkbox"]:not(:checked):focus + .checkboxLabel:hover,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="checkbox"]:not(:checked):focus + .checkboxLabel:focus,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="radio"]:checked + .checkboxLabel:hover,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="radio"]:checked + .checkboxLabel:focus,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="checkbox"]:checked + .checkboxLabel:hover,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="checkbox"]:checked + .checkboxLabel:focus,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="radio"]:checked:hover + .checkboxLabel:hover,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="radio"]:checked:hover + .checkboxLabel:focus,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="checkbox"]:checked:hover + .checkboxLabel:hover,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="checkbox"]:checked:hover + .checkboxLabel:focus,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="radio"]:checked:focus + .checkboxLabel:hover,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="radio"]:checked:focus + .checkboxLabel:focus,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="checkbox"]:checked:focus + .checkboxLabel:hover,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="checkbox"]:checked:focus + .checkboxLabel:focus,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles .disabled .checkboxLabel:hover,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles .disabled .checkboxLabel:focus {
                border: 0.1rem solid #bdbdbd;
                color: #bdbdbd;
                background: #ffffff;
                background: linear-gradient(135deg, #ffffff 49%, #bdbdbd 50%, #ffffff 51%);
                cursor: default;
                width: 3rem !important;
                height: 3rem !important; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles h3 {
              font-size: 15px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 500;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              margin-bottom: 0.5rem; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles li {
              margin-right: 0.2rem;
              margin-bottom: 0.4rem; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles .ui--info {
              display: inline-block;
              width: 1.6rem;
              line-height: 2rem;
              vertical-align: top;
              margin-top: -0.5rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles .ui--info:after {
                font-family: 'bruneauAdaptiveIcons';
                font-size: 2rem;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: "\e90d";
                font-size: 1.7rem;
                line-height: 2rem;
                vertical-align: middle; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles input.tooltip,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles input.tooltipInput,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles label.tooltip {
              display: none; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles .linkShowTooltip {
              position: relative;
              cursor: pointer; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles .tooltip {
              position: absolute;
              top: unset;
              bottom: unset;
              left: unset;
              right: unset; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles .tooltip input {
                display: none; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles .tooltip .tooltipContent {
                position: relative;
                bottom: unset;
                top: unset;
                background: #ffcc00;
                padding: 1rem;
                z-index: 3;
                color: #000000 !important;
                text-align: left;
                font-size: 12px;
                line-height: 1.6rem;
                font-family: "Roboto";
                font-weight: 400;
                line-height: normal;
                width: 15rem;
                -moz-transform: translateY(10px);
                -o-transform: translateY(10px);
                -ms-transform: translateY(10px);
                -webkit-transform: translateY(10px);
                transform: translateY(10px);
                opacity: 0; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles .tooltip .tooltipContent:before {
                  width: .8rem;
                  height: .8rem;
                  background: #ffcc00;
                  transform: rotate(135deg);
                  content: "";
                  position: absolute;
                  left: unset;
                  right: unset;
                  bottom: -0.4rem;
                  top: unset; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles .tooltip .tooltipContent .ui--close {
                  display: block;
                  position: absolute;
                  top: .3rem;
                  right: .5rem; }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles .tooltip .tooltipContent .ui--close:before {
                    font-family: 'bruneauAdaptiveIcons';
                    font-size: 2rem;
                    speak: none;
                    font-style: normal;
                    font-weight: normal;
                    font-variant: normal;
                    text-transform: none;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    content: "\e913";
                    font-size: 1rem; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles .tooltip.ui--info {
              position: relative;
              right: unset;
              bottom: unset;
              left: unset;
              display: inline-block; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles .tooltip.ui--info .tooltipContent {
                position: absolute;
                bottom: 25px;
                left: -10px;
                -moz-transform: translateY(10px);
                -o-transform: translateY(10px);
                -ms-transform: translateY(10px);
                -webkit-transform: translateY(10px);
                transform: translateY(10px);
                transition: all .2s ease-in-out;
                opacity: 0; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles .tooltip.ui--info:before {
                font-family: 'bruneauAdaptiveIcons';
                font-size: 2rem;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: "\e90d";
                font-size: 1.3rem;
                line-height: normal;
                vertical-align: middle; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles .tooltip.ui--info .ui--close {
                display: none; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles .tooltip.ui--info:hover .tooltipContent {
              opacity: 1;
              -moz-transform: translateY(0px);
              -o-transform: translateY(0px);
              -ms-transform: translateY(0px);
              -webkit-transform: translateY(0px);
              transform: translateY(0px); }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles .linkShowTooltip:hover .tooltipContent,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles .linkShowTooltip:hover .tooltip {
              opacity: 1;
              -moz-transform: translateY(0px);
              -o-transform: translateY(0px);
              -ms-transform: translateY(0px);
              -webkit-transform: translateY(0px);
              transform: translateY(0px); }
            .touchevents .linkShowTooltip:hover .tooltipContent,
            .touchevents .linkShowTooltip:hover .tooltip {
              opacity: unset;
              transform: unset; }
            .touchevents .tooltip.ui--info:hover .tooltipContent {
              opacity: unset;
              transform: unset; }
            .touchevents .tooltip .ui--close {
              display: block; }
            .touchevents .tooltip [type="radio"].tooltipInput:not(:checked) ~ .tooltipContent {
              -moz-transform: translateY(10px);
              -o-transform: translateY(10px);
              -ms-transform: translateY(10px);
              -webkit-transform: translateY(10px);
              transform: translateY(10px);
              opacity: 0; }
            .touchevents .tooltip [type="radio"].tooltipInput:checked ~ .tooltipContent {
              opacity: 1;
              -moz-transform: translateY(0px);
              -o-transform: translateY(0px);
              -ms-transform: translateY(0px);
              -webkit-transform: translateY(0px);
              transform: translateY(0px); }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionNumberTiles .tooltip {
              bottom: 3.5rem;
              left: 0; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .touchevents [type="radio"]:checked + .checkboxLabel:after,
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .touchevents [type="checkbox"]:checked + .checkboxLabel:after {
            display: block !important; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .touchevents .checkboxLabel:after {
            display: none !important; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles {
            position: relative;
            margin: 2rem 0;
            padding-bottom: 2rem;
            border-bottom: 1px dashed #000000;
            /**
	* Chapter: tooltip
*/
            /* smartphones, touchscreens
@at-root @media (hover: none) and (pointer: coarse) {
	.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/
            /* stylus-based screens
@at-root @media (hover: none) and (pointer: fine) {
.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/
            /* Nintendo Wii controller, Kinect
@at-root @media (hover: hover) and (pointer: coarse) {
	.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/
            /* mouse, touch pad
@at-root @media (hover: hover) and (pointer: fine) {
	.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/ }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles [type="radio"]:checked,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles [type="checkbox"]:checked {
              background-color: 'red'; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles [type="radio"]:not(:checked),
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles [type="checkbox"]:not(:checked) {
              background-color: 'green'; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li {
              display: inline-block;
              margin-right: .66rem;
              width: auto;
              border: none;
              height: 2rem;
              vertical-align: middle;
              line-height: 2rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li label:not(.tooltip) {
                display: block; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li .styledSelect {
                margin-left: 0; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li .styledSelect .selectPreview label {
                  display: none; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li .inputSelectionTiles {
                margin-left: .7rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li .checkboxLabelText {
                display: none; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li [type="radio"]:not(:checked),
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li [type="checkbox"]:not(:checked),
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li [type="radio"]:checked,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li [type="checkbox"]:checked {
                position: absolute;
                left: -9999px; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li [type="radio"]:not(:checked) + .checkboxLabel,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li [type="checkbox"]:not(:checked) + .checkboxLabel {
                position: relative;
                cursor: pointer;
                display: block;
                width: 1.6rem;
                height: 1.6rem;
                margin: .2rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li [type="radio"]:checked + .checkboxLabel,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li [type="checkbox"]:checked + .checkboxLabel {
                position: relative;
                cursor: pointer;
                display: block;
                width: 2rem;
                height: 2rem;
                margin: 0;
                padding: 0; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li [type="radio"]:not(:checked):hover + .checkboxLabel,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li [type="checkbox"]:not(:checked):hover + .checkboxLabel {
                cursor: pointer;
                display: block;
                width: 2rem;
                height: 2rem;
                margin: 0;
                padding: 0; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li [type="radio"]:not(:checked) .checkboxLabel:after,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li [type="checkbox"]:not(:checked) .checkboxLabel:after,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li [type="radio"] .checkboxLabel:after,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li [type="checkbox"] .checkboxLabel:after {
                font-family: 'bruneauAdaptiveIcons';
                font-size: 2rem;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: "\e901";
                display: none !important; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li .checkboxLabel:hover:after,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li [type="radio"]:not(:checked):hover + .checkboxLabel:after,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li [type="checkbox"]:not(:checked):hover + .checkboxLabel:after,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li [type="radio"]:checked + .checkboxLabel:after,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li [type="checkbox"]:checked + .checkboxLabel:after {
                font-family: 'bruneauAdaptiveIcons';
                font-size: 2rem;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: "\e901";
                position: absolute;
                top: 0.4rem;
                left: 0.15rem;
                font-size: 1.6rem;
                line-height: 1.2rem;
                transition: all .2s;
                opacity: 1;
                transform: scale(1);
                display: block; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li [type="radio"]:not(:checked) + .checkboxLabel:after,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li [type="checkbox"]:not(:checked) + .checkboxLabel:after,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li [type="radio"] + .checkboxLabel:after,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li [type="checkbox"] + .checkboxLabel:after {
                display: none; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li .disabled [type="radio"]:not(:checked) + .checkboxLabel,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li .disabled [type="checkbox"]:not(:checked) + .checkboxLabel {
                position: relative;
                display: block;
                width: 1.8rem;
                height: 1.8rem;
                box-shadow: 0.1rem 0.1rem 0.1rem 0 #ffffff inset, -0.1rem -0.1rem 0.1rem 0 #ffffff inset;
                cursor: default !important;
                margin: .1rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li .disabled .checkboxLabel:before,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li .disabled .checkboxLabel:after {
                content: '';
                position: absolute;
                width: 1.8rem;
                height: 1.8rem;
                display: block;
                left: 0;
                top: 0; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li .disabled .checkboxLabel:before {
                background: linear-gradient(135deg, transparent 48%, #ffffff 50%, transparent 52%); }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li .disabled .checkboxLabel:after {
                background: linear-gradient(45deg, transparent 48%, #ffffff 50%, transparent 52%);
                display: none; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li .disabled [type="radio"]:hover + .checkboxLabel,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li .disabled [type="checkbox"]:hover + .checkboxLabel,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li .disabled [type="radio"]:focus + .checkboxLabel,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li .disabled [type="checkbox"]:focus + .checkboxLabel {
                width: 2rem;
                height: 2rem;
                margin: 0; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li .disabled [type="radio"]:hover + .checkboxLabel:after,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li .disabled [type="checkbox"]:hover + .checkboxLabel:after,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li .disabled [type="radio"]:focus + .checkboxLabel:after,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li .disabled [type="checkbox"]:focus + .checkboxLabel:after {
                  display: block;
                  font-size: 0;
                  left: 0;
                  top: 0;
                  width: 2rem;
                  height: 2rem; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li .disabled [type="radio"]:hover + .checkboxLabel:before,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li .disabled [type="checkbox"]:hover + .checkboxLabel:before,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li .disabled [type="radio"]:focus + .checkboxLabel:before,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li .disabled [type="checkbox"]:focus + .checkboxLabel:before {
                  display: block;
                  width: 2rem;
                  height: 2rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li [type="radio"]:not(:checked) + .checkboxLabel:after,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li [type="checkbox"]:not(:checked) + .checkboxLabel:after {
                opacity: 0;
                transform: scale(0); }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li [type="radio"]:checked + .checkboxLabel:after,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li [type="checkbox"]:checked + .checkboxLabel:after {
                opacity: 1;
                transform: scale(1); }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles label.disabled {
              display: inline-block !important; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .read-more-filters__state {
              display: none; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .read-more-filters__target,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles li.read-more-filters__target {
              display: none; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .read-more-filters__state:checked ~ .read-more-filters__wrap .read-more-filters__target {
              opacity: 1;
              font-size: inherit;
              max-height: 999em;
              display: block; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .read-more-filters__state ~ .read-more-filters__trigger:before {
              content: attr(more); }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .read-more-filters__state:checked ~ .read-more-filters__trigger:before {
              content: attr(less); }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .read-more-filters__trigger {
              font-size: 15px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 300;
              cursor: pointer;
              display: inline-block;
              text-align: right;
              width: 100%;
              text-decoration: underline; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .read-more-filters__trigger:hover {
                color: #e42313;
                -webkit-transition: all 0.3s ease;
                -moz-transition: all 0.3s ease;
                -ms-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                transition: all 0.3s ease; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles h3 {
              font-size: 15px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 500;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              margin-bottom: 0.5rem; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .ui--info {
              display: inline-block;
              width: 1.6rem;
              line-height: 2rem;
              vertical-align: top;
              margin-top: -0.5rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .ui--info:after {
                font-family: 'bruneauAdaptiveIcons';
                font-size: 2rem;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: "\e90d";
                font-size: 1.7rem;
                line-height: 2rem;
                vertical-align: middle; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles input.tooltip,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles input.tooltipInput,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles label.tooltip {
              display: none; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .linkShowTooltip {
              position: relative;
              cursor: pointer; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .tooltip {
              position: absolute;
              top: unset;
              bottom: unset;
              left: unset;
              right: unset; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .tooltip input {
                display: none; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .tooltip .tooltipContent {
                position: relative;
                bottom: unset;
                top: unset;
                background: #ffcc00;
                padding: 1rem;
                z-index: 3;
                color: #000000 !important;
                text-align: left;
                font-size: 12px;
                line-height: 1.6rem;
                font-family: "Roboto";
                font-weight: 400;
                line-height: normal;
                width: 15rem;
                -moz-transform: translateY(10px);
                -o-transform: translateY(10px);
                -ms-transform: translateY(10px);
                -webkit-transform: translateY(10px);
                transform: translateY(10px);
                opacity: 0; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .tooltip .tooltipContent:before {
                  width: .8rem;
                  height: .8rem;
                  background: #ffcc00;
                  transform: rotate(135deg);
                  content: "";
                  position: absolute;
                  left: unset;
                  right: unset;
                  bottom: -0.4rem;
                  top: unset; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .tooltip .tooltipContent .ui--close {
                  display: block;
                  position: absolute;
                  top: .3rem;
                  right: .5rem; }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .tooltip .tooltipContent .ui--close:before {
                    font-family: 'bruneauAdaptiveIcons';
                    font-size: 2rem;
                    speak: none;
                    font-style: normal;
                    font-weight: normal;
                    font-variant: normal;
                    text-transform: none;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    content: "\e913";
                    font-size: 1rem; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .tooltip.ui--info {
              position: relative;
              right: unset;
              bottom: unset;
              left: unset;
              display: inline-block; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .tooltip.ui--info .tooltipContent {
                position: absolute;
                bottom: 25px;
                left: -10px;
                -moz-transform: translateY(10px);
                -o-transform: translateY(10px);
                -ms-transform: translateY(10px);
                -webkit-transform: translateY(10px);
                transform: translateY(10px);
                transition: all .2s ease-in-out;
                opacity: 0; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .tooltip.ui--info:before {
                font-family: 'bruneauAdaptiveIcons';
                font-size: 2rem;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: "\e90d";
                font-size: 1.3rem;
                line-height: normal;
                vertical-align: middle; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .tooltip.ui--info .ui--close {
                display: none; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .tooltip.ui--info:hover .tooltipContent {
              opacity: 1;
              -moz-transform: translateY(0px);
              -o-transform: translateY(0px);
              -ms-transform: translateY(0px);
              -webkit-transform: translateY(0px);
              transform: translateY(0px); }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .linkShowTooltip:hover .tooltipContent,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .linkShowTooltip:hover .tooltip {
              opacity: 1;
              -moz-transform: translateY(0px);
              -o-transform: translateY(0px);
              -ms-transform: translateY(0px);
              -webkit-transform: translateY(0px);
              transform: translateY(0px); }
            .touchevents .linkShowTooltip:hover .tooltipContent,
            .touchevents .linkShowTooltip:hover .tooltip {
              opacity: unset;
              transform: unset; }
            .touchevents .tooltip.ui--info:hover .tooltipContent {
              opacity: unset;
              transform: unset; }
            .touchevents .tooltip .ui--close {
              display: block; }
            .touchevents .tooltip [type="radio"].tooltipInput:not(:checked) ~ .tooltipContent {
              -moz-transform: translateY(10px);
              -o-transform: translateY(10px);
              -ms-transform: translateY(10px);
              -webkit-transform: translateY(10px);
              transform: translateY(10px);
              opacity: 0; }
            .touchevents .tooltip [type="radio"].tooltipInput:checked ~ .tooltipContent {
              opacity: 1;
              -moz-transform: translateY(0px);
              -o-transform: translateY(0px);
              -ms-transform: translateY(0px);
              -webkit-transform: translateY(0px);
              transform: translateY(0px); }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .tooltip {
              bottom: 2.5rem;
              left: -.5rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .tooltip:before {
                left: 13rem; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .featureSelectionColorTiles .filterResultsNumber {
              display: none; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .ArticleRating {
            font-size: 13px;
            line-height: 1.3rem;
            font-family: "Roboto";
            font-weight: 400;
            display: inline-block; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .ArticleRating .starsTotal {
              display: inline-block;
              position: relative;
              vertical-align: bottom;
              line-height: 1; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .ArticleRating .starsTotal:before {
                font-family: 'bruneauAdaptiveIcons';
                font-size: 2rem;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                font-size: 18px;
                content: "\e938 \e938 \e938 \e938 \e938";
                color: #bdbdbd;
                position: relative;
                display: inline-block;
                letter-spacing: 2px; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .ArticleRating .starsTotal .star:before {
                font-family: 'bruneauAdaptiveIcons';
                font-size: 2rem;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                font-size: 18px;
                display: inline-block;
                position: absolute;
                top: 0;
                left: 0;
                color: #0099cc;
                letter-spacing: 2px; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .ArticleRating .starsTotal .star--5:before {
                content: "\e925 \e925 \e925 \e925 \e925"; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .ArticleRating .starsTotal .star--4_5:before {
                content: "\e925 \e925 \e925 \e925 \e918"; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .ArticleRating .starsTotal .star--4:before {
                content: "\e925 \e925 \e925 \e925"; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .ArticleRating .starsTotal .star--3_5:before {
                content: "\e925 \e925 \e925 \e918"; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .ArticleRating .starsTotal .star--3:before {
                content: "\e925 \e925 \e925"; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .ArticleRating .starsTotal .star--2_5:before {
                content: "\e925 \e925 \e918"; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .ArticleRating .starsTotal .star--2:before {
                content: "\e925 \e925"; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .ArticleRating .starsTotal .star--1_5:before {
                content: "\e925 \e918"; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .ArticleRating .starsTotal .star--1:before {
                content: "\e925"; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .ArticleRating .starsTotal .star--0_5:before {
                content: "\e918"; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .ArticleRating .article-rating {
              display: inline-block;
              width: auto; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .ArticleRating .article-rating .showReviews {
                text-decoration: underline; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .addToCart {
            font-size: 18px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 700;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            position: relative;
            display: inline-block;
            width: 100%;
            height: 2rem;
            vertical-align: middle;
            line-height: 2rem;
            text-align: center;
            background: #e42313;
            color: #ffffff;
            border: none;
            border-radius: 0.3rem; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .addToCart input {
              font-size: 15px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 700;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              position: relative;
              display: inline-block;
              width: 100%;
              height: 2rem;
              vertical-align: middle;
              line-height: 2rem;
              text-align: center;
              background: transparent;
              color: #ffffff;
              border: none;
              border-radius: 0.3rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .addToCart input:hover {
                background: transparent;
                color: #ffffff; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .addToCart .addToCart-text {
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
              width: 100%; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .addToCart .addToCart-text:before {
                font-family: 'bruneauAdaptiveIcons';
                font-size: 2rem;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: "\e91e";
                padding-right: 0.5rem;
                vertical-align: baseline;
                font-size: 1.2rem; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .addToCart:hover {
              background: #ca1f11;
              color: #ffffff; }
            @media (max-width: 768.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .addToCart {
                height: 3rem;
                line-height: 3rem; } }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .AddToFavorites {
            position: relative;
            cursor: pointer;
            /*
Paragraphs: popOver
---
*/
            z-index: 0; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .AddToFavorites .modal {
              position: relative; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .AddToFavorites .modal [type="radio"]:not(:checked) + .modalContent {
                display: none; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .AddToFavorites .modal [type="radio"]:checked + .modalContent {
                display: block; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .AddToFavorites .modal [type="checkbox"]:checked + .modalContent {
                display: block; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .AddToFavorites .modal [type="radio"],
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .AddToFavorites .modal [type="checkbox"] {
                display: none; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .AddToFavorites .modal .modalContent {
                display: none;
                position: absolute;
                top: unset;
                bottom: unset;
                left: unset;
                right: unset;
                z-index: 4;
                background: #ffffff;
                border: 1px solid #9b9b9b;
                padding: 2.5rem 1rem 1rem 1rem;
                width: auto; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .AddToFavorites .modal .modalContent .ui--close {
                  display: block;
                  position: absolute;
                  top: .5rem;
                  right: .5rem; }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .AddToFavorites .modal .modalContent .ui--close [type="radio"] {
                    display: none; }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .AddToFavorites .modal .modalContent .ui--close:before {
                    font-family: 'bruneauAdaptiveIcons';
                    font-size: 2rem;
                    speak: none;
                    font-style: normal;
                    font-weight: normal;
                    font-variant: normal;
                    text-transform: none;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    content: "\e913";
                    font-size: 1.5rem; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .AddToFavorites .icon--heart {
              position: absolute;
              top: 0; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .AddToFavorites .icon--heart.not-added::before {
                font-family: 'bruneauAdaptiveIcons';
                font-size: 2rem;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: "\e959";
                font-size: 1rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .AddToFavorites .icon--heart.added::before {
                font-family: 'bruneauAdaptiveIcons';
                font-size: 2rem;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: "\e959";
                font-size: 1rem; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .AddToFavorites .status {
              font-size: 15px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 300;
              text-decoration: none; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .AddToFavorites:hover .status {
              text-decoration: underline; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .AddToFavorites .modalContent {
              background: #ffffff; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .AddToFavorites .modalContent .formInputChoice {
                position: relative;
                padding-left: 1.75rem;
                cursor: pointer;
                /* checkbox aspect */ }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .AddToFavorites .modalContent .formInputChoice input:not(:checked),
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .AddToFavorites .modalContent .formInputChoice input:checked {
                  position: absolute;
                  left: -9999px; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .AddToFavorites .modalContent .formInputChoice input:not(:checked) + .formInputChoiceContent:before,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .AddToFavorites .modalContent .formInputChoice input:checked + .formInputChoiceContent:before,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .AddToFavorites .modalContent .formInputChoice input:not(:checked) + .formInputChoiceContent:after,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .AddToFavorites .modalContent .formInputChoice input:checked + .formInputChoiceContent:after {
                  position: absolute;
                  top: 0;
                  left: 0;
                  font-size: 1.2rem;
                  line-height: 1.2rem;
                  transition: all .2s; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .AddToFavorites .modalContent .formInputChoice input:not(:checked) + .formInputChoiceContent:before {
                  opacity: 0;
                  transform: scale(0); }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .AddToFavorites .modalContent .formInputChoice input:checked + .formInputChoiceContent:before {
                  opacity: 1;
                  transform: scale(1); }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .AddToFavorites .modalContent .formInputChoice input:checked + .formInputChoiceContent:after {
                  opacity: 0;
                  transform: scale(0); }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .AddToFavorites .modalContent .formInputChoice input:not(:checked) + .formInputChoiceContent:after {
                  opacity: 1;
                  transform: scale(1); }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .AddToFavorites .modalContent .formInputChoice input:not(:checked) + .formInputChoiceContent:after,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .AddToFavorites .modalContent .formInputChoice input:checked + .formInputChoiceContent:after,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .AddToFavorites .modalContent .formInputChoice input:not(:checked):focus + .formInputChoiceContent:after,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .AddToFavorites .modalContent .formInputChoice input:checked:focus + .formInputChoiceContent:after {
                  color: #9b9b9b; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .AddToFavorites .modalContent .formInputChoice input:disabled:before,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .AddToFavorites .modalContent .formInputChoice input.disabled:before {
                  color: #bdbdbd;
                  cursor: default; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .AddToFavorites .modalContent .formInputChoice input:checked + .formInputChoiceContent:before,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .AddToFavorites .modalContent .formInputChoice input:not(:checked) + .formInputChoiceContent:before,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .AddToFavorites .modalContent .formInputChoice input:hover + .formInputChoiceContent:before,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .AddToFavorites .modalContent .formInputChoice input:checked:focus + .formInputChoiceContent:before,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .AddToFavorites .modalContent .formInputChoice input:not(:checked):focus + .formInputChoiceContent:before {
                  color: #739900; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .AddToFavorites .modalContent .formInputChoice--checkbox .formInputChoiceContent:before {
                font-family: 'bruneauAdaptiveIcons';
                font-size: 2rem;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: "\e950"; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .AddToFavorites .modalContent .formInputChoice--checkbox .formInputChoiceContent:after {
                font-family: 'bruneauAdaptiveIcons';
                font-size: 2rem;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: "\e95f"; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .AddToFavorites .AddToFavoritesContent.not-added:before {
              font-family: 'bruneauAdaptiveIcons';
              font-size: 2rem;
              speak: none;
              font-style: normal;
              font-weight: normal;
              font-variant: normal;
              text-transform: none;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              content: "\e959";
              vertical-align: bottom;
              font-size: 1rem;
              line-height: 1.2rem; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .AddToFavorites .input--modal:checked ~ .AddToFavoritesContent:before {
              font-family: 'bruneauAdaptiveIcons';
              font-size: 2rem;
              speak: none;
              font-style: normal;
              font-weight: normal;
              font-variant: normal;
              text-transform: none;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              content: "\e959";
              vertical-align: bottom;
              font-size: 1rem;
              line-height: 1.2rem; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .AddToFavorites .input--modal:checked > .modalContent {
              top: 1.4rem;
              left: 0; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .features {
            width: 100%; }
            @media (max-width: 768.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .features {
                margin-bottom: 1rem; } }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .features .featureSelectionColor,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .features .featureSelectionNumberTiles,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .features .featureSelectionColorTiles {
              border-bottom: none; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .features .featureSelection,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .features .featureSelectionColor,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .features .featureSelectionNumberTiles,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .features .featureSelectionColorTiles {
              margin: 0;
              padding: 0; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection--listItem .features {
            width: 100%;
            display: none; }
            @media (max-width: 768.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection--listItem .features {
                display: block;
                margin-bottom: 1rem; } }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .DetailSelection--bottom {
            align-self: end;
            display: grid; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper {
            position: relative;
            display: block;
            width: 100%;
            margin-bottom: 1rem;
            /*
Paragraphs: degressivePriceList
---
*/ }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .degressivePriceList {
              font-size: 15px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 300;
              /**
	* Chapter: tooltip
*/
              /* smartphones, touchscreens
@at-root @media (hover: none) and (pointer: coarse) {
	.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/
              /* stylus-based screens
@at-root @media (hover: none) and (pointer: fine) {
.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/
              /* Nintendo Wii controller, Kinect
@at-root @media (hover: hover) and (pointer: coarse) {
	.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/
              /* mouse, touch pad
@at-root @media (hover: hover) and (pointer: fine) {
	.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/ }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .degressivePriceList ul {
                width: 100%;
                display: table; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .degressivePriceList ul li {
                display: table-row;
                cursor: pointer; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .degressivePriceList .degressivePriceList__discount {
                display: table-cell;
                color: #ff0066; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .degressivePriceList .degressivePriceList__quantity {
                display: table-cell;
                padding: 0rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .degressivePriceList .degressivePriceList__price {
                display: table-cell; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .degressivePriceList .active {
                font-size: 15px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 400; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .degressivePriceList .promo {
                color: #ff0066; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .degressivePriceList .oneUnit {
                line-height: 2.2rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .degressivePriceList input.tooltip,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .degressivePriceList input.tooltipInput,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .degressivePriceList label.tooltip {
                display: none; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .degressivePriceList .linkShowTooltip {
                position: relative;
                cursor: pointer; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .degressivePriceList .tooltip {
                position: absolute;
                top: unset;
                bottom: unset;
                left: unset;
                right: unset; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .degressivePriceList .tooltip input {
                  display: none; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .degressivePriceList .tooltip .tooltipContent {
                  position: relative;
                  bottom: unset;
                  top: unset;
                  background: #ffcc00;
                  padding: 1rem;
                  z-index: 3;
                  color: #000000 !important;
                  text-align: left;
                  font-size: 12px;
                  line-height: 1.6rem;
                  font-family: "Roboto";
                  font-weight: 400;
                  line-height: normal;
                  width: 15rem;
                  -moz-transform: translateY(10px);
                  -o-transform: translateY(10px);
                  -ms-transform: translateY(10px);
                  -webkit-transform: translateY(10px);
                  transform: translateY(10px);
                  opacity: 0; }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .degressivePriceList .tooltip .tooltipContent:before {
                    width: .8rem;
                    height: .8rem;
                    background: #ffcc00;
                    transform: rotate(135deg);
                    content: "";
                    position: absolute;
                    left: unset;
                    right: unset;
                    bottom: -0.4rem;
                    top: unset; }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .degressivePriceList .tooltip .tooltipContent .ui--close {
                    display: block;
                    position: absolute;
                    top: .3rem;
                    right: .5rem; }
                    header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .degressivePriceList .tooltip .tooltipContent .ui--close:before {
                      font-family: 'bruneauAdaptiveIcons';
                      font-size: 2rem;
                      speak: none;
                      font-style: normal;
                      font-weight: normal;
                      font-variant: normal;
                      text-transform: none;
                      -webkit-font-smoothing: antialiased;
                      -moz-osx-font-smoothing: grayscale;
                      content: "\e913";
                      font-size: 1rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .degressivePriceList .tooltip.ui--info {
                position: relative;
                right: unset;
                bottom: unset;
                left: unset;
                display: inline-block; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .degressivePriceList .tooltip.ui--info .tooltipContent {
                  position: absolute;
                  bottom: 25px;
                  left: -10px;
                  -moz-transform: translateY(10px);
                  -o-transform: translateY(10px);
                  -ms-transform: translateY(10px);
                  -webkit-transform: translateY(10px);
                  transform: translateY(10px);
                  transition: all .2s ease-in-out;
                  opacity: 0; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .degressivePriceList .tooltip.ui--info:before {
                  font-family: 'bruneauAdaptiveIcons';
                  font-size: 2rem;
                  speak: none;
                  font-style: normal;
                  font-weight: normal;
                  font-variant: normal;
                  text-transform: none;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                  content: "\e90d";
                  font-size: 1.3rem;
                  line-height: normal;
                  vertical-align: middle; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .degressivePriceList .tooltip.ui--info .ui--close {
                  display: none; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .degressivePriceList .tooltip.ui--info:hover .tooltipContent {
                opacity: 1;
                -moz-transform: translateY(0px);
                -o-transform: translateY(0px);
                -ms-transform: translateY(0px);
                -webkit-transform: translateY(0px);
                transform: translateY(0px); }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .degressivePriceList .linkShowTooltip:hover .tooltipContent,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .degressivePriceList .linkShowTooltip:hover .tooltip {
                opacity: 1;
                -moz-transform: translateY(0px);
                -o-transform: translateY(0px);
                -ms-transform: translateY(0px);
                -webkit-transform: translateY(0px);
                transform: translateY(0px); }
              .touchevents .linkShowTooltip:hover .tooltipContent,
              .touchevents .linkShowTooltip:hover .tooltip {
                opacity: unset;
                transform: unset; }
              .touchevents .tooltip.ui--info:hover .tooltipContent {
                opacity: unset;
                transform: unset; }
              .touchevents .tooltip .ui--close {
                display: block; }
              .touchevents .tooltip [type="radio"].tooltipInput:not(:checked) ~ .tooltipContent {
                -moz-transform: translateY(10px);
                -o-transform: translateY(10px);
                -ms-transform: translateY(10px);
                -webkit-transform: translateY(10px);
                transform: translateY(10px);
                opacity: 0; }
              .touchevents .tooltip [type="radio"].tooltipInput:checked ~ .tooltipContent {
                opacity: 1;
                -moz-transform: translateY(0px);
                -o-transform: translateY(0px);
                -ms-transform: translateY(0px);
                -webkit-transform: translateY(0px);
                transform: translateY(0px); }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .degressivePriceList .tooltip {
                bottom: 2rem;
                right: -1rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .degressivePriceList .tooltip:before {
                left: 13rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .degressivePriceList div.oldPriceBlock {
                display: table; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .degressivePriceList span.oldPrice {
                display: table-cell;
                vertical-align: top;
                line-height: 2.2rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .degressivePriceList ul.oldPriceBlock {
                width: auto; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .degressivePriceList .lineThrough {
                text-decoration: line-through; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .inputQuantity {
              width: 100%;
              display: block;
              height: 2rem;
              position: relative;
              /**
	* Chapter: tooltip
*/
              /* smartphones, touchscreens
@at-root @media (hover: none) and (pointer: coarse) {
	.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/
              /* stylus-based screens
@at-root @media (hover: none) and (pointer: fine) {
.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/
              /* Nintendo Wii controller, Kinect
@at-root @media (hover: hover) and (pointer: coarse) {
	.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/
              /* mouse, touch pad
@at-root @media (hover: hover) and (pointer: fine) {
	.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/ }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .inputQuantity button {
                border-radius: .25rem;
                height: 2rem;
                width: 2rem;
                background: #739900;
                display: inline-block;
                color: #ffffff;
                text-align: center;
                font-family: "Roboto";
                font-weight: 300;
                font-size: 2rem;
                line-height: 2rem;
                text-align: center;
                border: 1px solid #739900;
                padding: 0; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .inputQuantity button:hover {
                  background: #697f26; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .inputQuantity button.inActive {
                color: #bdbdbd;
                border: 1px solid #bdbdbd;
                background: #ffffff;
                padding: 0; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .inputQuantity input {
                max-width: calc(100% - 4.5rem);
                display: inline-block;
                text-align: center;
                height: 2rem;
                vertical-align: top;
                cursor: text;
                font-size: 18px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 400;
                line-height: 2rem;
                border: 1px solid #9b9b9b;
                padding: 2px 0 0 0; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .inputQuantity input:focus {
                  border: 1px solid #697f26; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .inputQuantity input.static {
                border: none;
                max-width: 100%; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .inputQuantity input[type='number'] {
                -moz-appearance: textfield; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .inputQuantity input::-webkit-outer-spin-button,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .inputQuantity input::-webkit-inner-spin-button {
                /* display: none; <- Crashes Chrome on hover */
                -webkit-appearance: none;
                margin: 0;
                /* <-- Apparently some margin are still there even though it's hidden */ }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .inputQuantity input.tooltip,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .inputQuantity input.tooltipInput,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .inputQuantity label.tooltip {
                display: none; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .inputQuantity .linkShowTooltip {
                position: relative;
                cursor: pointer; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .inputQuantity .tooltip {
                position: absolute;
                top: unset;
                bottom: unset;
                left: unset;
                right: unset; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .inputQuantity .tooltip input {
                  display: none; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .inputQuantity .tooltip .tooltipContent {
                  position: relative;
                  bottom: unset;
                  top: unset;
                  background: #ffcc00;
                  padding: 1rem;
                  z-index: 3;
                  color: #000000 !important;
                  text-align: left;
                  font-size: 12px;
                  line-height: 1.6rem;
                  font-family: "Roboto";
                  font-weight: 400;
                  line-height: normal;
                  width: 15rem;
                  -moz-transform: translateY(10px);
                  -o-transform: translateY(10px);
                  -ms-transform: translateY(10px);
                  -webkit-transform: translateY(10px);
                  transform: translateY(10px);
                  opacity: 0; }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .inputQuantity .tooltip .tooltipContent:before {
                    width: .8rem;
                    height: .8rem;
                    background: #ffcc00;
                    transform: rotate(135deg);
                    content: "";
                    position: absolute;
                    left: unset;
                    right: unset;
                    bottom: -0.4rem;
                    top: unset; }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .inputQuantity .tooltip .tooltipContent .ui--close {
                    display: block;
                    position: absolute;
                    top: .3rem;
                    right: .5rem; }
                    header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .inputQuantity .tooltip .tooltipContent .ui--close:before {
                      font-family: 'bruneauAdaptiveIcons';
                      font-size: 2rem;
                      speak: none;
                      font-style: normal;
                      font-weight: normal;
                      font-variant: normal;
                      text-transform: none;
                      -webkit-font-smoothing: antialiased;
                      -moz-osx-font-smoothing: grayscale;
                      content: "\e913";
                      font-size: 1rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .inputQuantity .tooltip.ui--info {
                position: relative;
                right: unset;
                bottom: unset;
                left: unset;
                display: inline-block; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .inputQuantity .tooltip.ui--info .tooltipContent {
                  position: absolute;
                  bottom: 25px;
                  left: -10px;
                  -moz-transform: translateY(10px);
                  -o-transform: translateY(10px);
                  -ms-transform: translateY(10px);
                  -webkit-transform: translateY(10px);
                  transform: translateY(10px);
                  transition: all .2s ease-in-out;
                  opacity: 0; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .inputQuantity .tooltip.ui--info:before {
                  font-family: 'bruneauAdaptiveIcons';
                  font-size: 2rem;
                  speak: none;
                  font-style: normal;
                  font-weight: normal;
                  font-variant: normal;
                  text-transform: none;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                  content: "\e90d";
                  font-size: 1.3rem;
                  line-height: normal;
                  vertical-align: middle; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .inputQuantity .tooltip.ui--info .ui--close {
                  display: none; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .inputQuantity .tooltip.ui--info:hover .tooltipContent {
                opacity: 1;
                -moz-transform: translateY(0px);
                -o-transform: translateY(0px);
                -ms-transform: translateY(0px);
                -webkit-transform: translateY(0px);
                transform: translateY(0px); }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .inputQuantity .linkShowTooltip:hover .tooltipContent,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .inputQuantity .linkShowTooltip:hover .tooltip {
                opacity: 1;
                -moz-transform: translateY(0px);
                -o-transform: translateY(0px);
                -ms-transform: translateY(0px);
                -webkit-transform: translateY(0px);
                transform: translateY(0px); }
              .touchevents .linkShowTooltip:hover .tooltipContent,
              .touchevents .linkShowTooltip:hover .tooltip {
                opacity: unset;
                transform: unset; }
              .touchevents .tooltip.ui--info:hover .tooltipContent {
                opacity: unset;
                transform: unset; }
              .touchevents .tooltip .ui--close {
                display: block; }
              .touchevents .tooltip [type="radio"].tooltipInput:not(:checked) ~ .tooltipContent {
                -moz-transform: translateY(10px);
                -o-transform: translateY(10px);
                -ms-transform: translateY(10px);
                -webkit-transform: translateY(10px);
                transform: translateY(10px);
                opacity: 0; }
              .touchevents .tooltip [type="radio"].tooltipInput:checked ~ .tooltipContent {
                opacity: 1;
                -moz-transform: translateY(0px);
                -o-transform: translateY(0px);
                -ms-transform: translateY(0px);
                -webkit-transform: translateY(0px);
                transform: translateY(0px); }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .inputQuantity .tooltip {
                bottom: 130%;
                right: 0; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .inputQuantity .tooltip .tooltipContent:before {
                  right: 3rem; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .degressivePriceList {
              width: 60%; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .degressivePriceList .degressivePriceList__left {
                text-align: left; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .degressivePriceList ul li {
                display: block; }
              @media (max-width: 768.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .degressivePriceList {
                  margin-left: 0; } }
              @media (max-width: 480.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .degressivePriceList {
                  width: 100%; } }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .inputQuantity {
              width: 8rem;
              margin-left: auto; }
              @media (max-width: 480.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .inputQuantity {
                  width: 8.5rem; } }
            @media (min-width: 480px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper {
                width: 100%; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .degressivePriceList {
                  width: 100%; }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .degressivePriceList ul.discount {
                    width: auto;
                    margin-left: auto; }
                    header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper .degressivePriceList ul.discount li {
                      display: table-row;
                      text-align: right; } }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper--mobile .degressivePriceList {
              display: none; }
              @media (max-width: 480.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper--mobile .degressivePriceList {
                  display: block;
                  order: 0; } }
            @media (max-width: 480.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper--mobile {
                display: grid;
                grid-template-columns: 2fr 2fr;
                justify-content: space-between;
                width: 100%; } }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper--desktop {
              display: block; }
              @media (max-width: 480.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .quantityWrapper--desktop {
                  display: none; } }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .addToCart {
            position: relative;
            height: 3rem;
            margin-bottom: 1rem; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .addToCart.not-submitted {
              background: #739900; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .addToCart .icon--cart::before {
              padding-top: .6rem;
              margin-left: calc(25% - 2.5rem); }
              @media (max-width: 768.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .addToCart .icon--cart::before {
                  padding-top: 0;
                  margin-left: calc(40% - 4.5rem); } }
              @media (max-width: 480.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .addToCart .icon--cart::before {
                  margin-left: calc(50% - 6.8rem); } }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .addToCart input {
              font-size: 18px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 500;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale; }
            @media (max-width: 480.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .addToCart {
                order: 2; } }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .AddToFavorites {
            font-size: 15px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 300;
            position: relative;
            text-align: right; }
            @media (max-width: 768.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .AddToFavorites {
                width: 100%;
                right: 0; } }
            @media (max-width: 480.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .AddToFavorites {
                order: 3; } }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .assemblyLine {
            line-height: 1.3rem;
            margin: 1.5rem 0 1.5rem auto;
            position: relative;
            align-self: end;
            width: auto; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .assemblyLine .formInputChoice {
              position: relative;
              padding-left: 1.75rem;
              cursor: pointer;
              /* checkbox aspect */ }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .assemblyLine .formInputChoice input:not(:checked),
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .assemblyLine .formInputChoice input:checked {
                position: absolute;
                left: -9999px; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .assemblyLine .formInputChoice input:not(:checked) + .formInputChoiceContent:before,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .assemblyLine .formInputChoice input:checked + .formInputChoiceContent:before,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .assemblyLine .formInputChoice input:not(:checked) + .formInputChoiceContent:after,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .assemblyLine .formInputChoice input:checked + .formInputChoiceContent:after {
                position: absolute;
                top: 0;
                left: 0;
                font-size: 1.2rem;
                line-height: 1.2rem;
                transition: all .2s; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .assemblyLine .formInputChoice input:not(:checked) + .formInputChoiceContent:before {
                opacity: 0;
                transform: scale(0); }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .assemblyLine .formInputChoice input:checked + .formInputChoiceContent:before {
                opacity: 1;
                transform: scale(1); }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .assemblyLine .formInputChoice input:checked + .formInputChoiceContent:after {
                opacity: 0;
                transform: scale(0); }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .assemblyLine .formInputChoice input:not(:checked) + .formInputChoiceContent:after {
                opacity: 1;
                transform: scale(1); }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .assemblyLine .formInputChoice input:not(:checked) + .formInputChoiceContent:after,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .assemblyLine .formInputChoice input:checked + .formInputChoiceContent:after,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .assemblyLine .formInputChoice input:not(:checked):focus + .formInputChoiceContent:after,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .assemblyLine .formInputChoice input:checked:focus + .formInputChoiceContent:after {
                color: #9b9b9b; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .assemblyLine .formInputChoice input:disabled:before,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .assemblyLine .formInputChoice input.disabled:before {
                color: #bdbdbd;
                cursor: default; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .assemblyLine .formInputChoice input:checked + .formInputChoiceContent:before,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .assemblyLine .formInputChoice input:not(:checked) + .formInputChoiceContent:before,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .assemblyLine .formInputChoice input:hover + .formInputChoiceContent:before,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .assemblyLine .formInputChoice input:checked:focus + .formInputChoiceContent:before,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .assemblyLine .formInputChoice input:not(:checked):focus + .formInputChoiceContent:before {
                color: #739900; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .assemblyLine .formInputChoice--checkbox .formInputChoiceContent:before {
              font-family: 'bruneauAdaptiveIcons';
              font-size: 2rem;
              speak: none;
              font-style: normal;
              font-weight: normal;
              font-variant: normal;
              text-transform: none;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              content: "\e950"; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .assemblyLine .formInputChoice--checkbox .formInputChoiceContent:after {
              font-family: 'bruneauAdaptiveIcons';
              font-size: 2rem;
              speak: none;
              font-style: normal;
              font-weight: normal;
              font-variant: normal;
              text-transform: none;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              content: "\e95f"; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .assemblyLine .checkboxLabel {
              font-size: 15px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 500;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .assemblyLine .checkboxLabel:hover {
                text-decoration: underline; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .assemblyLine span.checkboxLabel.formInputChoiceContent:after {
              background-color: #fff;
              font-size: 1rem;
              line-height: 1rem;
              margin-top: 3px; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .assemblyLine .assemblyDetails {
              font-size: 12px;
              line-height: 1.6rem;
              font-family: "Roboto";
              font-weight: 300; }
            @media (max-width: 480.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleDetailSelection .assemblyLine {
                order: 1;
                margin: 0 0 1rem auto; } }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .preloader.hide {
          display: none; }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .preloader {
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          margin: auto;
          background: #ffffff;
          opacity: 0.9;
          display: block;
          height: 100%;
          text-align: center;
          z-index: 3; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .preloader .preloader__text {
            font-size: 15px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 300;
            text-align: center;
            margin-top: 1rem; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .preloader .preloader__animation {
            display: inline-block;
            width: 2rem;
            height: 2rem;
            border-radius: 50%;
            margin: 2rem auto;
            border: 0.3rem solid #e42313;
            border-color: #e42313;
            border-bottom-color: transparent;
            animation: circ-anim 0.7s linear infinite; }

@keyframes circ-anim {
  from {
    transform: rotate(0); }
  to {
    transform: rotate(360deg); } }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .preloader.show {
          display: block; }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .modal {
          position: relative; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .modal [type="radio"]:not(:checked) + .modalContent {
            display: none; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .modal [type="radio"]:checked + .modalContent {
            display: block; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .modal [type="checkbox"]:checked + .modalContent {
            display: block; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .modal [type="radio"],
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .modal [type="checkbox"] {
            display: none; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .modal .modalContent {
            display: none;
            position: absolute;
            top: unset;
            bottom: unset;
            left: unset;
            right: unset;
            z-index: 4;
            background: #ffffff;
            border: 1px solid #9b9b9b;
            padding: 2.5rem 1rem 1rem 1rem;
            width: auto; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .modal .modalContent .ui--close {
              display: block;
              position: absolute;
              top: .5rem;
              right: .5rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .modal .modalContent .ui--close [type="radio"] {
                display: none; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .modal .modalContent .ui--close:before {
                font-family: 'bruneauAdaptiveIcons';
                font-size: 2rem;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: "\e913";
                font-size: 1.5rem; }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .PopUp {
          background: rgba(0, 0, 0, 0.3);
          position: fixed;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          z-index: 3;
          display: none; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .PopUp__content {
            position: absolute;
            top: 30%;
            bottom: unset;
            left: 15%;
            right: 15%;
            width: 70%;
            z-index: 4;
            background: #ffffff;
            border: 1px solid #9b9b9b;
            padding: 2.5rem 1rem 1rem 1rem; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .PopUp__content .ui--close {
              display: block;
              position: absolute;
              top: .5rem;
              right: .5rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .PopUp__content .ui--close [type="radio"] {
                display: none; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .PopUp__content .ui--close:before {
                font-family: 'bruneauAdaptiveIcons';
                font-size: 2rem;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: "\e913";
                font-size: 1.5rem; }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .PopUp.show {
          display: block; }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .articleSettings {
          display: inline-block;
          width: 1rem;
          height: 2rem;
          position: relative; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .articleSettings:before {
            font-size: 1.7rem;
            margin-right: .5rem;
            font-family: 'bruneauAdaptiveIcons';
            font-size: 2rem;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\e928"; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .articleSettings .articleSettingsContent {
            display: none;
            width: 9rem; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .articleSettings .articleSettingsContent li {
              width: 100%;
              display: block;
              vertical-align: middle;
              font-size: 15px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 300;
              line-height: normal;
              padding: .5rem 0 .5rem 1rem;
              display: block;
              border: 1px solid #9b9b9b;
              text-align: left;
              border-bottom: 0; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .articleSettings .articleSettingsContent li:after {
                font-family: 'bruneauAdaptiveIcons';
                font-size: 2rem;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: "\e901";
                font-size: 1.3rem;
                vertical-align: middle;
                opacity: 0;
                width: 2rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .articleSettings .articleSettingsContent li a {
                vertical-align: middle;
                line-height: normal;
                width: calc(100% - 2rem);
                display: inline-block;
                text-align: left;
                padding: 0; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .articleSettings .articleSettingsContent li:last-child {
              border: 1px solid #9b9b9b; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .articleSettings .articleSettingsContent li:hover {
              background: #dddddd; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .articleSettings .articleSettingsContent li:hover:after {
                opacity: 1; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .articleSettings .articleSettingsContent li.favoritesLists.active {
              font-size: 15px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 700;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              line-height: normal; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .articleSettings .articleSettingsContent li.favoritesLists.active:after {
                opacity: 1; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .articleSettings .input--articleSettings {
            display: none; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .articleSettings .input--articleSettings:checked ~ .articleSettingsContent {
            display: block;
            position: absolute;
            top: 2rem;
            left: unset;
            right: 0;
            background: #ffffff;
            z-index: 4; }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem.ArticleGridItem--regular {
          grid-column: span 3; }
          @media (max-width: 1020.1px) {
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem.ArticleGridItem--regular {
              grid-column: span 3; } }
          @media (max-width: 768.1px) {
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem.ArticleGridItem--regular {
              grid-column: span 2; } }
          @media (max-width: 480.1px) {
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem.ArticleGridItem--regular {
              grid-column: span 2; } }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem.ArticleGridItem--slim {
          grid-column: span 2; }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .modalContent {
          display: block; }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .modal [type="radio"]:not(:checked) + .modalContent {
          display: block; }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .modal [type="radio"]:checked + .modalContent {
          display: none; }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles {
          margin: 0; }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .backdrop {
          background: rgba(0, 0, 0, 0.3);
          position: fixed;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          width: 100%;
          height: 100%;
          display: none;
          z-index: 5; }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .backdrop.show {
          display: block; }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent {
          /*** list of all allowed chapters in this template */
          /*
 *  Owl Carousel - Core
 */
          /* No Js */
          /*
 *  Owl Carousel - Animate Plugin
 */
          /*
 * 	Owl Carousel - Auto Height Plugin
 */
          /*
 * 	Owl Carousel - Lazy Load Plugin
 */
          /*
 * 	Owl Carousel - Video Plugin
 */
          /*
 * 	Default theme - Owl Carousel CSS File
 */
          /* Disable the arrows of the carousel nav when at first or last image */
          /* no image carousel media container */
          /*** list of all child stories in this template */
          position: absolute;
          top: 2rem;
          bottom: 2rem;
          left: 5%;
          right: 5%;
          background: #ffffff;
          border: 1px solid #9b9b9b;
          padding: 2.5rem 1rem 1rem 1rem;
          overflow-x: scroll;
          overflow-y: scroll;
          z-index: 6; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetail {
            width: 100%;
            grid-column: 1 / span 12;
            margin-top: 3rem;
            padding-bottom: 5rem;
            border-bottom: 1px dashed rgba(155, 155, 155, 0.5);
            display: inline-block;
            display: grid;
            grid-template-columns: repeat(12, 1fr);
            grid-gap: 21.6px; }
            @media (max-width: 1020.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetail {
                display: inline-block;
                display: grid;
                grid-template-columns: repeat(12, 1fr);
                grid-gap: 21.6px; } }
            @media (max-width: 768.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetail {
                display: inline-block;
                display: grid;
                grid-template-columns: repeat(8, 1fr);
                grid-gap: 11.52px; } }
            @media (max-width: 480.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetail {
                display: inline-block;
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                grid-gap: 7.2px; } }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetail .ArticleDetailMarketing {
              min-height: 25rem; }
            @media (max-width: 768.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetail {
                border-bottom: 1px dashed #9b9b9b;
                margin: 0em;
                padding: 1em;
                padding-bottom: 1.5rem; } }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .bestBuyLabel {
            font-size: 12px;
            line-height: 1.6rem;
            font-family: "Roboto";
            font-weight: 700;
            background-color: #ffcc00;
            padding: .5em 2em; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .discountLabel {
            padding-top: 1em;
            width: 6em;
            height: 5rem;
            background: #ff0066;
            color: #ffffff;
            text-align: center; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .discountLabel .upTo {
              font-size: 12px;
              line-height: 1.6rem;
              font-family: "Roboto";
              font-weight: 400;
              display: block; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .discountLabel .discount {
              font-size: 21px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 400;
              display: block; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .discountLabel .discount .percent {
                font-size: 21px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 400;
                vertical-align: bottom;
                display: inline-block; }
            @media (max-width: 768.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .discountLabel {
                width: 5rem;
                height: 3.7rem; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .discountLabel .upTo {
                  font-size: 15px;
                  line-height: 1.2rem;
                  font-family: "Roboto";
                  font-weight: 500;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .discountLabel .discount {
                  font-size: 28px;
                  line-height: 1.2rem;
                  font-family: "Roboto";
                  font-weight: 500; }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .discountLabel .discount .percent {
                    font-size: 21px;
                    line-height: 1.2rem;
                    font-family: "Roboto";
                    font-weight: 500;
                    margin-bottom: 0.1875rem; } }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-carousel {
            display: none;
            width: 100%;
            -webkit-tap-highlight-color: transparent;
            /* position relative and z-index fix webkit rendering fonts issue */
            position: relative;
            z-index: 1; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-carousel .owl-stage {
              position: relative;
              -ms-touch-action: pan-Y;
              touch-action: manipulation;
              -moz-backface-visibility: hidden;
              /* fix firefox animation glitch */ }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-carousel .owl-stage:after {
              content: ".";
              display: block;
              clear: both;
              visibility: hidden;
              line-height: 0;
              height: 0; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-carousel .owl-stage-outer {
              position: relative;
              overflow: hidden;
              /* fix for flashing background */
              -webkit-transform: translate3d(0px, 0px, 0px); }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-carousel .owl-wrapper,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-carousel .owl-item {
              -webkit-backface-visibility: hidden;
              -moz-backface-visibility: hidden;
              -ms-backface-visibility: hidden;
              -webkit-transform: translate3d(0, 0, 0);
              -moz-transform: translate3d(0, 0, 0);
              -ms-transform: translate3d(0, 0, 0); }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-carousel .owl-item {
              position: relative;
              min-height: 1px;
              float: left;
              -webkit-backface-visibility: hidden;
              -webkit-tap-highlight-color: transparent;
              -webkit-touch-callout: none; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-carousel.articleMediaCarouselNav .owl-item.current .item {
              border: 1px dashed #e42313;
              padding: 1px; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-carousel .item {
              height: 5rem;
              width: 5rem;
              background-size: contain;
              background-position: center center;
              background-repeat: no-repeat; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-carousel .owl-item img {
              display: block;
              width: 100%;
              /*max-height: 180px;*/
              margin: 0 auto; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-carousel .owl-nav.disabled,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-carousel .owl-dots.disabled {
              display: none; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-carousel .owl-nav .owl-prev,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-carousel .owl-nav .owl-next,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-carousel .owl-dot {
              cursor: pointer;
              -webkit-user-select: none;
              -khtml-user-select: none;
              -moz-user-select: none;
              -ms-user-select: none;
              user-select: none; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-carousel .owl-nav button.owl-prev,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-carousel .owl-nav button.owl-next,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-carousel button.owl-dot {
              background: none;
              color: inherit;
              border: none;
              padding: 0 !important;
              font: inherit; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-carousel .owl-nav {
              padding-left: 2rem;
              padding-right: 2rem; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-carousel .owl-prev,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-carousel .owl-next {
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
              opacity: .2; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-carousel .owl-prev:hover,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-carousel .owl-next:hover {
                opacity: 1; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-carousel .owl-prev {
              left: 0; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-carousel .owl-prev span.icon--left {
                color: #000000; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-carousel .owl-prev span.icon--left:before {
                  font-family: 'bruneauAdaptiveIcons';
                  font-size: 2rem;
                  speak: none;
                  font-style: normal;
                  font-weight: normal;
                  font-variant: normal;
                  text-transform: none;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                  content: "\e945"; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-carousel .owl-next {
              right: 0; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-carousel .owl-next span.icon--right {
                color: #000000; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-carousel .owl-next span.icon--right:before {
                  font-family: 'bruneauAdaptiveIcons';
                  font-size: 2rem;
                  speak: none;
                  font-style: normal;
                  font-weight: normal;
                  font-variant: normal;
                  text-transform: none;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                  content: "\e946"; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-carousel.owl-loaded {
              display: block; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-carousel.owl-loading {
              opacity: 0;
              display: block; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-carousel.owl-hidden {
              opacity: 0; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-carousel.owl-refresh .owl-item {
              visibility: hidden; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-carousel.owl-drag .owl-item {
              touch-action: pan-y;
              -webkit-user-select: none;
              -moz-user-select: none;
              -ms-user-select: none;
              user-select: none; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-carousel.owl-grab {
              cursor: move;
              cursor: grab; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-carousel.owl-rtl {
              direction: rtl; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-carousel.owl-rtl .owl-item {
              float: right; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .no-js .owl-carousel {
            display: block; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-carousel .animated {
            animation-duration: 1000ms;
            animation-fill-mode: both; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-carousel .owl-animated-in {
            z-index: 0; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-carousel .owl-animated-out {
            z-index: 1; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-carousel .fadeOut {
            animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-height {
            transition: height 500ms ease-in-out; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-carousel .owl-item {
            /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */ }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-carousel .owl-item .owl-lazy {
              opacity: 0;
              transition: opacity 400ms ease; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-carousel .owl-item .owl-lazy[src^=""],
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-carousel .owl-item .owl-lazy:not([src]) {
              max-height: 0; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-carousel .owl-item img.owl-lazy {
              transform-style: preserve-3d; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-carousel .owl-video-wrapper {
            position: relative;
            height: 100%;
            background: #000; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-carousel .owl-video-play-icon {
            position: absolute;
            height: 80px;
            width: 80px;
            left: 50%;
            top: 50%;
            margin-left: -40px;
            margin-top: -40px;
            background: url("owl.video.play.png") no-repeat;
            cursor: pointer;
            z-index: 1;
            -webkit-backface-visibility: hidden;
            transition: transform 100ms ease; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-carousel .owl-video-play-icon:hover {
            transform: scale(1.3, 1.3); }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-carousel .owl-video-playing .owl-video-tn,
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-carousel .owl-video-playing .owl-video-play-icon {
            display: none; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-carousel .owl-video-tn {
            opacity: 0;
            height: 100%;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: contain;
            transition: opacity 400ms ease; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-carousel .owl-video-frame {
            position: relative;
            z-index: 1;
            height: 100%;
            width: 100%; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .carousel-wrapper .owl-item img {
            width: auto;
            margin: 0 auto; }
            @media (max-width: 768.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .carousel-wrapper .owl-item img {
                height: 17rem; } }
            @media (max-width: 480.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .carousel-wrapper .owl-item img {
                height: 18rem; } }
          @media (max-width: 480.1px) {
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-carousel .owl-stage {
              margin: 0 auto; } }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-next.disabled,
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-next.disabled:hover,
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-prev.disabled,
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-prev.disabled:hover,
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-nav .owl-next.disabled,
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-nav .owl-prev.disabled {
            opacity: 0 !important;
            pointer-events: none; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-theme .owl-nav {
            margin-top: 10px;
            text-align: center;
            -webkit-tap-highlight-color: transparent; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-theme .owl-nav [class*='owl-'] {
              color: #ffffff;
              font-size: 14px;
              margin: 5px;
              padding: 4px 7px;
              background: #D6D6D6;
              display: inline-block;
              cursor: pointer;
              border-radius: 3px; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-theme .owl-nav [class*='owl-']:hover {
                text-decoration: none; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-theme .owl-nav .disabled {
              opacity: 0.5;
              cursor: default; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-theme .owl-nav.disabled + .owl-dots {
            margin-top: 10px; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-theme .owl-dots {
            text-align: center;
            -webkit-tap-highlight-color: transparent; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-theme .owl-dots .owl-dot {
              display: inline-block;
              zoom: 1;
              *display: inline; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .owl-theme .owl-dots .owl-dot span {
                width: 10px;
                height: 10px;
                margin: 5px 7px;
                display: block;
                -webkit-backface-visibility: visible;
                transition: opacity 200ms ease;
                border-radius: 30px; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .media-type {
            position: absolute;
            bottom: 0;
            left: 3.5rem; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .media-type--360:before {
              font-family: 'bruneauAdaptiveIcons';
              font-size: 2rem;
              speak: none;
              font-style: normal;
              font-weight: normal;
              font-variant: normal;
              text-transform: none;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              content: "\e956";
              font-size: 1.6rem; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .media-type--video:before {
              font-family: 'bruneauAdaptiveIcons';
              font-size: 2rem;
              speak: none;
              font-style: normal;
              font-weight: normal;
              font-variant: normal;
              text-transform: none;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              content: "\e956";
              font-size: 1.6rem; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMedia {
            position: relative;
            grid-column: 1 / span 5; }
            @media (max-width: 1020.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMedia {
                grid-column: 1 / span 5; } }
            @media (max-width: 768.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMedia {
                grid-column: 1 / span 8; } }
            @media (max-width: 480.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMedia {
                grid-column: 1 / span 4; } }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMedia .bestBuyLabel {
              position: absolute;
              top: 0;
              left: 0;
              z-index: 2; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMedia .discountLabel {
              position: absolute;
              top: 3rem;
              left: 0;
              z-index: 2;
              padding: 0.5rem 1rem;
              width: auto;
              height: auto; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMedia--listItem {
              grid-column: 1 / span 3;
              min-height: initial;
              padding-left: 10px; }
              @media (max-width: 1020.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMedia--listItem {
                  grid-column: 1 / span 3; } }
              @media (max-width: 768.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMedia--listItem {
                  grid-column: 1 / span 4;
                  grid-row: 2; } }
              @media (max-width: 480.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMedia--listItem {
                  grid-column: 1 / span 4;
                  grid-row: 2; } }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMedia--listItem .bestBuyLabel {
                position: absolute;
                top: 0;
                left: 0; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMedia--listItem .discountLabel {
                position: absolute;
                top: 3rem;
                left: 0;
                padding: 0.5rem 1rem;
                width: auto;
                height: auto; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMedia--gridItem .bestBuyLabel {
              position: absolute;
              top: 3rem;
              left: 0;
              font-size: 12px;
              line-height: 1.6rem;
              font-family: "Roboto";
              font-weight: 700;
              line-height: 14px;
              background-color: #ffcc00;
              padding: .2rem 1.5rem; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMedia--gridItem .discountLabel {
              position: absolute;
              top: 1rem;
              left: 0;
              height: auto;
              width: auto;
              min-width: auto;
              display: inline-block;
              padding: 0.2rem .5rem;
              text-align-last: left; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMedia--gridItem .discountLabel .upTo,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMedia--gridItem .discountLabel .discount,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMedia--gridItem .discountLabel .percent {
                font-size: 12px;
                line-height: 1.6rem;
                font-family: "Roboto";
                font-weight: 700;
                line-height: 14px;
                display: inline-block; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMedia--gridItem .discountLabel .discount--small {
                font-size: 12px;
                line-height: 1.6rem;
                font-family: "Roboto";
                font-weight: 700;
                line-height: 14px;
                padding: .2rem 1.5rem; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMedia .carousel-wrapper {
              position: relative; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMedia .carousel-wrapper .logo {
                position: absolute;
                bottom: 1.5rem;
                right: 1rem;
                z-index: 1;
                max-width: 64px;
                max-height: 26px;
                height: auto;
                background-color: #ffffff; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMedia .carousel-wrapper .logo img {
                  max-width: 60px;
                  max-height: 20px; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMedia .carousel-wrapper .caption-icon {
                display: none;
                bottom: 0.8em;
                left: 1em;
                position: absolute;
                z-index: 999;
                width: 2rem;
                height: 2rem;
                cursor: pointer; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMedia .carousel-wrapper .caption-icon:before {
                  font-family: 'bruneauAdaptiveIcons';
                  font-size: 2rem;
                  speak: none;
                  font-style: normal;
                  font-weight: normal;
                  font-variant: normal;
                  text-transform: none;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                  content: "\e90d";
                  font-weight: 800;
                  font-size: 16px; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMedia .carousel-wrapper .caption-icon.show {
                  display: inline-block; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMedia .carousel-wrapper figure {
                position: relative; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMedia .carousel-wrapper figure figcaption {
                font-size: 12px;
                line-height: 1.6rem;
                font-family: "Roboto";
                font-weight: 400;
                line-height: 1.2rem;
                position: absolute;
                display: none;
                bottom: 0px;
                background: #000000;
                background: rgba(0, 0, 0, 0.7);
                color: #ffffff;
                padding: 5px 10px;
                opacity: 0;
                -webkit-transition: all 0.3s ease;
                -moz-transition: all 0.3s ease;
                -ms-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                transition: all 0.3s ease; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMedia .carousel-wrapper figure figcaption .nonMatchingFeatures {
                  display: inline-block;
                  padding-left: 1.7rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMedia .carousel-wrapper figure.showCaption figcaption {
                display: block; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMedia .carousel-wrapper .caption-icon.show:hover {
                color: #ffffff; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMedia .carousel-wrapper .caption-icon.show:hover ~ figcaption {
                opacity: 1;
                z-index: 3; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .mediaContainer {
            position: relative;
            grid-column: 1 / span 5;
            padding-left: 10px; }
            @media (max-width: 1020.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .mediaContainer {
                grid-column: 1 / span 5; } }
            @media (max-width: 768.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .mediaContainer {
                grid-column: 1 / span 8; } }
            @media (max-width: 480.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .mediaContainer {
                grid-column: 1 / span 4; } }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .mediaContainer--listItem {
              grid-column: 1 / span 3;
              min-height: initial; }
              @media (max-width: 1020.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .mediaContainer--listItem {
                  grid-column: 1 / span 3; } }
              @media (max-width: 768.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .mediaContainer--listItem {
                  grid-column: 1 / span 4;
                  grid-row: 2; } }
              @media (max-width: 480.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .mediaContainer--listItem {
                  grid-column: 1 / span 4;
                  grid-row: 2; } }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRating {
            font-size: 13px;
            line-height: 1.3rem;
            font-family: "Roboto";
            font-weight: 400;
            display: inline-block; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRating .starsTotal {
              display: inline-block;
              position: relative;
              vertical-align: bottom;
              line-height: 1; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRating .starsTotal:before {
                font-family: 'bruneauAdaptiveIcons';
                font-size: 2rem;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                font-size: 18px;
                content: "\e938 \e938 \e938 \e938 \e938";
                color: #bdbdbd;
                position: relative;
                display: inline-block;
                letter-spacing: 2px; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRating .starsTotal .star:before {
                font-family: 'bruneauAdaptiveIcons';
                font-size: 2rem;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                font-size: 18px;
                display: inline-block;
                position: absolute;
                top: 0;
                left: 0;
                color: #0099cc;
                letter-spacing: 2px; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRating .starsTotal .star--5:before {
                content: "\e925 \e925 \e925 \e925 \e925"; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRating .starsTotal .star--4_5:before {
                content: "\e925 \e925 \e925 \e925 \e918"; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRating .starsTotal .star--4:before {
                content: "\e925 \e925 \e925 \e925"; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRating .starsTotal .star--3_5:before {
                content: "\e925 \e925 \e925 \e918"; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRating .starsTotal .star--3:before {
                content: "\e925 \e925 \e925"; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRating .starsTotal .star--2_5:before {
                content: "\e925 \e925 \e918"; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRating .starsTotal .star--2:before {
                content: "\e925 \e925"; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRating .starsTotal .star--1_5:before {
                content: "\e925 \e918"; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRating .starsTotal .star--1:before {
                content: "\e925"; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRating .starsTotal .star--0_5:before {
                content: "\e918"; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRating .article-rating {
              display: inline-block;
              width: auto; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRating .article-rating .showReviews {
                text-decoration: underline; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .article-info {
            font-size: 15px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 300;
            position: relative;
            padding: 1.5em 0; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .article-info .read-more-container {
              position: relative; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .article-info .read-more-container .read-more-trigger .read-more-state {
                display: none; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .article-info .read-more-container .read-more-trigger .read-more-wrap > a {
                text-decoration: underline;
                position: absolute;
                right: 0; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .article-info .read-more-container .read-more-trigger .read-more-state ~ .read-more-wrap {
                max-height: 5em; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .article-info .read-more-container .read-more-trigger .read-less-target::after {
                content: '...'; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .article-info .read-more-container .read-more-trigger .read-more-state ~ .read-more-wrap .read-more-target {
                opacity: 0;
                position: absolute;
                left: -999em;
                transition: .75s ease; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .article-info .read-more-container .read-more-trigger .read-more-state:checked ~ .read-more-wrap .read-less-target::after {
                content: ''; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .article-info .read-more-container .read-more-trigger .read-more-state:checked ~ .read-more-wrap {
                max-height: 999em; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .article-info .read-more-container .read-more-trigger .read-more-state ~ .read-more-wrap .show-less-text {
                display: none; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .article-info .read-more-container .read-more-trigger .read-more-state ~ .read-more-wrap .show-more-text {
                display: inline; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .article-info .read-more-container .read-more-trigger .read-more-state:checked ~ .read-more-wrap .show-more-text {
                display: none; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .article-info .read-more-container .read-more-trigger .read-more-state:checked ~ .read-more-wrap .show-less-text {
                display: block; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .article-info .read-more-container .read-more-trigger .read-more-state:checked ~ .read-more-wrap .read-more-target {
                opacity: 1;
                position: relative;
                left: inherit; }
            @media (max-width: 768.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .article-info .read-more-container {
                width: 50%; } }
            @media (max-width: 480.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .article-info .read-more-container {
                width: 100%; } }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMarketing {
            font-size: 15px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 300;
            grid-column: auto / span 3;
            position: relative; }
            @media (max-width: 1020.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMarketing {
                grid-column: auto / span 3; } }
            @media (max-width: 768.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMarketing {
                grid-column: 1 / span 8;
                min-height: 12rem;
                grid-row-start: 3; } }
            @media (max-width: 480.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMarketing {
                display: inline-block;
                display: grid;
                grid-column: 1 / span 4; } }
            @media (max-width: 768.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMarketing .article-info {
                width: 80%; } }
            @media (max-width: 480.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMarketing .article-info {
                width: 100%;
                padding-top: 0; } }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMarketing .free-delivery {
              border: 1px dashed #9b9b9b;
              width: 100%;
              padding: 1em; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMarketing .free-delivery .free-delivery__visual {
                display: inline-block;
                vertical-align: middle; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMarketing .free-delivery .free-delivery__visual:before {
                  font-family: 'bruneauAdaptiveIcons';
                  font-size: 2rem;
                  speak: none;
                  font-style: normal;
                  font-weight: normal;
                  font-variant: normal;
                  text-transform: none;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                  content: "\e909";
                  font-size: 3.3rem;
                  line-height: 0; }
                  @media (max-width: 1020.1px) {
                    header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMarketing .free-delivery .free-delivery__visual:before {
                      font-size: 2.5rem; } }
                  @media (max-width: 768.1px) {
                    header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMarketing .free-delivery .free-delivery__visual:before {
                      font-size: 3.0rem; } }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMarketing .free-delivery .delivery-info {
                display: inline-block; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMarketing .free-delivery .delivery-info .delivery-type {
                  font-size: 15px;
                  line-height: 1.2rem;
                  font-family: "Roboto";
                  font-weight: 500;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale; }
                  @media (max-width: 768.1px) {
                    header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMarketing .free-delivery .delivery-info .delivery-type {
                      font-size: 13px;
                      line-height: 1.3rem;
                      font-family: "Roboto";
                      font-weight: 500; } }
                @media (max-width: 768.1px) {
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMarketing .free-delivery .delivery-info .delivery-time {
                    font-size: 13px;
                    line-height: 1.3rem;
                    font-family: "Roboto";
                    font-weight: 300; } }
              @media (max-width: 768.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMarketing .free-delivery {
                  width: 30%;
                  position: absolute;
                  top: 0;
                  right: 0; } }
              @media (max-width: 480.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMarketing .free-delivery {
                  width: 50%;
                  position: relative;
                  min-height: 4em; } }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMarketing .inclusive {
              margin-top: 1.5em; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMarketing .inclusive h3 {
                font-size: 15px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 500;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMarketing .inclusive ul {
                list-style: disc outside;
                padding-left: 1.05em; }
              @media (max-width: 768.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMarketing .inclusive {
                  width: 50%; } }
              @media (max-width: 480.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMarketing .inclusive {
                  width: 100%; } }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMarketing .club-points {
              border: 1px dashed #9b9b9b;
              display: inline-block;
              display: grid;
              grid-template-columns: 1fr 3fr;
              position: absolute;
              width: 100%;
              bottom: 0;
              height: 4em;
              margin-top: 1rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMarketing .club-points__visual {
                display: inline-block;
                background: #e42313;
                text-align: center; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMarketing .club-points__visual:before {
                  font-family: 'bruneauAdaptiveIcons';
                  font-size: 2rem;
                  speak: none;
                  font-style: normal;
                  font-weight: normal;
                  font-variant: normal;
                  text-transform: none;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                  content: "\e94b";
                  font-size: 1.8rem;
                  color: #ffffff;
                  line-height: 2.1; }
                  @media (max-width: 1020.1px) {
                    header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMarketing .club-points__visual:before {
                      font-size: 1.5rem;
                      line-height: 2.5; } }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMarketing .club-points__text {
                text-align: center;
                display: inline-block;
                padding-top: .8rem; }
                @media (max-width: 768.1px) {
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMarketing .club-points__text {
                    text-align: left;
                    padding-left: 1rem; } }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMarketing .club-points__text .club-point-title {
                  font-size: 18px;
                  line-height: 1.2rem;
                  font-family: "Roboto";
                  font-weight: 500;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale; }
                  @media (max-width: 1020.1px) {
                    header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMarketing .club-points__text .club-point-title {
                      font-size: 15px;
                      line-height: 1.2rem;
                      font-family: "Roboto";
                      font-weight: 500;
                      -webkit-font-smoothing: antialiased;
                      -moz-osx-font-smoothing: grayscale; } }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMarketing .club-points__text .value-to-coin {
                  font-size: 18px;
                  line-height: 1.2rem;
                  font-family: "Roboto";
                  font-weight: 400; }
                  @media (max-width: 1020.1px) {
                    header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMarketing .club-points__text .value-to-coin {
                      font-size: 15px;
                      line-height: 1.2rem;
                      font-family: "Roboto";
                      font-weight: 400; } }
              @media (max-width: 768.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMarketing .club-points {
                  width: 30%;
                  position: absolute;
                  top: 5.5em;
                  right: 0; } }
              @media (max-width: 480.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailMarketing .club-points {
                  display: none; } }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection {
            position: relative;
            background-color: #f2f2f2;
            padding: 0.75rem;
            min-height: 295px;
            grid-column: auto / span 4;
            display: grid;
            /*
Chapter: featureSelection
---
*/
            /*
Chapter: featureSelectionColor
---
*/
            /* tiles in a horizontal list with text label */
            /*
Chapter: featureSelectionNumberTiles
*/
            /*
Chapter: inputSelectionTiles
---
*/
            /*
Chapter: featureSelectionColorTiles
---
*/
            /*
Chapter: inputSelectionTiles
---
*/ }
            @media (max-width: 1020.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection {
                grid-column: auto / span 4; } }
            @media (max-width: 768.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection {
                grid-column: 1 / span 8;
                grid-row-start: 2;
                min-height: initial; } }
            @media (max-width: 480.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection {
                display: inline-block;
                display: grid;
                grid-column: 1 / span 4; } }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection--listItem {
              grid-row-start: 1;
              grid-row-end: span 2;
              grid-column: 9 / span 4; }
              @media (max-width: 1020.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection--listItem {
                  grid-row-start: 1;
                  grid-row-end: span 2;
                  grid-column: auto / span 4; } }
              @media (max-width: 768.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection--listItem {
                  grid-column: auto / span 4;
                  grid-row: 2; } }
              @media (max-width: 480.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection--listItem {
                  grid-column: 1 / span 4;
                  grid-row: 3; } }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .group:after {
              content: "" !important;
              display: block !important;
              clear: both !important; }
            @media (max-width: 480.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .group {
                margin-bottom: 1rem; } }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .CheapestPriceDisplay {
              text-align: right; }
              @media (max-width: 768.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .CheapestPriceDisplay div {
                  display: inline; } }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .CheapestPriceDisplay .oldPrice {
                font-size: 18px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 400; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .CheapestPriceDisplay .oldPrice .lineThrough {
                  text-decoration: line-through; }
                @media (max-width: 768.1px) {
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .CheapestPriceDisplay .oldPrice {
                    padding-right: .3em; } }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .CheapestPriceDisplay .currentPriceWrapper .priceFrom {
                font-size: 15px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 400; }
                @media (max-width: 768.1px) {
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .CheapestPriceDisplay .currentPriceWrapper .priceFrom {
                    margin: 0.2em; } }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .CheapestPriceDisplay .currentPriceWrapper .currentPrice {
                font-size: 36px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 700;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                letter-spacing: -0.1rem; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .CheapestPriceDisplay .currentPriceWrapper .currentPrice.cheapestPrice {
                  color: #ff0066; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .CheapestPriceDisplay .currentPriceWrapper .currentPrice sup {
                  font-size: 18px;
                  line-height: 1.2rem;
                  font-family: "Roboto";
                  font-weight: 700;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                  margin-left: -1px;
                  letter-spacing: 0.05rem;
                  vertical-align: super;
                  top: 0; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .CheapestPriceDisplay .currentPriceWrapper .currentPrice .euro {
                  font-size: 24px;
                  line-height: 1.2rem;
                  font-family: "Roboto";
                  font-weight: 700; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .CheapestPriceDisplay .minOrderAmount {
                font-size: 12px;
                line-height: 1.6rem;
                font-family: "Roboto";
                font-weight: 300; }
                @media (max-width: 768.1px) {
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .CheapestPriceDisplay .minOrderAmount {
                    padding: 0; } }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelection {
              /**
	* Chapter: tooltip
*/
              /* smartphones, touchscreens
@at-root @media (hover: none) and (pointer: coarse) {
	.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/
              /* stylus-based screens
@at-root @media (hover: none) and (pointer: fine) {
.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/
              /* Nintendo Wii controller, Kinect
@at-root @media (hover: hover) and (pointer: coarse) {
	.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/
              /* mouse, touch pad
@at-root @media (hover: hover) and (pointer: fine) {
	.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/ }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelection ul.cFormStyledSelect {
                position: relative;
                margin-left: 0;
                top: 0;
                visibility: hidden;
                opacity: 1;
                transform: translateY(0%);
                transition-delay: 0s, 0s, 0.3s;
                height: auto;
                vertical-align: middle;
                font-size: 15px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 300; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelection ul.cFormStyledSelect .colorBox {
                  display: none; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelection ul.cFormStyledSelect input[type="radio"] {
                  display: none; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelection .selectPreview {
                padding-left: 1rem;
                line-height: normal;
                cursor: pointer;
                vertical-align: middle;
                border: 1px solid #9b9b9b;
                height: 2.3rem;
                line-height: 2.3rem;
                display: inline-block;
                width: 100%; }
                @media (max-width: 480.1px) {
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelection .selectPreview {
                    width: 100%; } }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelection .selectPreview .ui--angle-down {
                  line-height: 1rem; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelection .selectPreview .styledSelect {
                  height: 2.2rem;
                  margin-left: .7rem; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelection .selectPreview:after {
                  transform: rotate(0deg);
                  vertical-align: middle;
                  width: 1rem;
                  font-family: 'bruneauAdaptiveIcons';
                  font-size: 2rem;
                  speak: none;
                  font-style: normal;
                  font-weight: normal;
                  font-variant: normal;
                  text-transform: none;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                  content: "\e947";
                  font-size: 1.2rem;
                  transition: all 0.4s ease;
                  display: inline-block;
                  vertical-align: middle;
                  line-height: 2.2rem; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelection .selectPreview label {
                  line-height: normal;
                  width: calc(100% - 1.5rem);
                  display: inline-block;
                  vertical-align: middle;
                  line-height: 2.2rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelection ul.cFormStyledSelect {
                background: #ffffff;
                position: absolute;
                top: 0;
                -moz-appearance: none;
                appearance: none;
                -webkit-appearance: none;
                white-space: nowrap;
                outline: 0;
                z-index: 1;
                visibility: hidden;
                opacity: 0;
                transform: translateY(0em);
                transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelection ul.cFormStyledSelect li {
                  background: #ffffff;
                  padding-left: 1rem;
                  padding-right: 1rem;
                  border-left: 1px solid #9b9b9b;
                  border-bottom: 1px solid #9b9b9b;
                  border-right: 1px solid #9b9b9b;
                  height: 2.3rem;
                  line-height: 2.3rem;
                  vertical-align: middle;
                  width: 100%; }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelection ul.cFormStyledSelect li label {
                    display: block;
                    height: 2.3rem;
                    line-height: 2.3rem;
                    vertical-align: middle;
                    width: 100%; }
                    header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelection ul.cFormStyledSelect li label .labelText {
                      line-height: normal;
                      width: 13rem;
                      display: inline-block;
                      vertical-align: middle;
                      line-height: 2.2rem; }
                      @media (max-width: 480.1px) {
                        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelection ul.cFormStyledSelect li label .labelText {
                          width: 100%; } }
                    header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelection ul.cFormStyledSelect li label .colorBox {
                      width: 1.3rem;
                      height: 1.3rem;
                      display: inline-block;
                      margin-right: .5rem;
                      vertical-align: middle;
                      line-height: normal; }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelection ul.cFormStyledSelect li.selected, header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelection ul.cFormStyledSelect li.focus {
                    border-top: none;
                    background: #dddddd; }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelection ul.cFormStyledSelect li:hover {
                    background: #dddddd;
                    color: #000000; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelection .styledSelect.open {
                position: relative; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelection .styledSelect.open .selectPreview:after {
                  transform: rotate(-180deg); }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelection .styledSelect.open ul.cFormStyledSelect {
                  position: absolute;
                  top: 100%;
                  visibility: visible;
                  opacity: 1;
                  width: 100%;
                  height: auto;
                  transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelection select select {
                -webkit-appearance: none;
                -moz-appearance: none;
                -ms-appearance: none;
                appearance: none;
                outline: 0;
                box-shadow: none;
                background-image: none;
                width: 100%;
                height: 100%;
                margin: 0;
                position: relative;
                display: block;
                overflow: hidden;
                color: #000000;
                border: 1px solid #9b9b9b;
                cursor: pointer;
                font-size: 15px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 300;
                padding: 0.6rem 0.5rem 0.6rem 1rem;
                white-space: nowrap; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelection select select:-moz-focusring {
                  color: transparent;
                  text-shadow: 0 0 0 #000000; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelection select select:-ms-expand {
                  display: none; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelection select select option {
                  -moz-appearance: none;
                  appearance: none;
                  -webkit-appearance: none;
                  outline: 0;
                  border: none; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelection select select:after {
                  vertical-align: middle;
                  width: 1rem;
                  position: absolute;
                  top: .5rem;
                  right: 1rem;
                  font-family: 'bruneauAdaptiveIcons';
                  font-size: 2rem;
                  speak: none;
                  font-style: normal;
                  font-weight: normal;
                  font-variant: normal;
                  text-transform: none;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                  content: "\e947";
                  font-size: 1.2rem;
                  transition: all 0.4s ease;
                  display: block;
                  line-height: 2.3rem;
                  pointer-events: none; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelection h3 {
                font-size: 15px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 500;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelection .ui--info {
                display: inline-block;
                width: 1.6rem;
                line-height: 2rem;
                vertical-align: top;
                margin-top: -0.5rem; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelection .ui--info:after {
                  font-family: 'bruneauAdaptiveIcons';
                  font-size: 2rem;
                  speak: none;
                  font-style: normal;
                  font-weight: normal;
                  font-variant: normal;
                  text-transform: none;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                  content: "\e90d";
                  font-size: 1.7rem;
                  line-height: 2rem;
                  vertical-align: middle; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelection input.tooltip,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelection input.tooltipInput,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelection label.tooltip {
                display: none; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelection .linkShowTooltip {
                position: relative;
                cursor: pointer; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelection .tooltip {
                position: absolute;
                top: unset;
                bottom: unset;
                left: unset;
                right: unset; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelection .tooltip input {
                  display: none; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelection .tooltip .tooltipContent {
                  position: relative;
                  bottom: unset;
                  top: unset;
                  background: #ffcc00;
                  padding: 1rem;
                  z-index: 3;
                  color: #000000 !important;
                  text-align: left;
                  font-size: 12px;
                  line-height: 1.6rem;
                  font-family: "Roboto";
                  font-weight: 400;
                  line-height: normal;
                  width: 15rem;
                  -moz-transform: translateY(10px);
                  -o-transform: translateY(10px);
                  -ms-transform: translateY(10px);
                  -webkit-transform: translateY(10px);
                  transform: translateY(10px);
                  opacity: 0; }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelection .tooltip .tooltipContent:before {
                    width: .8rem;
                    height: .8rem;
                    background: #ffcc00;
                    transform: rotate(135deg);
                    content: "";
                    position: absolute;
                    left: unset;
                    right: unset;
                    bottom: -0.4rem;
                    top: unset; }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelection .tooltip .tooltipContent .ui--close {
                    display: block;
                    position: absolute;
                    top: .3rem;
                    right: .5rem; }
                    header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelection .tooltip .tooltipContent .ui--close:before {
                      font-family: 'bruneauAdaptiveIcons';
                      font-size: 2rem;
                      speak: none;
                      font-style: normal;
                      font-weight: normal;
                      font-variant: normal;
                      text-transform: none;
                      -webkit-font-smoothing: antialiased;
                      -moz-osx-font-smoothing: grayscale;
                      content: "\e913";
                      font-size: 1rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelection .tooltip.ui--info {
                position: relative;
                right: unset;
                bottom: unset;
                left: unset;
                display: inline-block; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelection .tooltip.ui--info .tooltipContent {
                  position: absolute;
                  bottom: 25px;
                  left: -10px;
                  -moz-transform: translateY(10px);
                  -o-transform: translateY(10px);
                  -ms-transform: translateY(10px);
                  -webkit-transform: translateY(10px);
                  transform: translateY(10px);
                  transition: all .2s ease-in-out;
                  opacity: 0; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelection .tooltip.ui--info:before {
                  font-family: 'bruneauAdaptiveIcons';
                  font-size: 2rem;
                  speak: none;
                  font-style: normal;
                  font-weight: normal;
                  font-variant: normal;
                  text-transform: none;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                  content: "\e90d";
                  font-size: 1.3rem;
                  line-height: normal;
                  vertical-align: middle; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelection .tooltip.ui--info .ui--close {
                  display: none; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelection .tooltip.ui--info:hover .tooltipContent {
                opacity: 1;
                -moz-transform: translateY(0px);
                -o-transform: translateY(0px);
                -ms-transform: translateY(0px);
                -webkit-transform: translateY(0px);
                transform: translateY(0px); }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelection .linkShowTooltip:hover .tooltipContent,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelection .linkShowTooltip:hover .tooltip {
                opacity: 1;
                -moz-transform: translateY(0px);
                -o-transform: translateY(0px);
                -ms-transform: translateY(0px);
                -webkit-transform: translateY(0px);
                transform: translateY(0px); }
              .touchevents .linkShowTooltip:hover .tooltipContent,
              .touchevents .linkShowTooltip:hover .tooltip {
                opacity: unset;
                transform: unset; }
              .touchevents .tooltip.ui--info:hover .tooltipContent {
                opacity: unset;
                transform: unset; }
              .touchevents .tooltip .ui--close {
                display: block; }
              .touchevents .tooltip [type="radio"].tooltipInput:not(:checked) ~ .tooltipContent {
                -moz-transform: translateY(10px);
                -o-transform: translateY(10px);
                -ms-transform: translateY(10px);
                -webkit-transform: translateY(10px);
                transform: translateY(10px);
                opacity: 0; }
              .touchevents .tooltip [type="radio"].tooltipInput:checked ~ .tooltipContent {
                opacity: 1;
                -moz-transform: translateY(0px);
                -o-transform: translateY(0px);
                -ms-transform: translateY(0px);
                -webkit-transform: translateY(0px);
                transform: translateY(0px); }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelection .tooltip {
                bottom: 2rem;
                right: -1rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelection .tooltip:before {
                left: 13rem; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .no-js .featureSelection select {
              -webkit-appearance: none;
              -moz-appearance: none;
              -ms-appearance: none;
              appearance: none;
              outline: 0;
              box-shadow: none;
              background-image: none;
              width: 100%;
              height: 100%;
              margin: 0;
              position: relative;
              display: block;
              overflow: hidden;
              color: #000000;
              border: 1px solid #9b9b9b;
              cursor: pointer;
              font-size: 15px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 300;
              padding: 0.6rem 0.5rem 0.6rem 1rem;
              white-space: nowrap; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .no-js .featureSelection select:-moz-focusring {
                color: transparent;
                text-shadow: 0 0 0 #000000; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .no-js .featureSelection select:-ms-expand {
                display: none; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .no-js .featureSelection select option {
                -moz-appearance: none;
                appearance: none;
                -webkit-appearance: none;
                outline: 0;
                border: none; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .no-js .featureSelection select:after {
                vertical-align: middle;
                width: 1rem;
                position: absolute;
                top: .5rem;
                right: 1rem;
                font-family: 'bruneauAdaptiveIcons';
                font-size: 2rem;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: "\e947";
                font-size: 1.2rem;
                transition: all 0.4s ease;
                display: block;
                line-height: 2.3rem;
                pointer-events: none; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor {
              /*
Chapter: inputSelectionTiles
---
*/
              position: relative;
              margin: 2rem 0;
              padding-bottom: 2rem;
              border-bottom: 1px dashed #000000;
              /**
	* Chapter: tooltip
*/
              /* smartphones, touchscreens
@at-root @media (hover: none) and (pointer: coarse) {
	.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/
              /* stylus-based screens
@at-root @media (hover: none) and (pointer: fine) {
.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/
              /* Nintendo Wii controller, Kinect
@at-root @media (hover: hover) and (pointer: coarse) {
	.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/
              /* mouse, touch pad
@at-root @media (hover: hover) and (pointer: fine) {
	.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/ }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .touchevents [type="radio"]:checked + .checkboxLabel:after,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .touchevents [type="checkbox"]:checked + .checkboxLabel:after {
                display: block !important; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .touchevents .checkboxLabel:after {
                display: none !important; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor ul.cFormStyledSelect {
                position: relative;
                margin-left: 0;
                top: 0;
                visibility: hidden;
                opacity: 1;
                transform: translateY(0%);
                transition-delay: 0s, 0s, 0.3s;
                height: auto;
                vertical-align: middle;
                font-size: 15px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 300; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor ul.cFormStyledSelect .colorBox {
                  display: none; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor ul.cFormStyledSelect input[type="radio"] {
                  display: none; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .selectPreview {
                padding-left: 1rem;
                line-height: normal;
                cursor: pointer;
                vertical-align: middle;
                border: 1px solid #9b9b9b;
                height: 2.3rem;
                line-height: 2.3rem;
                display: inline-block;
                width: 100%; }
                @media (max-width: 480.1px) {
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .selectPreview {
                    width: 100%; } }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .selectPreview .ui--angle-down {
                  line-height: 1rem; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .selectPreview .styledSelect {
                  height: 2.2rem;
                  margin-left: .7rem; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .selectPreview:after {
                  transform: rotate(0deg);
                  vertical-align: middle;
                  width: 1rem;
                  font-family: 'bruneauAdaptiveIcons';
                  font-size: 2rem;
                  speak: none;
                  font-style: normal;
                  font-weight: normal;
                  font-variant: normal;
                  text-transform: none;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                  content: "\e947";
                  font-size: 1.2rem;
                  transition: all 0.4s ease;
                  display: inline-block;
                  vertical-align: middle;
                  line-height: 2.2rem; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .selectPreview label {
                  line-height: normal;
                  width: calc(100% - 1.5rem);
                  display: inline-block;
                  vertical-align: middle;
                  line-height: 2.2rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor ul.cFormStyledSelect {
                background: #ffffff;
                position: absolute;
                top: 0;
                -moz-appearance: none;
                appearance: none;
                -webkit-appearance: none;
                white-space: nowrap;
                outline: 0;
                z-index: 1;
                visibility: hidden;
                opacity: 0;
                transform: translateY(0em);
                transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor ul.cFormStyledSelect li {
                  background: #ffffff;
                  padding-left: 1rem;
                  padding-right: 1rem;
                  border-left: 1px solid #9b9b9b;
                  border-bottom: 1px solid #9b9b9b;
                  border-right: 1px solid #9b9b9b;
                  height: 2.3rem;
                  line-height: 2.3rem;
                  vertical-align: middle;
                  width: 100%; }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor ul.cFormStyledSelect li label {
                    display: block;
                    height: 2.3rem;
                    line-height: 2.3rem;
                    vertical-align: middle;
                    width: 100%; }
                    header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor ul.cFormStyledSelect li label .labelText {
                      line-height: normal;
                      width: 13rem;
                      display: inline-block;
                      vertical-align: middle;
                      line-height: 2.2rem; }
                      @media (max-width: 480.1px) {
                        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor ul.cFormStyledSelect li label .labelText {
                          width: 100%; } }
                    header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor ul.cFormStyledSelect li label .colorBox {
                      width: 1.3rem;
                      height: 1.3rem;
                      display: inline-block;
                      margin-right: .5rem;
                      vertical-align: middle;
                      line-height: normal; }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor ul.cFormStyledSelect li.selected, header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor ul.cFormStyledSelect li.focus {
                    border-top: none;
                    background: #dddddd; }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor ul.cFormStyledSelect li:hover {
                    background: #dddddd;
                    color: #000000; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .styledSelect.open {
                position: relative; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .styledSelect.open .selectPreview:after {
                  transform: rotate(-180deg); }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .styledSelect.open ul.cFormStyledSelect {
                  position: absolute;
                  top: 100%;
                  visibility: visible;
                  opacity: 1;
                  width: 100%;
                  height: auto;
                  transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; }
              @media (max-width: 480.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor {
                  width: 100%;
                  max-width: 100%; } }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .styledSelect {
                position: relative; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .styledSelect.open ul.cFormStyledSelect {
                position: absolute;
                top: 100%;
                visibility: visible;
                opacity: 1;
                width: 100%;
                transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; }
              @media (max-width: 480.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor ul.cFormStyledSelect li {
                  width: 100%; } }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .selectPreview .colorBox {
                position: relative;
                display: inline-block !important;
                width: 1.3rem;
                height: 1.3rem;
                vertical-align: middle;
                line-height: 2.3rem;
                margin-right: .5rem; }
              @media (max-width: 480.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .selectPreview {
                  width: 100%; } }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .selectPreview label {
                vertical-align: middle;
                line-height: 2.3rem; }
                @media (max-width: 480.1px) {
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .selectPreview label {
                    width: calc(100% - 1.5rem); } }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .cFormStyledSelect .ui--check {
                display: none; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .cFormStyledSelect .colorBox {
                position: relative;
                display: inline-block !important;
                width: 2rem;
                height: 2rem; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .cFormStyledSelect .colorBox:after {
                  font-family: 'bruneauAdaptiveIcons';
                  font-size: 2rem;
                  speak: none;
                  font-style: normal;
                  font-weight: normal;
                  font-variant: normal;
                  text-transform: none;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                  content: "\e901";
                  display: none;
                  font-size: 1.3rem;
                  line-height: 2rem;
                  vertical-align: middle;
                  position: absolute;
                  left: 0rem;
                  top: -0.4rem;
                  z-index: 3; }
              @media (max-width: 480.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .cFormStyledSelect li {
                  width: 100%; } }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .cFormStyledSelect li:hover .colorBox:after {
                display: block; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .cFormStyledSelect li.selected .colorBox:after {
                display: block; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .cFormStyledSelect .checkboxLabelText {
                padding-left: 2rem;
                line-height: 1.5rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .cFormStyledSelect .selected {
                background: #dddddd; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .cFormStyledSelect .checkboxLabel:after {
                font-family: 'bruneauAdaptiveIcons';
                font-size: 2rem;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: "\e901";
                position: absolute;
                top: 0rem;
                left: 0rem;
                width: 1.66rem;
                height: 1.66rem;
                font-size: 1.3rem;
                line-height: 1.2rem;
                transition: all .2s;
                opacity: 0;
                transform: scale(0); }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .cFormStyledSelect [type="radio"]:not(:checked):hover + .checkboxLabel:after,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .cFormStyledSelect .selected .checkboxLabel:after {
                transition: all .2s;
                opacity: 1;
                transform: scale(1); }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .cFormStyledSelect [type="radio"]:checked:hover + .checkboxLabel:after {
                display: none; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .cFormStyledSelect .disabled [type="radio"]:not(:checked) + .checkboxLabel {
                position: relative;
                display: inline-block;
                width: 1.6rem;
                height: 1.6rem;
                border: none;
                box-shadow: 2px 2px 2px 0 #ffffff inset, -2px -2px 2px 0 #ffffff inset;
                border: 0.1rem solid #ffffff !important;
                cursor: default !important; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .cFormStyledSelect .disabled [type="radio"]:not(:checked) + .checkboxLabel:after {
                  content: '';
                  position: absolute;
                  z-index: 2;
                  width: 1.6rem;
                  height: 1.6rem;
                  display: block;
                  left: -4px;
                  top: 0;
                  opacity: 1;
                  transform: scale(1);
                  transition: unset;
                  background: linear-gradient(135deg, transparent 48%, #ffffff 50%, transparent 55%); }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .cFormStyledSelect .disabled [type="radio"]:not(:checked) + .checkboxLabel:before {
                  content: '';
                  position: absolute;
                  z-index: 3;
                  width: 1.6rem;
                  height: 1.6rem;
                  display: none;
                  left: 0;
                  top: 0;
                  opacity: 1;
                  transform: scale(1);
                  background: linear-gradient(45deg, transparent 48%, #ffffff 50%, transparent 55%); }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .cFormStyledSelect .disabled [type="radio"]:not(:checked):hover + .checkboxLabel {
                width: 1.6rem;
                height: 1.6rem;
                border: none !important;
                margin-bottom: 0rem;
                cursor: pointer; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .cFormStyledSelect .disabled [type="radio"]:not(:checked):hover + .checkboxLabel:after {
                  display: block;
                  left: 0px;
                  transition: unset; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .cFormStyledSelect .disabled [type="radio"]:not(:checked):hover + .checkboxLabel:before {
                  display: block; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .cFormStyledSelect .disabled {
                vertical-align: middle;
                line-height: 2.1rem;
                display: block; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .cFormStyledSelect .disabled .checkboxLabelText {
                  line-height: 1.7rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .cFormStyledSelect .disabled .checkboxLabel {
                display: inline-block !important; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor label {
                background: transparent !important; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor [type="radio"]:checked,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor [type="checkbox"]:checked {
                background-color: 'red'; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor [type="radio"]:not(:checked),
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor [type="checkbox"]:not(:checked) {
                background-color: 'green'; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li {
                display: inline-block;
                margin-right: .66rem;
                width: auto;
                border: none;
                height: 2rem;
                vertical-align: middle;
                line-height: 2rem; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li label:not(.tooltip) {
                  display: block; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li .styledSelect {
                  margin-left: 0; }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li .styledSelect .selectPreview label {
                    display: none; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li .inputSelectionTiles {
                  margin-left: .7rem; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li .checkboxLabelText {
                  display: none; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li [type="radio"]:not(:checked),
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li [type="checkbox"]:not(:checked),
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li [type="radio"]:checked,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li [type="checkbox"]:checked {
                  position: absolute;
                  left: -9999px; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li [type="radio"]:not(:checked) + .checkboxLabel,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li [type="checkbox"]:not(:checked) + .checkboxLabel {
                  position: relative;
                  cursor: pointer;
                  display: block;
                  width: 1.6rem;
                  height: 1.6rem;
                  margin: .2rem; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li [type="radio"]:checked + .checkboxLabel,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li [type="checkbox"]:checked + .checkboxLabel {
                  position: relative;
                  cursor: pointer;
                  display: block;
                  width: 2rem;
                  height: 2rem;
                  margin: 0;
                  padding: 0; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li [type="radio"]:not(:checked):hover + .checkboxLabel,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li [type="checkbox"]:not(:checked):hover + .checkboxLabel {
                  cursor: pointer;
                  display: block;
                  width: 2rem;
                  height: 2rem;
                  margin: 0;
                  padding: 0; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li [type="radio"]:not(:checked) .checkboxLabel:after,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li [type="checkbox"]:not(:checked) .checkboxLabel:after,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li [type="radio"] .checkboxLabel:after,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li [type="checkbox"] .checkboxLabel:after {
                  font-family: 'bruneauAdaptiveIcons';
                  font-size: 2rem;
                  speak: none;
                  font-style: normal;
                  font-weight: normal;
                  font-variant: normal;
                  text-transform: none;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                  content: "\e901";
                  display: none !important; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li .checkboxLabel:hover:after,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li [type="radio"]:not(:checked):hover + .checkboxLabel:after,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li [type="checkbox"]:not(:checked):hover + .checkboxLabel:after,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li [type="radio"]:checked + .checkboxLabel:after,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li [type="checkbox"]:checked + .checkboxLabel:after {
                  font-family: 'bruneauAdaptiveIcons';
                  font-size: 2rem;
                  speak: none;
                  font-style: normal;
                  font-weight: normal;
                  font-variant: normal;
                  text-transform: none;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                  content: "\e901";
                  position: absolute;
                  top: 0.4rem;
                  left: 0.15rem;
                  font-size: 1.6rem;
                  line-height: 1.2rem;
                  transition: all .2s;
                  opacity: 1;
                  transform: scale(1);
                  display: block; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li [type="radio"]:not(:checked) + .checkboxLabel:after,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li [type="checkbox"]:not(:checked) + .checkboxLabel:after,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li [type="radio"] + .checkboxLabel:after,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li [type="checkbox"] + .checkboxLabel:after {
                  display: none; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li .disabled [type="radio"]:not(:checked) + .checkboxLabel,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li .disabled [type="checkbox"]:not(:checked) + .checkboxLabel {
                  position: relative;
                  display: block;
                  width: 1.8rem;
                  height: 1.8rem;
                  box-shadow: 0.1rem 0.1rem 0.1rem 0 #ffffff inset, -0.1rem -0.1rem 0.1rem 0 #ffffff inset;
                  cursor: default !important;
                  margin: .1rem; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li .disabled .checkboxLabel:before,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li .disabled .checkboxLabel:after {
                  content: '';
                  position: absolute;
                  width: 1.8rem;
                  height: 1.8rem;
                  display: block;
                  left: 0;
                  top: 0; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li .disabled .checkboxLabel:before {
                  background: linear-gradient(135deg, transparent 48%, #ffffff 50%, transparent 52%); }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li .disabled .checkboxLabel:after {
                  background: linear-gradient(45deg, transparent 48%, #ffffff 50%, transparent 52%);
                  display: none; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li .disabled [type="radio"]:hover + .checkboxLabel,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li .disabled [type="checkbox"]:hover + .checkboxLabel,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li .disabled [type="radio"]:focus + .checkboxLabel,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li .disabled [type="checkbox"]:focus + .checkboxLabel {
                  width: 2rem;
                  height: 2rem;
                  margin: 0; }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li .disabled [type="radio"]:hover + .checkboxLabel:after,
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li .disabled [type="checkbox"]:hover + .checkboxLabel:after,
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li .disabled [type="radio"]:focus + .checkboxLabel:after,
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li .disabled [type="checkbox"]:focus + .checkboxLabel:after {
                    display: block;
                    font-size: 0;
                    left: 0;
                    top: 0;
                    width: 2rem;
                    height: 2rem; }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li .disabled [type="radio"]:hover + .checkboxLabel:before,
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li .disabled [type="checkbox"]:hover + .checkboxLabel:before,
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li .disabled [type="radio"]:focus + .checkboxLabel:before,
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li .disabled [type="checkbox"]:focus + .checkboxLabel:before {
                    display: block;
                    width: 2rem;
                    height: 2rem; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li [type="radio"]:not(:checked) + .checkboxLabel:after,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li [type="checkbox"]:not(:checked) + .checkboxLabel:after {
                  opacity: 0;
                  transform: scale(0); }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li [type="radio"]:checked + .checkboxLabel:after,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li [type="checkbox"]:checked + .checkboxLabel:after {
                  opacity: 1;
                  transform: scale(1); }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor label.disabled {
                display: inline-block !important; }
              @media (max-width: 480.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .selectPreview {
                  width: 100%; } }
              @media (max-width: 480.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .selectPreview label {
                  width: calc(100% - 1.5rem); } }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor ul.cFormStyledSelect {
                position: relative;
                top: -1px;
                visibility: hidden;
                opacity: 1;
                transform: translateY(0%);
                transition-delay: 0s, 0s, 0.3s;
                height: 0; }
              @media (max-width: 480.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor ul.cFormStyledSelect li {
                  width: 100%; } }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li {
                display: block;
                margin: 0;
                height: auto;
                line-height: normal; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li:first-child .inputSelectionTilesListItem {
                border-top: 1px solid #9b9b9b; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles .inputSelectionTilesListItem {
                border-left: 1px solid #9b9b9b;
                border-bottom: 1px solid #9b9b9b;
                border-right: 1px solid #9b9b9b;
                padding: .4rem 0 0 1rem;
                width: 100%; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles label.inputSelectionTilesListItem:hover {
                background: #dddddd !important; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles label.inputSelectionTilesListItem.selected {
                background: #dddddd !important; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles .checkboxLabel {
                display: inline-block !important; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles .checkboxLabelText {
                display: inline-block !important;
                padding: .5rem 0;
                vertical-align: top;
                font-size: 15px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 300;
                margin-left: .5rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li [type="radio"] + .checkboxLabel:hover:after,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .inputSelectionTiles li [type="checkbox"] + .checkboxLabel:hover:after {
                top: .4rem !important;
                left: .15rem !important; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor h3 {
                font-size: 15px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 500;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor input.tooltip,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor input.tooltipInput,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor label.tooltip {
                display: none; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .linkShowTooltip {
                position: relative;
                cursor: pointer; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .tooltip {
                position: absolute;
                top: unset;
                bottom: unset;
                left: unset;
                right: unset; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .tooltip input {
                  display: none; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .tooltip .tooltipContent {
                  position: relative;
                  bottom: unset;
                  top: unset;
                  background: #ffcc00;
                  padding: 1rem;
                  z-index: 3;
                  color: #000000 !important;
                  text-align: left;
                  font-size: 12px;
                  line-height: 1.6rem;
                  font-family: "Roboto";
                  font-weight: 400;
                  line-height: normal;
                  width: 15rem;
                  -moz-transform: translateY(10px);
                  -o-transform: translateY(10px);
                  -ms-transform: translateY(10px);
                  -webkit-transform: translateY(10px);
                  transform: translateY(10px);
                  opacity: 0; }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .tooltip .tooltipContent:before {
                    width: .8rem;
                    height: .8rem;
                    background: #ffcc00;
                    transform: rotate(135deg);
                    content: "";
                    position: absolute;
                    left: unset;
                    right: unset;
                    bottom: -0.4rem;
                    top: unset; }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .tooltip .tooltipContent .ui--close {
                    display: block;
                    position: absolute;
                    top: .3rem;
                    right: .5rem; }
                    header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .tooltip .tooltipContent .ui--close:before {
                      font-family: 'bruneauAdaptiveIcons';
                      font-size: 2rem;
                      speak: none;
                      font-style: normal;
                      font-weight: normal;
                      font-variant: normal;
                      text-transform: none;
                      -webkit-font-smoothing: antialiased;
                      -moz-osx-font-smoothing: grayscale;
                      content: "\e913";
                      font-size: 1rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .tooltip.ui--info {
                position: relative;
                right: unset;
                bottom: unset;
                left: unset;
                display: inline-block; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .tooltip.ui--info .tooltipContent {
                  position: absolute;
                  bottom: 25px;
                  left: -10px;
                  -moz-transform: translateY(10px);
                  -o-transform: translateY(10px);
                  -ms-transform: translateY(10px);
                  -webkit-transform: translateY(10px);
                  transform: translateY(10px);
                  transition: all .2s ease-in-out;
                  opacity: 0; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .tooltip.ui--info:before {
                  font-family: 'bruneauAdaptiveIcons';
                  font-size: 2rem;
                  speak: none;
                  font-style: normal;
                  font-weight: normal;
                  font-variant: normal;
                  text-transform: none;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                  content: "\e90d";
                  font-size: 1.3rem;
                  line-height: normal;
                  vertical-align: middle; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .tooltip.ui--info .ui--close {
                  display: none; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .tooltip.ui--info:hover .tooltipContent {
                opacity: 1;
                -moz-transform: translateY(0px);
                -o-transform: translateY(0px);
                -ms-transform: translateY(0px);
                -webkit-transform: translateY(0px);
                transform: translateY(0px); }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .linkShowTooltip:hover .tooltipContent,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .linkShowTooltip:hover .tooltip {
                opacity: 1;
                -moz-transform: translateY(0px);
                -o-transform: translateY(0px);
                -ms-transform: translateY(0px);
                -webkit-transform: translateY(0px);
                transform: translateY(0px); }
              .touchevents .linkShowTooltip:hover .tooltipContent,
              .touchevents .linkShowTooltip:hover .tooltip {
                opacity: unset;
                transform: unset; }
              .touchevents .tooltip.ui--info:hover .tooltipContent {
                opacity: unset;
                transform: unset; }
              .touchevents .tooltip .ui--close {
                display: block; }
              .touchevents .tooltip [type="radio"].tooltipInput:not(:checked) ~ .tooltipContent {
                -moz-transform: translateY(10px);
                -o-transform: translateY(10px);
                -ms-transform: translateY(10px);
                -webkit-transform: translateY(10px);
                transform: translateY(10px);
                opacity: 0; }
              .touchevents .tooltip [type="radio"].tooltipInput:checked ~ .tooltipContent {
                opacity: 1;
                -moz-transform: translateY(0px);
                -o-transform: translateY(0px);
                -ms-transform: translateY(0px);
                -webkit-transform: translateY(0px);
                transform: translateY(0px); }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .tooltip {
                bottom: 2rem;
                right: -1rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .tooltip:before {
                left: 13rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor ul.inputSelectionTiles li:first-child .inputSelectionTilesListItem {
                border: none; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor ul.inputSelectionTiles li label.inputSelectionTilesListItem {
                border: none;
                display: grid;
                grid-template-columns: 24px auto 40px;
                align-items: center;
                padding: .4rem 0; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor ul.inputSelectionTiles li label.inputSelectionTilesListItem .checkboxLabelText {
                  font-size: 15px;
                  line-height: 1.2rem;
                  font-family: "Roboto";
                  font-weight: 400; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor ul.inputSelectionTiles li label.inputSelectionTilesListItem .filterResultsNumber {
                  font-size: 15px;
                  line-height: 1.2rem;
                  font-family: "Roboto";
                  font-weight: 300;
                  text-align: right; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .read-more-filters__state {
                display: none; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .read-more-filters__target,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor li.read-more-filters__target {
                display: none; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .read-more-filters__state:checked ~ .read-more-filters__wrap .read-more-filters__target {
                opacity: 1;
                font-size: inherit;
                max-height: 999em;
                display: block; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .read-more-filters__state ~ .read-more-filters__trigger:before {
                content: attr(more); }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .read-more-filters__state:checked ~ .read-more-filters__trigger:before {
                content: attr(less); }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .read-more-filters__trigger {
                font-size: 15px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 300;
                cursor: pointer;
                display: inline-block;
                text-align: right;
                width: 100%;
                text-decoration: underline; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColor .read-more-filters__trigger:hover {
                  color: #e42313;
                  -webkit-transition: all 0.3s ease;
                  -moz-transition: all 0.3s ease;
                  -ms-transition: all 0.3s ease;
                  -o-transition: all 0.3s ease;
                  transition: all 0.3s ease; }
              .no-cssgrid ul.inputSelectionTiles li label.inputSelectionTilesListItem {
                display: inline-block; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .touchevents [type="radio"]:checked + .checkboxLabel:after,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .touchevents [type="checkbox"]:checked + .checkboxLabel:after {
              display: block !important; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .touchevents .checkboxLabel:after {
              display: none !important; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles {
              position: relative;
              margin: 2rem 0;
              padding-bottom: 2rem;
              border-bottom: 1px dashed #000000;
              /**
	* Chapter: tooltip
*/
              /* smartphones, touchscreens
@at-root @media (hover: none) and (pointer: coarse) {
	.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/
              /* stylus-based screens
@at-root @media (hover: none) and (pointer: fine) {
.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/
              /* Nintendo Wii controller, Kinect
@at-root @media (hover: hover) and (pointer: coarse) {
	.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/
              /* mouse, touch pad
@at-root @media (hover: hover) and (pointer: fine) {
	.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/ }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles li {
                display: inline-block;
                margin-right: .66rem;
                margin-bottom: .66rem;
                font-size: 15px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 400;
                color: #000000; }
                @media (max-width: 480.1px) {
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles li {
                    margin-right: .2rem; } }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles label:not(.tooltip) {
                display: block; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles [type="radio"]:checked,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles [type="checkbox"]:checked {
                background-color: 'red'; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles [type="radio"]:not(:checked),
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles [type="checkbox"]:not(:checked),
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles [type="radio"]:checked,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles [type="checkbox"]:checked {
                position: absolute;
                left: -9999px; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles [type="radio"]:not(:checked) + .checkboxLabel,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles [type="checkbox"]:not(:checked) + .checkboxLabel,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles [type="radio"]:checked + .checkboxLabel,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles [type="checkbox"]:checked + .checkboxLabel {
                cursor: pointer;
                display: block;
                text-align: center;
                width: 3rem;
                height: 3rem;
                line-height: 3rem;
                border: 0.1rem solid #9b9b9b;
                color: #000000; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles [type="radio"]:not(:checked) + .checkboxLabel--double,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles [type="checkbox"]:not(:checked) + .checkboxLabel--double,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles [type="radio"]:checked + .checkboxLabel--double,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles [type="checkbox"]:checked + .checkboxLabel--double {
                  width: 7rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles [type="radio"]:checked + .checkboxLabel,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles [type="checkbox"]:checked + .checkboxLabel {
                background: #739900;
                color: #ffffff; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles [type="radio"]:not(:checked):hover + .checkboxLabel,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles [type="checkbox"]:not(:checked):hover + .checkboxLabel,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles [type="radio"]:not(:checked):focus + .checkboxLabel,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles [type="checkbox"]:not(:checked):focus + .checkboxLabel,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles [type="radio"]:checked:hover + .checkboxLabel,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles [type="checkbox"]:checked:hover + .checkboxLabel,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles [type="radio"]:checked:focus + .checkboxLabel,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles [type="checkbox"]:checked:focus + .checkboxLabel {
                cursor: pointer;
                background: #697f26;
                border: 0.1rem solid #697f26;
                color: #ffffff; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles label.disabled {
                display: inline-block !important; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="radio"]:not(:checked):hover + .checkboxLabel,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="checkbox"]:not(:checked):hover + .checkboxLabel,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="radio"]:not(:checked):focus + .checkboxLabel,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="checkbox"]:not(:checked):focus + .checkboxLabel,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="radio"]:checked + .checkboxLabel,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="checkbox"]:checked + .checkboxLabel,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="radio"]:checked:hover + .checkboxLabel,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="checkbox"]:checked:hover + .checkboxLabel,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="radio"]:checked:focus + .checkboxLabel,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="checkbox"]:checked:focus + .checkboxLabel,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles .disabled .checkboxLabel {
                border: 0.1rem solid #bdbdbd !important;
                color: #bdbdbd !important;
                width: 3rem !important;
                height: 3rem !important;
                background: linear-gradient(135deg, #ffffff 49%, #bdbdbd 50%, #ffffff 51%);
                cursor: default !important; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="radio"]:not(:checked):hover + .checkboxLabel:hover, header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="radio"]:not(:checked):hover + .checkboxLabel:focus,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="checkbox"]:not(:checked):hover + .checkboxLabel:hover,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="checkbox"]:not(:checked):hover + .checkboxLabel:focus,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="radio"]:not(:checked):focus + .checkboxLabel:hover,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="radio"]:not(:checked):focus + .checkboxLabel:focus,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="checkbox"]:not(:checked):focus + .checkboxLabel:hover,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="checkbox"]:not(:checked):focus + .checkboxLabel:focus,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="radio"]:checked + .checkboxLabel:hover,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="radio"]:checked + .checkboxLabel:focus,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="checkbox"]:checked + .checkboxLabel:hover,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="checkbox"]:checked + .checkboxLabel:focus,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="radio"]:checked:hover + .checkboxLabel:hover,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="radio"]:checked:hover + .checkboxLabel:focus,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="checkbox"]:checked:hover + .checkboxLabel:hover,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="checkbox"]:checked:hover + .checkboxLabel:focus,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="radio"]:checked:focus + .checkboxLabel:hover,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="radio"]:checked:focus + .checkboxLabel:focus,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="checkbox"]:checked:focus + .checkboxLabel:hover,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles .disabled [type="checkbox"]:checked:focus + .checkboxLabel:focus,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles .disabled .checkboxLabel:hover,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles .disabled .checkboxLabel:focus {
                  border: 0.1rem solid #bdbdbd;
                  color: #bdbdbd;
                  background: #ffffff;
                  background: linear-gradient(135deg, #ffffff 49%, #bdbdbd 50%, #ffffff 51%);
                  cursor: default;
                  width: 3rem !important;
                  height: 3rem !important; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles h3 {
                font-size: 15px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 500;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                margin-bottom: 0.5rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles li {
                margin-right: 0.2rem;
                margin-bottom: 0.4rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles .ui--info {
                display: inline-block;
                width: 1.6rem;
                line-height: 2rem;
                vertical-align: top;
                margin-top: -0.5rem; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles .ui--info:after {
                  font-family: 'bruneauAdaptiveIcons';
                  font-size: 2rem;
                  speak: none;
                  font-style: normal;
                  font-weight: normal;
                  font-variant: normal;
                  text-transform: none;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                  content: "\e90d";
                  font-size: 1.7rem;
                  line-height: 2rem;
                  vertical-align: middle; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles input.tooltip,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles input.tooltipInput,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles label.tooltip {
                display: none; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles .linkShowTooltip {
                position: relative;
                cursor: pointer; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles .tooltip {
                position: absolute;
                top: unset;
                bottom: unset;
                left: unset;
                right: unset; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles .tooltip input {
                  display: none; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles .tooltip .tooltipContent {
                  position: relative;
                  bottom: unset;
                  top: unset;
                  background: #ffcc00;
                  padding: 1rem;
                  z-index: 3;
                  color: #000000 !important;
                  text-align: left;
                  font-size: 12px;
                  line-height: 1.6rem;
                  font-family: "Roboto";
                  font-weight: 400;
                  line-height: normal;
                  width: 15rem;
                  -moz-transform: translateY(10px);
                  -o-transform: translateY(10px);
                  -ms-transform: translateY(10px);
                  -webkit-transform: translateY(10px);
                  transform: translateY(10px);
                  opacity: 0; }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles .tooltip .tooltipContent:before {
                    width: .8rem;
                    height: .8rem;
                    background: #ffcc00;
                    transform: rotate(135deg);
                    content: "";
                    position: absolute;
                    left: unset;
                    right: unset;
                    bottom: -0.4rem;
                    top: unset; }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles .tooltip .tooltipContent .ui--close {
                    display: block;
                    position: absolute;
                    top: .3rem;
                    right: .5rem; }
                    header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles .tooltip .tooltipContent .ui--close:before {
                      font-family: 'bruneauAdaptiveIcons';
                      font-size: 2rem;
                      speak: none;
                      font-style: normal;
                      font-weight: normal;
                      font-variant: normal;
                      text-transform: none;
                      -webkit-font-smoothing: antialiased;
                      -moz-osx-font-smoothing: grayscale;
                      content: "\e913";
                      font-size: 1rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles .tooltip.ui--info {
                position: relative;
                right: unset;
                bottom: unset;
                left: unset;
                display: inline-block; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles .tooltip.ui--info .tooltipContent {
                  position: absolute;
                  bottom: 25px;
                  left: -10px;
                  -moz-transform: translateY(10px);
                  -o-transform: translateY(10px);
                  -ms-transform: translateY(10px);
                  -webkit-transform: translateY(10px);
                  transform: translateY(10px);
                  transition: all .2s ease-in-out;
                  opacity: 0; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles .tooltip.ui--info:before {
                  font-family: 'bruneauAdaptiveIcons';
                  font-size: 2rem;
                  speak: none;
                  font-style: normal;
                  font-weight: normal;
                  font-variant: normal;
                  text-transform: none;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                  content: "\e90d";
                  font-size: 1.3rem;
                  line-height: normal;
                  vertical-align: middle; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles .tooltip.ui--info .ui--close {
                  display: none; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles .tooltip.ui--info:hover .tooltipContent {
                opacity: 1;
                -moz-transform: translateY(0px);
                -o-transform: translateY(0px);
                -ms-transform: translateY(0px);
                -webkit-transform: translateY(0px);
                transform: translateY(0px); }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles .linkShowTooltip:hover .tooltipContent,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles .linkShowTooltip:hover .tooltip {
                opacity: 1;
                -moz-transform: translateY(0px);
                -o-transform: translateY(0px);
                -ms-transform: translateY(0px);
                -webkit-transform: translateY(0px);
                transform: translateY(0px); }
              .touchevents .linkShowTooltip:hover .tooltipContent,
              .touchevents .linkShowTooltip:hover .tooltip {
                opacity: unset;
                transform: unset; }
              .touchevents .tooltip.ui--info:hover .tooltipContent {
                opacity: unset;
                transform: unset; }
              .touchevents .tooltip .ui--close {
                display: block; }
              .touchevents .tooltip [type="radio"].tooltipInput:not(:checked) ~ .tooltipContent {
                -moz-transform: translateY(10px);
                -o-transform: translateY(10px);
                -ms-transform: translateY(10px);
                -webkit-transform: translateY(10px);
                transform: translateY(10px);
                opacity: 0; }
              .touchevents .tooltip [type="radio"].tooltipInput:checked ~ .tooltipContent {
                opacity: 1;
                -moz-transform: translateY(0px);
                -o-transform: translateY(0px);
                -ms-transform: translateY(0px);
                -webkit-transform: translateY(0px);
                transform: translateY(0px); }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionNumberTiles .tooltip {
                bottom: 3.5rem;
                left: 0; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .touchevents [type="radio"]:checked + .checkboxLabel:after,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .touchevents [type="checkbox"]:checked + .checkboxLabel:after {
              display: block !important; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .touchevents .checkboxLabel:after {
              display: none !important; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles {
              position: relative;
              margin: 2rem 0;
              padding-bottom: 2rem;
              border-bottom: 1px dashed #000000;
              /**
	* Chapter: tooltip
*/
              /* smartphones, touchscreens
@at-root @media (hover: none) and (pointer: coarse) {
	.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/
              /* stylus-based screens
@at-root @media (hover: none) and (pointer: fine) {
.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/
              /* Nintendo Wii controller, Kinect
@at-root @media (hover: hover) and (pointer: coarse) {
	.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/
              /* mouse, touch pad
@at-root @media (hover: hover) and (pointer: fine) {
	.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/ }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles [type="radio"]:checked,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles [type="checkbox"]:checked {
                background-color: 'red'; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles [type="radio"]:not(:checked),
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles [type="checkbox"]:not(:checked) {
                background-color: 'green'; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li {
                display: inline-block;
                margin-right: .66rem;
                width: auto;
                border: none;
                height: 2rem;
                vertical-align: middle;
                line-height: 2rem; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li label:not(.tooltip) {
                  display: block; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li .styledSelect {
                  margin-left: 0; }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li .styledSelect .selectPreview label {
                    display: none; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li .inputSelectionTiles {
                  margin-left: .7rem; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li .checkboxLabelText {
                  display: none; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li [type="radio"]:not(:checked),
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li [type="checkbox"]:not(:checked),
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li [type="radio"]:checked,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li [type="checkbox"]:checked {
                  position: absolute;
                  left: -9999px; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li [type="radio"]:not(:checked) + .checkboxLabel,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li [type="checkbox"]:not(:checked) + .checkboxLabel {
                  position: relative;
                  cursor: pointer;
                  display: block;
                  width: 1.6rem;
                  height: 1.6rem;
                  margin: .2rem; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li [type="radio"]:checked + .checkboxLabel,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li [type="checkbox"]:checked + .checkboxLabel {
                  position: relative;
                  cursor: pointer;
                  display: block;
                  width: 2rem;
                  height: 2rem;
                  margin: 0;
                  padding: 0; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li [type="radio"]:not(:checked):hover + .checkboxLabel,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li [type="checkbox"]:not(:checked):hover + .checkboxLabel {
                  cursor: pointer;
                  display: block;
                  width: 2rem;
                  height: 2rem;
                  margin: 0;
                  padding: 0; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li [type="radio"]:not(:checked) .checkboxLabel:after,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li [type="checkbox"]:not(:checked) .checkboxLabel:after,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li [type="radio"] .checkboxLabel:after,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li [type="checkbox"] .checkboxLabel:after {
                  font-family: 'bruneauAdaptiveIcons';
                  font-size: 2rem;
                  speak: none;
                  font-style: normal;
                  font-weight: normal;
                  font-variant: normal;
                  text-transform: none;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                  content: "\e901";
                  display: none !important; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li .checkboxLabel:hover:after,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li [type="radio"]:not(:checked):hover + .checkboxLabel:after,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li [type="checkbox"]:not(:checked):hover + .checkboxLabel:after,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li [type="radio"]:checked + .checkboxLabel:after,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li [type="checkbox"]:checked + .checkboxLabel:after {
                  font-family: 'bruneauAdaptiveIcons';
                  font-size: 2rem;
                  speak: none;
                  font-style: normal;
                  font-weight: normal;
                  font-variant: normal;
                  text-transform: none;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                  content: "\e901";
                  position: absolute;
                  top: 0.4rem;
                  left: 0.15rem;
                  font-size: 1.6rem;
                  line-height: 1.2rem;
                  transition: all .2s;
                  opacity: 1;
                  transform: scale(1);
                  display: block; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li [type="radio"]:not(:checked) + .checkboxLabel:after,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li [type="checkbox"]:not(:checked) + .checkboxLabel:after,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li [type="radio"] + .checkboxLabel:after,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li [type="checkbox"] + .checkboxLabel:after {
                  display: none; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li .disabled [type="radio"]:not(:checked) + .checkboxLabel,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li .disabled [type="checkbox"]:not(:checked) + .checkboxLabel {
                  position: relative;
                  display: block;
                  width: 1.8rem;
                  height: 1.8rem;
                  box-shadow: 0.1rem 0.1rem 0.1rem 0 #ffffff inset, -0.1rem -0.1rem 0.1rem 0 #ffffff inset;
                  cursor: default !important;
                  margin: .1rem; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li .disabled .checkboxLabel:before,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li .disabled .checkboxLabel:after {
                  content: '';
                  position: absolute;
                  width: 1.8rem;
                  height: 1.8rem;
                  display: block;
                  left: 0;
                  top: 0; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li .disabled .checkboxLabel:before {
                  background: linear-gradient(135deg, transparent 48%, #ffffff 50%, transparent 52%); }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li .disabled .checkboxLabel:after {
                  background: linear-gradient(45deg, transparent 48%, #ffffff 50%, transparent 52%);
                  display: none; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li .disabled [type="radio"]:hover + .checkboxLabel,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li .disabled [type="checkbox"]:hover + .checkboxLabel,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li .disabled [type="radio"]:focus + .checkboxLabel,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li .disabled [type="checkbox"]:focus + .checkboxLabel {
                  width: 2rem;
                  height: 2rem;
                  margin: 0; }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li .disabled [type="radio"]:hover + .checkboxLabel:after,
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li .disabled [type="checkbox"]:hover + .checkboxLabel:after,
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li .disabled [type="radio"]:focus + .checkboxLabel:after,
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li .disabled [type="checkbox"]:focus + .checkboxLabel:after {
                    display: block;
                    font-size: 0;
                    left: 0;
                    top: 0;
                    width: 2rem;
                    height: 2rem; }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li .disabled [type="radio"]:hover + .checkboxLabel:before,
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li .disabled [type="checkbox"]:hover + .checkboxLabel:before,
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li .disabled [type="radio"]:focus + .checkboxLabel:before,
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li .disabled [type="checkbox"]:focus + .checkboxLabel:before {
                    display: block;
                    width: 2rem;
                    height: 2rem; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li [type="radio"]:not(:checked) + .checkboxLabel:after,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li [type="checkbox"]:not(:checked) + .checkboxLabel:after {
                  opacity: 0;
                  transform: scale(0); }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li [type="radio"]:checked + .checkboxLabel:after,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .inputSelectionTiles li [type="checkbox"]:checked + .checkboxLabel:after {
                  opacity: 1;
                  transform: scale(1); }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles label.disabled {
                display: inline-block !important; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .read-more-filters__state {
                display: none; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .read-more-filters__target,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles li.read-more-filters__target {
                display: none; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .read-more-filters__state:checked ~ .read-more-filters__wrap .read-more-filters__target {
                opacity: 1;
                font-size: inherit;
                max-height: 999em;
                display: block; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .read-more-filters__state ~ .read-more-filters__trigger:before {
                content: attr(more); }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .read-more-filters__state:checked ~ .read-more-filters__trigger:before {
                content: attr(less); }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .read-more-filters__trigger {
                font-size: 15px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 300;
                cursor: pointer;
                display: inline-block;
                text-align: right;
                width: 100%;
                text-decoration: underline; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .read-more-filters__trigger:hover {
                  color: #e42313;
                  -webkit-transition: all 0.3s ease;
                  -moz-transition: all 0.3s ease;
                  -ms-transition: all 0.3s ease;
                  -o-transition: all 0.3s ease;
                  transition: all 0.3s ease; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles h3 {
                font-size: 15px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 500;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                margin-bottom: 0.5rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .ui--info {
                display: inline-block;
                width: 1.6rem;
                line-height: 2rem;
                vertical-align: top;
                margin-top: -0.5rem; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .ui--info:after {
                  font-family: 'bruneauAdaptiveIcons';
                  font-size: 2rem;
                  speak: none;
                  font-style: normal;
                  font-weight: normal;
                  font-variant: normal;
                  text-transform: none;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                  content: "\e90d";
                  font-size: 1.7rem;
                  line-height: 2rem;
                  vertical-align: middle; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles input.tooltip,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles input.tooltipInput,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles label.tooltip {
                display: none; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .linkShowTooltip {
                position: relative;
                cursor: pointer; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .tooltip {
                position: absolute;
                top: unset;
                bottom: unset;
                left: unset;
                right: unset; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .tooltip input {
                  display: none; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .tooltip .tooltipContent {
                  position: relative;
                  bottom: unset;
                  top: unset;
                  background: #ffcc00;
                  padding: 1rem;
                  z-index: 3;
                  color: #000000 !important;
                  text-align: left;
                  font-size: 12px;
                  line-height: 1.6rem;
                  font-family: "Roboto";
                  font-weight: 400;
                  line-height: normal;
                  width: 15rem;
                  -moz-transform: translateY(10px);
                  -o-transform: translateY(10px);
                  -ms-transform: translateY(10px);
                  -webkit-transform: translateY(10px);
                  transform: translateY(10px);
                  opacity: 0; }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .tooltip .tooltipContent:before {
                    width: .8rem;
                    height: .8rem;
                    background: #ffcc00;
                    transform: rotate(135deg);
                    content: "";
                    position: absolute;
                    left: unset;
                    right: unset;
                    bottom: -0.4rem;
                    top: unset; }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .tooltip .tooltipContent .ui--close {
                    display: block;
                    position: absolute;
                    top: .3rem;
                    right: .5rem; }
                    header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .tooltip .tooltipContent .ui--close:before {
                      font-family: 'bruneauAdaptiveIcons';
                      font-size: 2rem;
                      speak: none;
                      font-style: normal;
                      font-weight: normal;
                      font-variant: normal;
                      text-transform: none;
                      -webkit-font-smoothing: antialiased;
                      -moz-osx-font-smoothing: grayscale;
                      content: "\e913";
                      font-size: 1rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .tooltip.ui--info {
                position: relative;
                right: unset;
                bottom: unset;
                left: unset;
                display: inline-block; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .tooltip.ui--info .tooltipContent {
                  position: absolute;
                  bottom: 25px;
                  left: -10px;
                  -moz-transform: translateY(10px);
                  -o-transform: translateY(10px);
                  -ms-transform: translateY(10px);
                  -webkit-transform: translateY(10px);
                  transform: translateY(10px);
                  transition: all .2s ease-in-out;
                  opacity: 0; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .tooltip.ui--info:before {
                  font-family: 'bruneauAdaptiveIcons';
                  font-size: 2rem;
                  speak: none;
                  font-style: normal;
                  font-weight: normal;
                  font-variant: normal;
                  text-transform: none;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                  content: "\e90d";
                  font-size: 1.3rem;
                  line-height: normal;
                  vertical-align: middle; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .tooltip.ui--info .ui--close {
                  display: none; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .tooltip.ui--info:hover .tooltipContent {
                opacity: 1;
                -moz-transform: translateY(0px);
                -o-transform: translateY(0px);
                -ms-transform: translateY(0px);
                -webkit-transform: translateY(0px);
                transform: translateY(0px); }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .linkShowTooltip:hover .tooltipContent,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .linkShowTooltip:hover .tooltip {
                opacity: 1;
                -moz-transform: translateY(0px);
                -o-transform: translateY(0px);
                -ms-transform: translateY(0px);
                -webkit-transform: translateY(0px);
                transform: translateY(0px); }
              .touchevents .linkShowTooltip:hover .tooltipContent,
              .touchevents .linkShowTooltip:hover .tooltip {
                opacity: unset;
                transform: unset; }
              .touchevents .tooltip.ui--info:hover .tooltipContent {
                opacity: unset;
                transform: unset; }
              .touchevents .tooltip .ui--close {
                display: block; }
              .touchevents .tooltip [type="radio"].tooltipInput:not(:checked) ~ .tooltipContent {
                -moz-transform: translateY(10px);
                -o-transform: translateY(10px);
                -ms-transform: translateY(10px);
                -webkit-transform: translateY(10px);
                transform: translateY(10px);
                opacity: 0; }
              .touchevents .tooltip [type="radio"].tooltipInput:checked ~ .tooltipContent {
                opacity: 1;
                -moz-transform: translateY(0px);
                -o-transform: translateY(0px);
                -ms-transform: translateY(0px);
                -webkit-transform: translateY(0px);
                transform: translateY(0px); }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .tooltip {
                bottom: 2.5rem;
                left: -.5rem; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .tooltip:before {
                  left: 13rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .featureSelectionColorTiles .filterResultsNumber {
                display: none; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .ArticleRating {
              font-size: 13px;
              line-height: 1.3rem;
              font-family: "Roboto";
              font-weight: 400;
              display: inline-block; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .ArticleRating .starsTotal {
                display: inline-block;
                position: relative;
                vertical-align: bottom;
                line-height: 1; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .ArticleRating .starsTotal:before {
                  font-family: 'bruneauAdaptiveIcons';
                  font-size: 2rem;
                  speak: none;
                  font-style: normal;
                  font-weight: normal;
                  font-variant: normal;
                  text-transform: none;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                  font-size: 18px;
                  content: "\e938 \e938 \e938 \e938 \e938";
                  color: #bdbdbd;
                  position: relative;
                  display: inline-block;
                  letter-spacing: 2px; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .ArticleRating .starsTotal .star:before {
                  font-family: 'bruneauAdaptiveIcons';
                  font-size: 2rem;
                  speak: none;
                  font-style: normal;
                  font-weight: normal;
                  font-variant: normal;
                  text-transform: none;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                  font-size: 18px;
                  display: inline-block;
                  position: absolute;
                  top: 0;
                  left: 0;
                  color: #0099cc;
                  letter-spacing: 2px; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .ArticleRating .starsTotal .star--5:before {
                  content: "\e925 \e925 \e925 \e925 \e925"; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .ArticleRating .starsTotal .star--4_5:before {
                  content: "\e925 \e925 \e925 \e925 \e918"; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .ArticleRating .starsTotal .star--4:before {
                  content: "\e925 \e925 \e925 \e925"; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .ArticleRating .starsTotal .star--3_5:before {
                  content: "\e925 \e925 \e925 \e918"; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .ArticleRating .starsTotal .star--3:before {
                  content: "\e925 \e925 \e925"; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .ArticleRating .starsTotal .star--2_5:before {
                  content: "\e925 \e925 \e918"; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .ArticleRating .starsTotal .star--2:before {
                  content: "\e925 \e925"; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .ArticleRating .starsTotal .star--1_5:before {
                  content: "\e925 \e918"; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .ArticleRating .starsTotal .star--1:before {
                  content: "\e925"; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .ArticleRating .starsTotal .star--0_5:before {
                  content: "\e918"; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .ArticleRating .article-rating {
                display: inline-block;
                width: auto; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .ArticleRating .article-rating .showReviews {
                  text-decoration: underline; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .addToCart {
              font-size: 18px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 700;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              position: relative;
              display: inline-block;
              width: 100%;
              height: 2rem;
              vertical-align: middle;
              line-height: 2rem;
              text-align: center;
              background: #e42313;
              color: #ffffff;
              border: none;
              border-radius: 0.3rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .addToCart input {
                font-size: 15px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 700;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                position: relative;
                display: inline-block;
                width: 100%;
                height: 2rem;
                vertical-align: middle;
                line-height: 2rem;
                text-align: center;
                background: transparent;
                color: #ffffff;
                border: none;
                border-radius: 0.3rem; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .addToCart input:hover {
                  background: transparent;
                  color: #ffffff; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .addToCart .addToCart-text {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                width: 100%; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .addToCart .addToCart-text:before {
                  font-family: 'bruneauAdaptiveIcons';
                  font-size: 2rem;
                  speak: none;
                  font-style: normal;
                  font-weight: normal;
                  font-variant: normal;
                  text-transform: none;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                  content: "\e91e";
                  padding-right: 0.5rem;
                  vertical-align: baseline;
                  font-size: 1.2rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .addToCart:hover {
                background: #ca1f11;
                color: #ffffff; }
              @media (max-width: 768.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .addToCart {
                  height: 3rem;
                  line-height: 3rem; } }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .AddToFavorites {
              position: relative;
              cursor: pointer;
              /*
Paragraphs: popOver
---
*/
              z-index: 0; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .AddToFavorites .modal {
                position: relative; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .AddToFavorites .modal [type="radio"]:not(:checked) + .modalContent {
                  display: none; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .AddToFavorites .modal [type="radio"]:checked + .modalContent {
                  display: block; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .AddToFavorites .modal [type="checkbox"]:checked + .modalContent {
                  display: block; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .AddToFavorites .modal [type="radio"],
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .AddToFavorites .modal [type="checkbox"] {
                  display: none; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .AddToFavorites .modal .modalContent {
                  display: none;
                  position: absolute;
                  top: unset;
                  bottom: unset;
                  left: unset;
                  right: unset;
                  z-index: 4;
                  background: #ffffff;
                  border: 1px solid #9b9b9b;
                  padding: 2.5rem 1rem 1rem 1rem;
                  width: auto; }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .AddToFavorites .modal .modalContent .ui--close {
                    display: block;
                    position: absolute;
                    top: .5rem;
                    right: .5rem; }
                    header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .AddToFavorites .modal .modalContent .ui--close [type="radio"] {
                      display: none; }
                    header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .AddToFavorites .modal .modalContent .ui--close:before {
                      font-family: 'bruneauAdaptiveIcons';
                      font-size: 2rem;
                      speak: none;
                      font-style: normal;
                      font-weight: normal;
                      font-variant: normal;
                      text-transform: none;
                      -webkit-font-smoothing: antialiased;
                      -moz-osx-font-smoothing: grayscale;
                      content: "\e913";
                      font-size: 1.5rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .AddToFavorites .icon--heart {
                position: absolute;
                top: 0; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .AddToFavorites .icon--heart.not-added::before {
                  font-family: 'bruneauAdaptiveIcons';
                  font-size: 2rem;
                  speak: none;
                  font-style: normal;
                  font-weight: normal;
                  font-variant: normal;
                  text-transform: none;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                  content: "\e959";
                  font-size: 1rem; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .AddToFavorites .icon--heart.added::before {
                  font-family: 'bruneauAdaptiveIcons';
                  font-size: 2rem;
                  speak: none;
                  font-style: normal;
                  font-weight: normal;
                  font-variant: normal;
                  text-transform: none;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                  content: "\e959";
                  font-size: 1rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .AddToFavorites .status {
                font-size: 15px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 300;
                text-decoration: none; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .AddToFavorites:hover .status {
                text-decoration: underline; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .AddToFavorites .modalContent {
                background: #ffffff; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .AddToFavorites .modalContent .formInputChoice {
                  position: relative;
                  padding-left: 1.75rem;
                  cursor: pointer;
                  /* checkbox aspect */ }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .AddToFavorites .modalContent .formInputChoice input:not(:checked),
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .AddToFavorites .modalContent .formInputChoice input:checked {
                    position: absolute;
                    left: -9999px; }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .AddToFavorites .modalContent .formInputChoice input:not(:checked) + .formInputChoiceContent:before,
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .AddToFavorites .modalContent .formInputChoice input:checked + .formInputChoiceContent:before,
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .AddToFavorites .modalContent .formInputChoice input:not(:checked) + .formInputChoiceContent:after,
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .AddToFavorites .modalContent .formInputChoice input:checked + .formInputChoiceContent:after {
                    position: absolute;
                    top: 0;
                    left: 0;
                    font-size: 1.2rem;
                    line-height: 1.2rem;
                    transition: all .2s; }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .AddToFavorites .modalContent .formInputChoice input:not(:checked) + .formInputChoiceContent:before {
                    opacity: 0;
                    transform: scale(0); }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .AddToFavorites .modalContent .formInputChoice input:checked + .formInputChoiceContent:before {
                    opacity: 1;
                    transform: scale(1); }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .AddToFavorites .modalContent .formInputChoice input:checked + .formInputChoiceContent:after {
                    opacity: 0;
                    transform: scale(0); }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .AddToFavorites .modalContent .formInputChoice input:not(:checked) + .formInputChoiceContent:after {
                    opacity: 1;
                    transform: scale(1); }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .AddToFavorites .modalContent .formInputChoice input:not(:checked) + .formInputChoiceContent:after,
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .AddToFavorites .modalContent .formInputChoice input:checked + .formInputChoiceContent:after,
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .AddToFavorites .modalContent .formInputChoice input:not(:checked):focus + .formInputChoiceContent:after,
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .AddToFavorites .modalContent .formInputChoice input:checked:focus + .formInputChoiceContent:after {
                    color: #9b9b9b; }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .AddToFavorites .modalContent .formInputChoice input:disabled:before,
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .AddToFavorites .modalContent .formInputChoice input.disabled:before {
                    color: #bdbdbd;
                    cursor: default; }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .AddToFavorites .modalContent .formInputChoice input:checked + .formInputChoiceContent:before,
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .AddToFavorites .modalContent .formInputChoice input:not(:checked) + .formInputChoiceContent:before,
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .AddToFavorites .modalContent .formInputChoice input:hover + .formInputChoiceContent:before,
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .AddToFavorites .modalContent .formInputChoice input:checked:focus + .formInputChoiceContent:before,
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .AddToFavorites .modalContent .formInputChoice input:not(:checked):focus + .formInputChoiceContent:before {
                    color: #739900; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .AddToFavorites .modalContent .formInputChoice--checkbox .formInputChoiceContent:before {
                  font-family: 'bruneauAdaptiveIcons';
                  font-size: 2rem;
                  speak: none;
                  font-style: normal;
                  font-weight: normal;
                  font-variant: normal;
                  text-transform: none;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                  content: "\e950"; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .AddToFavorites .modalContent .formInputChoice--checkbox .formInputChoiceContent:after {
                  font-family: 'bruneauAdaptiveIcons';
                  font-size: 2rem;
                  speak: none;
                  font-style: normal;
                  font-weight: normal;
                  font-variant: normal;
                  text-transform: none;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                  content: "\e95f"; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .AddToFavorites .AddToFavoritesContent.not-added:before {
                font-family: 'bruneauAdaptiveIcons';
                font-size: 2rem;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: "\e959";
                vertical-align: bottom;
                font-size: 1rem;
                line-height: 1.2rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .AddToFavorites .input--modal:checked ~ .AddToFavoritesContent:before {
                font-family: 'bruneauAdaptiveIcons';
                font-size: 2rem;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: "\e959";
                vertical-align: bottom;
                font-size: 1rem;
                line-height: 1.2rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .AddToFavorites .input--modal:checked > .modalContent {
                top: 1.4rem;
                left: 0; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .features {
              width: 100%; }
              @media (max-width: 768.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .features {
                  margin-bottom: 1rem; } }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .features .featureSelectionColor,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .features .featureSelectionNumberTiles,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .features .featureSelectionColorTiles {
                border-bottom: none; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .features .featureSelection,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .features .featureSelectionColor,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .features .featureSelectionNumberTiles,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .features .featureSelectionColorTiles {
                margin: 0;
                padding: 0; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection--listItem .features {
              width: 100%;
              display: none; }
              @media (max-width: 768.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection--listItem .features {
                  display: block;
                  margin-bottom: 1rem; } }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .DetailSelection--bottom {
              align-self: end;
              display: grid; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper {
              position: relative;
              display: block;
              width: 100%;
              margin-bottom: 1rem;
              /*
Paragraphs: degressivePriceList
---
*/ }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .degressivePriceList {
                font-size: 15px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 300;
                /**
	* Chapter: tooltip
*/
                /* smartphones, touchscreens
@at-root @media (hover: none) and (pointer: coarse) {
	.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/
                /* stylus-based screens
@at-root @media (hover: none) and (pointer: fine) {
.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/
                /* Nintendo Wii controller, Kinect
@at-root @media (hover: hover) and (pointer: coarse) {
	.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/
                /* mouse, touch pad
@at-root @media (hover: hover) and (pointer: fine) {
	.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/ }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .degressivePriceList ul {
                  width: 100%;
                  display: table; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .degressivePriceList ul li {
                  display: table-row;
                  cursor: pointer; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .degressivePriceList .degressivePriceList__discount {
                  display: table-cell;
                  color: #ff0066; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .degressivePriceList .degressivePriceList__quantity {
                  display: table-cell;
                  padding: 0rem; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .degressivePriceList .degressivePriceList__price {
                  display: table-cell; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .degressivePriceList .active {
                  font-size: 15px;
                  line-height: 1.2rem;
                  font-family: "Roboto";
                  font-weight: 400; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .degressivePriceList .promo {
                  color: #ff0066; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .degressivePriceList .oneUnit {
                  line-height: 2.2rem; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .degressivePriceList input.tooltip,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .degressivePriceList input.tooltipInput,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .degressivePriceList label.tooltip {
                  display: none; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .degressivePriceList .linkShowTooltip {
                  position: relative;
                  cursor: pointer; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .degressivePriceList .tooltip {
                  position: absolute;
                  top: unset;
                  bottom: unset;
                  left: unset;
                  right: unset; }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .degressivePriceList .tooltip input {
                    display: none; }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .degressivePriceList .tooltip .tooltipContent {
                    position: relative;
                    bottom: unset;
                    top: unset;
                    background: #ffcc00;
                    padding: 1rem;
                    z-index: 3;
                    color: #000000 !important;
                    text-align: left;
                    font-size: 12px;
                    line-height: 1.6rem;
                    font-family: "Roboto";
                    font-weight: 400;
                    line-height: normal;
                    width: 15rem;
                    -moz-transform: translateY(10px);
                    -o-transform: translateY(10px);
                    -ms-transform: translateY(10px);
                    -webkit-transform: translateY(10px);
                    transform: translateY(10px);
                    opacity: 0; }
                    header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .degressivePriceList .tooltip .tooltipContent:before {
                      width: .8rem;
                      height: .8rem;
                      background: #ffcc00;
                      transform: rotate(135deg);
                      content: "";
                      position: absolute;
                      left: unset;
                      right: unset;
                      bottom: -0.4rem;
                      top: unset; }
                    header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .degressivePriceList .tooltip .tooltipContent .ui--close {
                      display: block;
                      position: absolute;
                      top: .3rem;
                      right: .5rem; }
                      header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .degressivePriceList .tooltip .tooltipContent .ui--close:before {
                        font-family: 'bruneauAdaptiveIcons';
                        font-size: 2rem;
                        speak: none;
                        font-style: normal;
                        font-weight: normal;
                        font-variant: normal;
                        text-transform: none;
                        -webkit-font-smoothing: antialiased;
                        -moz-osx-font-smoothing: grayscale;
                        content: "\e913";
                        font-size: 1rem; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .degressivePriceList .tooltip.ui--info {
                  position: relative;
                  right: unset;
                  bottom: unset;
                  left: unset;
                  display: inline-block; }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .degressivePriceList .tooltip.ui--info .tooltipContent {
                    position: absolute;
                    bottom: 25px;
                    left: -10px;
                    -moz-transform: translateY(10px);
                    -o-transform: translateY(10px);
                    -ms-transform: translateY(10px);
                    -webkit-transform: translateY(10px);
                    transform: translateY(10px);
                    transition: all .2s ease-in-out;
                    opacity: 0; }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .degressivePriceList .tooltip.ui--info:before {
                    font-family: 'bruneauAdaptiveIcons';
                    font-size: 2rem;
                    speak: none;
                    font-style: normal;
                    font-weight: normal;
                    font-variant: normal;
                    text-transform: none;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    content: "\e90d";
                    font-size: 1.3rem;
                    line-height: normal;
                    vertical-align: middle; }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .degressivePriceList .tooltip.ui--info .ui--close {
                    display: none; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .degressivePriceList .tooltip.ui--info:hover .tooltipContent {
                  opacity: 1;
                  -moz-transform: translateY(0px);
                  -o-transform: translateY(0px);
                  -ms-transform: translateY(0px);
                  -webkit-transform: translateY(0px);
                  transform: translateY(0px); }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .degressivePriceList .linkShowTooltip:hover .tooltipContent,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .degressivePriceList .linkShowTooltip:hover .tooltip {
                  opacity: 1;
                  -moz-transform: translateY(0px);
                  -o-transform: translateY(0px);
                  -ms-transform: translateY(0px);
                  -webkit-transform: translateY(0px);
                  transform: translateY(0px); }
                .touchevents .linkShowTooltip:hover .tooltipContent,
                .touchevents .linkShowTooltip:hover .tooltip {
                  opacity: unset;
                  transform: unset; }
                .touchevents .tooltip.ui--info:hover .tooltipContent {
                  opacity: unset;
                  transform: unset; }
                .touchevents .tooltip .ui--close {
                  display: block; }
                .touchevents .tooltip [type="radio"].tooltipInput:not(:checked) ~ .tooltipContent {
                  -moz-transform: translateY(10px);
                  -o-transform: translateY(10px);
                  -ms-transform: translateY(10px);
                  -webkit-transform: translateY(10px);
                  transform: translateY(10px);
                  opacity: 0; }
                .touchevents .tooltip [type="radio"].tooltipInput:checked ~ .tooltipContent {
                  opacity: 1;
                  -moz-transform: translateY(0px);
                  -o-transform: translateY(0px);
                  -ms-transform: translateY(0px);
                  -webkit-transform: translateY(0px);
                  transform: translateY(0px); }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .degressivePriceList .tooltip {
                  bottom: 2rem;
                  right: -1rem; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .degressivePriceList .tooltip:before {
                  left: 13rem; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .degressivePriceList div.oldPriceBlock {
                  display: table; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .degressivePriceList span.oldPrice {
                  display: table-cell;
                  vertical-align: top;
                  line-height: 2.2rem; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .degressivePriceList ul.oldPriceBlock {
                  width: auto; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .degressivePriceList .lineThrough {
                  text-decoration: line-through; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .inputQuantity {
                width: 100%;
                display: block;
                height: 2rem;
                position: relative;
                /**
	* Chapter: tooltip
*/
                /* smartphones, touchscreens
@at-root @media (hover: none) and (pointer: coarse) {
	.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/
                /* stylus-based screens
@at-root @media (hover: none) and (pointer: fine) {
.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/
                /* Nintendo Wii controller, Kinect
@at-root @media (hover: hover) and (pointer: coarse) {
	.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/
                /* mouse, touch pad
@at-root @media (hover: hover) and (pointer: fine) {
	.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/ }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .inputQuantity button {
                  border-radius: .25rem;
                  height: 2rem;
                  width: 2rem;
                  background: #739900;
                  display: inline-block;
                  color: #ffffff;
                  text-align: center;
                  font-family: "Roboto";
                  font-weight: 300;
                  font-size: 2rem;
                  line-height: 2rem;
                  text-align: center;
                  border: 1px solid #739900;
                  padding: 0; }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .inputQuantity button:hover {
                    background: #697f26; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .inputQuantity button.inActive {
                  color: #bdbdbd;
                  border: 1px solid #bdbdbd;
                  background: #ffffff;
                  padding: 0; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .inputQuantity input {
                  max-width: calc(100% - 4.5rem);
                  display: inline-block;
                  text-align: center;
                  height: 2rem;
                  vertical-align: top;
                  cursor: text;
                  font-size: 18px;
                  line-height: 1.2rem;
                  font-family: "Roboto";
                  font-weight: 400;
                  line-height: 2rem;
                  border: 1px solid #9b9b9b;
                  padding: 2px 0 0 0; }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .inputQuantity input:focus {
                    border: 1px solid #697f26; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .inputQuantity input.static {
                  border: none;
                  max-width: 100%; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .inputQuantity input[type='number'] {
                  -moz-appearance: textfield; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .inputQuantity input::-webkit-outer-spin-button,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .inputQuantity input::-webkit-inner-spin-button {
                  /* display: none; <- Crashes Chrome on hover */
                  -webkit-appearance: none;
                  margin: 0;
                  /* <-- Apparently some margin are still there even though it's hidden */ }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .inputQuantity input.tooltip,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .inputQuantity input.tooltipInput,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .inputQuantity label.tooltip {
                  display: none; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .inputQuantity .linkShowTooltip {
                  position: relative;
                  cursor: pointer; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .inputQuantity .tooltip {
                  position: absolute;
                  top: unset;
                  bottom: unset;
                  left: unset;
                  right: unset; }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .inputQuantity .tooltip input {
                    display: none; }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .inputQuantity .tooltip .tooltipContent {
                    position: relative;
                    bottom: unset;
                    top: unset;
                    background: #ffcc00;
                    padding: 1rem;
                    z-index: 3;
                    color: #000000 !important;
                    text-align: left;
                    font-size: 12px;
                    line-height: 1.6rem;
                    font-family: "Roboto";
                    font-weight: 400;
                    line-height: normal;
                    width: 15rem;
                    -moz-transform: translateY(10px);
                    -o-transform: translateY(10px);
                    -ms-transform: translateY(10px);
                    -webkit-transform: translateY(10px);
                    transform: translateY(10px);
                    opacity: 0; }
                    header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .inputQuantity .tooltip .tooltipContent:before {
                      width: .8rem;
                      height: .8rem;
                      background: #ffcc00;
                      transform: rotate(135deg);
                      content: "";
                      position: absolute;
                      left: unset;
                      right: unset;
                      bottom: -0.4rem;
                      top: unset; }
                    header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .inputQuantity .tooltip .tooltipContent .ui--close {
                      display: block;
                      position: absolute;
                      top: .3rem;
                      right: .5rem; }
                      header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .inputQuantity .tooltip .tooltipContent .ui--close:before {
                        font-family: 'bruneauAdaptiveIcons';
                        font-size: 2rem;
                        speak: none;
                        font-style: normal;
                        font-weight: normal;
                        font-variant: normal;
                        text-transform: none;
                        -webkit-font-smoothing: antialiased;
                        -moz-osx-font-smoothing: grayscale;
                        content: "\e913";
                        font-size: 1rem; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .inputQuantity .tooltip.ui--info {
                  position: relative;
                  right: unset;
                  bottom: unset;
                  left: unset;
                  display: inline-block; }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .inputQuantity .tooltip.ui--info .tooltipContent {
                    position: absolute;
                    bottom: 25px;
                    left: -10px;
                    -moz-transform: translateY(10px);
                    -o-transform: translateY(10px);
                    -ms-transform: translateY(10px);
                    -webkit-transform: translateY(10px);
                    transform: translateY(10px);
                    transition: all .2s ease-in-out;
                    opacity: 0; }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .inputQuantity .tooltip.ui--info:before {
                    font-family: 'bruneauAdaptiveIcons';
                    font-size: 2rem;
                    speak: none;
                    font-style: normal;
                    font-weight: normal;
                    font-variant: normal;
                    text-transform: none;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    content: "\e90d";
                    font-size: 1.3rem;
                    line-height: normal;
                    vertical-align: middle; }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .inputQuantity .tooltip.ui--info .ui--close {
                    display: none; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .inputQuantity .tooltip.ui--info:hover .tooltipContent {
                  opacity: 1;
                  -moz-transform: translateY(0px);
                  -o-transform: translateY(0px);
                  -ms-transform: translateY(0px);
                  -webkit-transform: translateY(0px);
                  transform: translateY(0px); }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .inputQuantity .linkShowTooltip:hover .tooltipContent,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .inputQuantity .linkShowTooltip:hover .tooltip {
                  opacity: 1;
                  -moz-transform: translateY(0px);
                  -o-transform: translateY(0px);
                  -ms-transform: translateY(0px);
                  -webkit-transform: translateY(0px);
                  transform: translateY(0px); }
                .touchevents .linkShowTooltip:hover .tooltipContent,
                .touchevents .linkShowTooltip:hover .tooltip {
                  opacity: unset;
                  transform: unset; }
                .touchevents .tooltip.ui--info:hover .tooltipContent {
                  opacity: unset;
                  transform: unset; }
                .touchevents .tooltip .ui--close {
                  display: block; }
                .touchevents .tooltip [type="radio"].tooltipInput:not(:checked) ~ .tooltipContent {
                  -moz-transform: translateY(10px);
                  -o-transform: translateY(10px);
                  -ms-transform: translateY(10px);
                  -webkit-transform: translateY(10px);
                  transform: translateY(10px);
                  opacity: 0; }
                .touchevents .tooltip [type="radio"].tooltipInput:checked ~ .tooltipContent {
                  opacity: 1;
                  -moz-transform: translateY(0px);
                  -o-transform: translateY(0px);
                  -ms-transform: translateY(0px);
                  -webkit-transform: translateY(0px);
                  transform: translateY(0px); }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .inputQuantity .tooltip {
                  bottom: 130%;
                  right: 0; }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .inputQuantity .tooltip .tooltipContent:before {
                    right: 3rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .degressivePriceList {
                width: 60%; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .degressivePriceList .degressivePriceList__left {
                  text-align: left; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .degressivePriceList ul li {
                  display: block; }
                @media (max-width: 768.1px) {
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .degressivePriceList {
                    margin-left: 0; } }
                @media (max-width: 480.1px) {
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .degressivePriceList {
                    width: 100%; } }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .inputQuantity {
                width: 8rem;
                margin-left: auto; }
                @media (max-width: 480.1px) {
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .inputQuantity {
                    width: 8.5rem; } }
              @media (min-width: 480px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper {
                  width: 100%; }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .degressivePriceList {
                    width: 100%; }
                    header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .degressivePriceList ul.discount {
                      width: auto;
                      margin-left: auto; }
                      header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper .degressivePriceList ul.discount li {
                        display: table-row;
                        text-align: right; } }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper--mobile .degressivePriceList {
                display: none; }
                @media (max-width: 480.1px) {
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper--mobile .degressivePriceList {
                    display: block;
                    order: 0; } }
              @media (max-width: 480.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper--mobile {
                  display: grid;
                  grid-template-columns: 2fr 2fr;
                  justify-content: space-between;
                  width: 100%; } }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper--desktop {
                display: block; }
                @media (max-width: 480.1px) {
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .quantityWrapper--desktop {
                    display: none; } }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .addToCart {
              position: relative;
              height: 3rem;
              margin-bottom: 1rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .addToCart.not-submitted {
                background: #739900; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .addToCart .icon--cart::before {
                padding-top: .6rem;
                margin-left: calc(25% - 2.5rem); }
                @media (max-width: 768.1px) {
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .addToCart .icon--cart::before {
                    padding-top: 0;
                    margin-left: calc(40% - 4.5rem); } }
                @media (max-width: 480.1px) {
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .addToCart .icon--cart::before {
                    margin-left: calc(50% - 6.8rem); } }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .addToCart input {
                font-size: 18px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 500;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale; }
              @media (max-width: 480.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .addToCart {
                  order: 2; } }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .AddToFavorites {
              font-size: 15px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 300;
              position: relative;
              text-align: right; }
              @media (max-width: 768.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .AddToFavorites {
                  width: 100%;
                  right: 0; } }
              @media (max-width: 480.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .AddToFavorites {
                  order: 3; } }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .assemblyLine {
              line-height: 1.3rem;
              margin: 1.5rem 0 1.5rem auto;
              position: relative;
              align-self: end;
              width: auto; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .assemblyLine .formInputChoice {
                position: relative;
                padding-left: 1.75rem;
                cursor: pointer;
                /* checkbox aspect */ }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .assemblyLine .formInputChoice input:not(:checked),
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .assemblyLine .formInputChoice input:checked {
                  position: absolute;
                  left: -9999px; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .assemblyLine .formInputChoice input:not(:checked) + .formInputChoiceContent:before,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .assemblyLine .formInputChoice input:checked + .formInputChoiceContent:before,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .assemblyLine .formInputChoice input:not(:checked) + .formInputChoiceContent:after,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .assemblyLine .formInputChoice input:checked + .formInputChoiceContent:after {
                  position: absolute;
                  top: 0;
                  left: 0;
                  font-size: 1.2rem;
                  line-height: 1.2rem;
                  transition: all .2s; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .assemblyLine .formInputChoice input:not(:checked) + .formInputChoiceContent:before {
                  opacity: 0;
                  transform: scale(0); }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .assemblyLine .formInputChoice input:checked + .formInputChoiceContent:before {
                  opacity: 1;
                  transform: scale(1); }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .assemblyLine .formInputChoice input:checked + .formInputChoiceContent:after {
                  opacity: 0;
                  transform: scale(0); }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .assemblyLine .formInputChoice input:not(:checked) + .formInputChoiceContent:after {
                  opacity: 1;
                  transform: scale(1); }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .assemblyLine .formInputChoice input:not(:checked) + .formInputChoiceContent:after,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .assemblyLine .formInputChoice input:checked + .formInputChoiceContent:after,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .assemblyLine .formInputChoice input:not(:checked):focus + .formInputChoiceContent:after,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .assemblyLine .formInputChoice input:checked:focus + .formInputChoiceContent:after {
                  color: #9b9b9b; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .assemblyLine .formInputChoice input:disabled:before,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .assemblyLine .formInputChoice input.disabled:before {
                  color: #bdbdbd;
                  cursor: default; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .assemblyLine .formInputChoice input:checked + .formInputChoiceContent:before,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .assemblyLine .formInputChoice input:not(:checked) + .formInputChoiceContent:before,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .assemblyLine .formInputChoice input:hover + .formInputChoiceContent:before,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .assemblyLine .formInputChoice input:checked:focus + .formInputChoiceContent:before,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .assemblyLine .formInputChoice input:not(:checked):focus + .formInputChoiceContent:before {
                  color: #739900; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .assemblyLine .formInputChoice--checkbox .formInputChoiceContent:before {
                font-family: 'bruneauAdaptiveIcons';
                font-size: 2rem;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: "\e950"; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .assemblyLine .formInputChoice--checkbox .formInputChoiceContent:after {
                font-family: 'bruneauAdaptiveIcons';
                font-size: 2rem;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: "\e95f"; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .assemblyLine .checkboxLabel {
                font-size: 15px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 500;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .assemblyLine .checkboxLabel:hover {
                  text-decoration: underline; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .assemblyLine span.checkboxLabel.formInputChoiceContent:after {
                background-color: #fff;
                font-size: 1rem;
                line-height: 1rem;
                margin-top: 3px; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .assemblyLine .assemblyDetails {
                font-size: 12px;
                line-height: 1.6rem;
                font-family: "Roboto";
                font-weight: 300; }
              @media (max-width: 480.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleDetailSelection .assemblyLine {
                  order: 1;
                  margin: 0 0 1rem auto; } }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote {
            /**
	* Chapter: tooltip
*/
            /* smartphones, touchscreens
@at-root @media (hover: none) and (pointer: coarse) {
	.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/
            /* stylus-based screens
@at-root @media (hover: none) and (pointer: fine) {
.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/
            /* Nintendo Wii controller, Kinect
@at-root @media (hover: hover) and (pointer: coarse) {
	.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/
            /* mouse, touch pad
@at-root @media (hover: hover) and (pointer: fine) {
	.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/ }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote .intro {
              font-size: 15px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 300;
              line-height: 1.3rem;
              margin-top: 1rem;
              margin-bottom: 1rem;
              display: block; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote .intro .title {
                font-size: 15px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 500;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                line-height: 1.3rem;
                display: block; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote .intro strong {
                color: #e42313; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote input.tooltip,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote input.tooltipInput,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.tooltip {
              display: none; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote .linkShowTooltip {
              position: relative;
              cursor: pointer; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote .tooltip {
              position: absolute;
              top: unset;
              bottom: unset;
              left: unset;
              right: unset; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote .tooltip input {
                display: none; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote .tooltip .tooltipContent {
                position: relative;
                bottom: unset;
                top: unset;
                background: #ffcc00;
                padding: 1rem;
                z-index: 3;
                color: #000000 !important;
                text-align: left;
                font-size: 12px;
                line-height: 1.6rem;
                font-family: "Roboto";
                font-weight: 400;
                line-height: normal;
                width: 15rem;
                -moz-transform: translateY(10px);
                -o-transform: translateY(10px);
                -ms-transform: translateY(10px);
                -webkit-transform: translateY(10px);
                transform: translateY(10px);
                opacity: 0; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote .tooltip .tooltipContent:before {
                  width: .8rem;
                  height: .8rem;
                  background: #ffcc00;
                  transform: rotate(135deg);
                  content: "";
                  position: absolute;
                  left: unset;
                  right: unset;
                  bottom: -0.4rem;
                  top: unset; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote .tooltip .tooltipContent .ui--close {
                  display: block;
                  position: absolute;
                  top: .3rem;
                  right: .5rem; }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote .tooltip .tooltipContent .ui--close:before {
                    font-family: 'bruneauAdaptiveIcons';
                    font-size: 2rem;
                    speak: none;
                    font-style: normal;
                    font-weight: normal;
                    font-variant: normal;
                    text-transform: none;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    content: "\e913";
                    font-size: 1rem; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote .tooltip.ui--info {
              position: relative;
              right: unset;
              bottom: unset;
              left: unset;
              display: inline-block; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote .tooltip.ui--info .tooltipContent {
                position: absolute;
                bottom: 25px;
                left: -10px;
                -moz-transform: translateY(10px);
                -o-transform: translateY(10px);
                -ms-transform: translateY(10px);
                -webkit-transform: translateY(10px);
                transform: translateY(10px);
                transition: all .2s ease-in-out;
                opacity: 0; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote .tooltip.ui--info:before {
                font-family: 'bruneauAdaptiveIcons';
                font-size: 2rem;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: "\e90d";
                font-size: 1.3rem;
                line-height: normal;
                vertical-align: middle; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote .tooltip.ui--info .ui--close {
                display: none; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote .tooltip.ui--info:hover .tooltipContent {
              opacity: 1;
              -moz-transform: translateY(0px);
              -o-transform: translateY(0px);
              -ms-transform: translateY(0px);
              -webkit-transform: translateY(0px);
              transform: translateY(0px); }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote .linkShowTooltip:hover .tooltipContent,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote .linkShowTooltip:hover .tooltip {
              opacity: 1;
              -moz-transform: translateY(0px);
              -o-transform: translateY(0px);
              -ms-transform: translateY(0px);
              -webkit-transform: translateY(0px);
              transform: translateY(0px); }
            .touchevents .linkShowTooltip:hover .tooltipContent,
            .touchevents .linkShowTooltip:hover .tooltip {
              opacity: unset;
              transform: unset; }
            .touchevents .tooltip.ui--info:hover .tooltipContent {
              opacity: unset;
              transform: unset; }
            .touchevents .tooltip .ui--close {
              display: block; }
            .touchevents .tooltip [type="radio"].tooltipInput:not(:checked) ~ .tooltipContent {
              -moz-transform: translateY(10px);
              -o-transform: translateY(10px);
              -ms-transform: translateY(10px);
              -webkit-transform: translateY(10px);
              transform: translateY(10px);
              opacity: 0; }
            .touchevents .tooltip [type="radio"].tooltipInput:checked ~ .tooltipContent {
              opacity: 1;
              -moz-transform: translateY(0px);
              -o-transform: translateY(0px);
              -ms-transform: translateY(0px);
              -webkit-transform: translateY(0px);
              transform: translateY(0px); }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.simple-input-type-text,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.simple-input-type-dateTime {
              width: 100%;
              display: block;
              margin-bottom: 1rem;
              font-size: 18px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 400; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.simple-input-type-text input,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.simple-input-type-dateTime input {
                font-size: 15px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 300;
                width: 100%;
                display: block;
                height: 3rem;
                line-height: 3rem;
                border: 1px solid #9b9b9b;
                padding-left: .5rem;
                padding-right: .5rem;
                cursor: text; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.simple-input-type-text input:hover,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.simple-input-type-dateTime input:hover {
                  border: 1.2px solid	#000000; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.simple-input-type-text input:focus,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.simple-input-type-dateTime input:focus {
                  border: 1.2px solid	#000000; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.simple-input-type-text input:active,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.simple-input-type-dateTime input:active {
                  border: 1.2px solid	#000000; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.simple-input-type-text input:focus-within,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.simple-input-type-dateTime input:focus-within {
                  border: 1.2px solid	#000000; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.simple-input-type-text input:valid,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.simple-input-type-dateTime input:valid {
                  /*@include border--succes;*/ }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.simple-input-type-text input:invalid,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.simple-input-type-dateTime input:invalid {
                  border: 1px solid #e42313; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.simple-input-type-text input.changing,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.simple-input-type-dateTime input.changing {
                border: 1px solid #739900; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.simple-input-type-text > span,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.simple-input-type-dateTime > span {
                width: 100%;
                display: block;
                margin-bottom: 1rem;
                margin-top: 1.5rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.simple-input-type-text .errors,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.simple-input-type-dateTime .errors {
                margin-top: .5rem;
                color: #e42313;
                font-size: 15px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 400; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.simple-input-type-text {
              width: 100%;
              display: block;
              margin-bottom: 1rem;
              font-size: 18px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 400; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.simple-input-type-text textarea {
                font-size: 15px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 300;
                width: 100%;
                display: block;
                border: 1px solid #9b9b9b;
                padding: .5rem; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.simple-input-type-text textarea:hover {
                  border: 1.2px solid	#000000; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.simple-input-type-text textarea:focus {
                  border: 1.2px solid	#000000; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.simple-input-type-text textarea:active {
                  border: 1.2px solid	#000000; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.simple-input-type-text textarea:focus-within {
                  border: 1.2px solid	#000000; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.simple-input-type-text textarea:valid {
                  /*@include border--succes;*/ }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.simple-input-type-text textarea:invalid {
                  border: 1px solid #e42313; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.simple-input-type-text > span {
                width: auto;
                display: inline-block;
                margin-bottom: .7rem;
                margin-top: .7rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.simple-input-type-text .errors {
                margin-top: .5rem;
                color: #e42313;
                font-size: 15px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 400; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.required span.mainlabel:after,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote div.required span.mainlabel:after {
              content: '*'; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote div.select {
              width: 100%;
              display: block;
              margin-bottom: 1rem;
              font-size: 18px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 400;
              position: relative; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote div.select:after {
                width: 1rem;
                position: absolute;
                top: 3.0rem;
                right: 1rem;
                font-family: 'bruneauAdaptiveIcons';
                font-size: 2rem;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: "\e947";
                font-size: 1.2rem;
                transition: all 0.4s ease;
                display: block;
                line-height: 2.3rem;
                pointer-events: none; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote div.select > span {
                width: auto;
                display: inline-block;
                margin-bottom: .7rem;
                margin-top: .7rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote div.select select {
                -webkit-appearance: none;
                -moz-appearance: none;
                -ms-appearance: none;
                appearance: none;
                outline: 0;
                box-shadow: none;
                background-image: none;
                width: 100%;
                height: 100%;
                margin: 0;
                position: relative;
                display: block;
                overflow: hidden;
                color: #000000;
                border: 1px solid #9b9b9b;
                cursor: pointer;
                font-size: 15px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 300;
                padding: 0.75rem 0.5rem 0.75rem .5rem;
                white-space: nowrap; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote div.select select:-moz-focusring {
                  color: transparent;
                  text-shadow: 0 0 0 #000000; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote div.select select:-ms-expand {
                  display: none; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote div.select select option {
                  -moz-appearance: none;
                  appearance: none;
                  -webkit-appearance: none;
                  outline: 0;
                  border: none;
                  font-size: 18px;
                  line-height: 1.2rem;
                  font-family: "Roboto";
                  font-weight: 400; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote div.select select:after {
                  vertical-align: middle;
                  width: 1rem;
                  position: absolute;
                  top: .5rem;
                  right: 1rem;
                  font-family: 'bruneauAdaptiveIcons';
                  font-size: 2rem;
                  speak: none;
                  font-style: normal;
                  font-weight: normal;
                  font-variant: normal;
                  text-transform: none;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                  content: "\e947";
                  font-size: 1.2rem;
                  transition: all 0.4s ease;
                  display: block;
                  line-height: 2.3rem;
                  pointer-events: none; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote div.select select:focus {
                border: 1.2px solid	#000000; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote div.select ul.cFormStyledSelect {
                position: relative;
                margin-left: 0;
                top: 0;
                visibility: visible;
                opacity: 1;
                transform: translateY(0%);
                transition-delay: 0s, 0s, 0.3s;
                height: auto;
                vertical-align: middle;
                font-size: 15px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 300; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote div.select ul.cFormStyledSelect .colorBox {
                  display: none; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote div.select ul.cFormStyledSelect input[type="radio"] {
                  display: none; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote div.select .selectPreview {
                padding-left: 1rem;
                line-height: normal;
                cursor: pointer;
                vertical-align: middle;
                border: 1px solid #9b9b9b;
                height: 2.3rem;
                line-height: 2.3rem;
                display: inline-block;
                width: 100%; }
                @media (max-width: 480.1px) {
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote div.select .selectPreview {
                    width: 100%; } }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote div.select .selectPreview .ui--angle-down {
                  line-height: 1rem; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote div.select .selectPreview .styledSelect {
                  height: 2.2rem;
                  margin-left: .7rem; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote div.select .selectPreview:after {
                  transform: rotate(-180deg);
                  vertical-align: middle;
                  width: 1rem;
                  font-family: 'bruneauAdaptiveIcons';
                  font-size: 2rem;
                  speak: none;
                  font-style: normal;
                  font-weight: normal;
                  font-variant: normal;
                  text-transform: none;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                  content: "\e947";
                  font-size: 1.2rem;
                  transition: all 0.4s ease;
                  display: inline-block;
                  vertical-align: middle;
                  line-height: 2.2rem; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote div.select .selectPreview label {
                  line-height: normal;
                  width: calc(100% - 1.5rem);
                  display: inline-block;
                  vertical-align: middle;
                  line-height: 2.2rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote div.select ul.cFormStyledSelect {
                background: #ffffff;
                position: absolute;
                top: 0;
                -moz-appearance: none;
                appearance: none;
                -webkit-appearance: none;
                white-space: nowrap;
                outline: 0;
                z-index: 1;
                visibility: hidden;
                opacity: 0;
                transform: translateY(0em);
                transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote div.select ul.cFormStyledSelect li {
                  background: #ffffff;
                  padding-left: 1rem;
                  padding-right: 1rem;
                  border-left: 1px solid #9b9b9b;
                  border-bottom: 1px solid #9b9b9b;
                  border-right: 1px solid #9b9b9b;
                  height: 2.3rem;
                  line-height: 2.3rem;
                  vertical-align: middle;
                  width: 100%; }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote div.select ul.cFormStyledSelect li label {
                    display: block;
                    height: 2.3rem;
                    line-height: 2.3rem;
                    vertical-align: middle;
                    width: 100%; }
                    header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote div.select ul.cFormStyledSelect li label .labelText {
                      line-height: normal;
                      width: 13rem;
                      display: inline-block;
                      vertical-align: middle;
                      line-height: 2.2rem; }
                      @media (max-width: 480.1px) {
                        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote div.select ul.cFormStyledSelect li label .labelText {
                          width: 100%; } }
                    header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote div.select ul.cFormStyledSelect li label .colorBox {
                      width: 1.3rem;
                      height: 1.3rem;
                      display: inline-block;
                      margin-right: .5rem;
                      vertical-align: middle;
                      line-height: normal; }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote div.select ul.cFormStyledSelect li.selected, header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote div.select ul.cFormStyledSelect li.focus {
                    border-top: none;
                    background: #dddddd; }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote div.select ul.cFormStyledSelect li:hover {
                    background: #dddddd;
                    color: #000000; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote div.select .styledSelect.open {
                position: relative; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote div.select .styledSelect.open .selectPreview:after {
                  transform: rotate(0deg); }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote div.select .styledSelect.open ul.cFormStyledSelect {
                  position: absolute;
                  top: 100%;
                  visibility: visible;
                  opacity: 1;
                  width: 100%;
                  transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote div.select .errors {
                margin-top: .5rem;
                color: #e42313;
                font-size: 15px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 400; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote div.required span.mainlabel:after {
              content: '*'; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote .input-type-choice {
              width: 100%;
              display: block;
              margin-bottom: 1rem;
              font-size: 15px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 300; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote .formBlock {
              padding: 1rem;
              background: #f2f2f2; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.button,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.button--cancel,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.button--submitConversion,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.button--submitNext,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.button--submit,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.button--bruneau {
              height: 3rem;
              line-height: 3rem;
              vertical-align: middle;
              position: relative;
              display: inline-block;
              width: 100%;
              text-align: center;
              border-radius: 0.3rem;
              margin-top: 1.5rem;
              margin-bottom: 1rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.button input,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.button--cancel input,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.button--submitConversion input,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.button--submitNext input,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.button--submit input,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.button--bruneau input {
                width: 100%;
                height: 3rem;
                line-height: 3rem;
                vertical-align: middle;
                font-size: 18px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 700;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                text-align: center;
                background: transparent;
                border: none;
                cursor: pointer;
                text-align: center;
                vertical-align: middle; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.button input:hover,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.button--cancel input:hover,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.button--submitConversion input:hover,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.button--submitNext input:hover,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.button--submit input:hover,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.button--bruneau input:hover {
                  background: transparent; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.button span,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.button--cancel span,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.button--submitConversion span,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.button--submitNext span,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.button--submit span,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.button--bruneau span {
                display: none; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote .button--submitConversion {
              background: #739900;
              color: #ffffff; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote .button--submitConversion input {
                color: #ffffff; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote .button--submitConversion input:hover {
                  color: #ffffff; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote .button--submitConversion:hover {
                background: #697f26;
                color: #ffffff; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.button,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.button--cancel,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.button--submitConversion,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.button--submitNext,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.button--submit,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.button--bruneau {
              height: 3rem;
              line-height: 3rem;
              vertical-align: middle;
              position: relative;
              display: inline-block;
              width: 100%;
              text-align: center;
              border-radius: 0.3rem;
              margin-top: 1.5rem;
              margin-bottom: 1rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.button input,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.button--cancel input,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.button--submitConversion input,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.button--submitNext input,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.button--submit input,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.button--bruneau input {
                width: 100%;
                height: 3rem;
                line-height: 3rem;
                vertical-align: middle;
                font-size: 18px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 700;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                text-align: center;
                background: transparent;
                border: none;
                cursor: pointer;
                text-align: center;
                vertical-align: middle; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.button input:hover,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.button--cancel input:hover,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.button--submitConversion input:hover,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.button--submitNext input:hover,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.button--submit input:hover,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.button--bruneau input:hover {
                  background: transparent; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.button span,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.button--cancel span,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.button--submitConversion span,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.button--submitNext span,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.button--submit span,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.button--bruneau span {
                display: none; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote .button--cancel {
              background: #bdbdbd;
              color: #ffffff; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote .button--cancel input {
                color: #ffffff; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote .button--cancel input:hover {
                  color: #ffffff; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote .button--cancel:hover {
                color: #ffffff;
                background: #000000; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.button--cancel,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.button--submitConversion {
              width: 17rem;
              margin-top: 1rem; }
              @media (max-width: 1350.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.button--cancel,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.button--submitConversion {
                  width: 15rem; } }
              @media (max-width: 768.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.button--cancel,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.button--submitConversion {
                  width: 10rem; } }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.button--cancel {
              margin-left: calc(100% - 35rem);
              margin-right: 1rem; }
              @media (max-width: 1350.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.button--cancel {
                  margin-left: calc(100% - 31rem); } }
              @media (max-width: 768.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ArticleRequestQuote label.button--cancel {
                  margin-left: calc(100% - 21rem); } }
          .no-cssgrid .ArticleDetail {
            display: block; }
            .no-cssgrid .ArticleDetail .ArticleDetailMedia {
              display: inline-block;
              width: 33%; }
            .no-cssgrid .ArticleDetail .ArticleDetailMarketing {
              display: inline-block;
              width: 30%; }
            .no-cssgrid .ArticleDetail .ArticleDetailSelection {
              display: inline-block;
              width: 35%; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ui--close {
            display: block;
            position: absolute;
            top: .5rem;
            right: .5rem; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ui--close [type="radio"] {
              display: none; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .gridItemContent .ui--close:before {
              font-family: 'bruneauAdaptiveIcons';
              font-size: 2rem;
              speak: none;
              font-style: normal;
              font-weight: normal;
              font-variant: normal;
              text-transform: none;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              content: "\e913";
              font-size: 1.5rem; }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .articleModal {
          display: none; }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem input.articleModal:not(:checked) ~ .backdrop {
          display: none; }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem input.articleModal:checked ~ .backdrop {
          display: block; }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem:hover {
          border: 1px solid #000000;
          cursor: default; }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .buttons--ArticleGridItemInfo {
          background: #ffffff;
          display: block;
          margin-top: 1rem;
          white-space: normal; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .buttons--ArticleGridItemInfo .button--updateCart {
            width: 100%;
            background: #739900;
            vertical-align: middle;
            border-radius: 0.3rem;
            color: #ffffff;
            font-size: 15px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 700;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            height: 2rem;
            line-height: 3rem;
            text-align: center;
            border: none; }
            @media (max-width: 768.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .buttons--ArticleGridItemInfo .button--updateCart {
                font-size: 15px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 500;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                height: 2rem;
                line-height: 2rem; } }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .buttons--ArticleGridItemInfo .button--updateCart:hover {
              background: #697f26;
              color: #ffffff; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .buttons--ArticleGridItemInfo .button--updateCart input {
              background: transparent;
              border: none;
              color: #ffffff;
              font-size: 15px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 700;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .buttons--ArticleGridItemInfo .button--updateCart input:hover {
                background: transparent;
                color: #ffffff; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .buttons--ArticleGridItemInfo .button--updateCart .icon--cart:before {
              font-family: 'bruneauAdaptiveIcons';
              font-size: 2rem;
              speak: none;
              font-style: normal;
              font-weight: normal;
              font-variant: normal;
              text-transform: none;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              content: "\e91e";
              font-size: 1.5rem;
              vertical-align: middle;
              line-height: normal;
              margin-right: .25rem;
              position: absolute;
              left: 1rem;
              top: .2rem;
              display: block; }
              @media (max-width: 768.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .buttons--ArticleGridItemInfo .button--updateCart .icon--cart:before {
                  top: .8rem; } }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .buttons--ArticleGridItemInfo .button--updateCart:hover {
              background: #697f26;
              color: #ffffff; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .buttons--ArticleGridItemInfo .button--updateCart:hover .icon--cart:before {
              font-family: 'bruneauAdaptiveIcons';
              font-size: 2rem;
              speak: none;
              font-style: normal;
              font-weight: normal;
              font-variant: normal;
              text-transform: none;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              content: "\e91e";
              font-size: 1.5rem;
              vertical-align: middle;
              line-height: normal;
              margin-right: .25rem;
              position: absolute;
              left: 1rem;
              display: block;
              color: #ffffff; }
            @media (max-width: 768.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .buttons--ArticleGridItemInfo .button--updateCart {
                height: 3rem;
                line-height: 3rem; } }
          @media (max-width: 1350.1px) {
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .buttons--ArticleGridItemInfo input {
              display: none; } }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .buttons--ArticleGridItemInfo .button--updateCart {
            height: 2rem;
            line-height: 2rem; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .buttons--ArticleGridItemInfo .button--updateCart input {
              vertical-align: middle;
              line-height: 2rem;
              grid-gap: 21.6px; }
              @media (max-width: 1350.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .buttons--ArticleGridItemInfo .button--updateCart input {
                  display: inline-block; } }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .buttons--ArticleGridItemInfo .button--updateCart:hover {
              cursor: pointer; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .buttons--ArticleGridItemInfo .button--addToCart {
            width: 100%;
            vertical-align: middle;
            border-radius: 0.3rem;
            color: #ffffff;
            font-size: 15px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 700;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            height: 4rem;
            line-height: 3rem;
            text-align: center;
            background: #333333;
            border: none;
            position: relative;
            text-align: center; }
            @media (max-width: 768.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .buttons--ArticleGridItemInfo .button--addToCart {
                font-size: 15px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 500;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                height: 2rem;
                line-height: 2rem; } }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .buttons--ArticleGridItemInfo .button--addToCart input {
              background: transparent;
              border: none;
              color: #ffffff;
              font-size: 15px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 700;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              cursor: pointer; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .buttons--ArticleGridItemInfo .button--addToCart input:hover {
                background: transparent;
                color: #ffffff; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .buttons--ArticleGridItemInfo .button--addToCart:before {
              font-family: 'bruneauAdaptiveIcons';
              font-size: 2rem;
              speak: none;
              font-style: normal;
              font-weight: normal;
              font-variant: normal;
              text-transform: none;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              content: "\e91e";
              font-size: 1.22rem;
              vertical-align: middle;
              line-height: normal;
              margin-right: .5rem;
              display: inline-block; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .buttons--ArticleGridItemInfo .button--addToCart:hover {
              background: #000000; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .buttons--ArticleGridItemInfo .button--addToCart.addToCartAgain {
            font-size: 11px;
            line-height: 1.6rem;
            font-family: "Roboto";
            font-weight: 400;
            height: 2rem;
            line-height: 2rem;
            vertical-align: middle; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .buttons--ArticleGridItemInfo .button--addToCart.addToCartAgain input {
              font-size: 11px;
              line-height: 1.6rem;
              font-family: "Roboto";
              font-weight: 400;
              line-height: .8rem;
              white-space: normal; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .buttons--ArticleGridItemInfo .button--addToCart {
            height: 2rem;
            line-height: 2rem; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .buttons--ArticleGridItemInfo .button--addToCart input {
              vertical-align: middle;
              line-height: 2rem; }
            @media (max-width: 1020.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .buttons--ArticleGridItemInfo .button--addToCart:before {
                margin-right: 0; } }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .buttons--ArticleGridItemInfo .button--addToCart:hover {
              cursor: pointer; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .buttons--ArticleGridItemInfo .button--addToCartAgain input {
            font-size: 12px;
            line-height: 1.6rem;
            font-family: "Roboto";
            font-weight: 400; }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage {
          /*
 *  Owl Carousel - Core
 */
          /* No Js */
          /*
 *  Owl Carousel - Animate Plugin
 */
          /*
 * 	Owl Carousel - Auto Height Plugin
 */
          /*
 * 	Owl Carousel - Lazy Load Plugin
 */
          /*
 * 	Owl Carousel - Video Plugin
 */
          /*
 * 	Default theme - Owl Carousel CSS File
 */
          /* Disable the arrows of the carousel nav when at first or last image */
          /* no image carousel media container */
          width: 100%;
          height: auto;
          margin-bottom: 1rem;
          position: relative; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .bestBuyLabel {
            font-size: 12px;
            line-height: 1.6rem;
            font-family: "Roboto";
            font-weight: 700;
            background-color: #ffcc00;
            padding: .5em 2em; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .discountLabel {
            padding-top: 1em;
            width: 6em;
            height: 5rem;
            background: #ff0066;
            color: #ffffff;
            text-align: center; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .discountLabel .upTo {
              font-size: 12px;
              line-height: 1.6rem;
              font-family: "Roboto";
              font-weight: 400;
              display: block; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .discountLabel .discount {
              font-size: 21px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 400;
              display: block; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .discountLabel .discount .percent {
                font-size: 21px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 400;
                vertical-align: bottom;
                display: inline-block; }
            @media (max-width: 768.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .discountLabel {
                width: 5rem;
                height: 3.7rem; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .discountLabel .upTo {
                  font-size: 15px;
                  line-height: 1.2rem;
                  font-family: "Roboto";
                  font-weight: 500;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .discountLabel .discount {
                  font-size: 28px;
                  line-height: 1.2rem;
                  font-family: "Roboto";
                  font-weight: 500; }
                  header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .discountLabel .discount .percent {
                    font-size: 21px;
                    line-height: 1.2rem;
                    font-family: "Roboto";
                    font-weight: 500;
                    margin-bottom: 0.1875rem; } }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-carousel {
            display: none;
            width: 100%;
            -webkit-tap-highlight-color: transparent;
            /* position relative and z-index fix webkit rendering fonts issue */
            position: relative;
            z-index: 1; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-carousel .owl-stage {
              position: relative;
              -ms-touch-action: pan-Y;
              touch-action: manipulation;
              -moz-backface-visibility: hidden;
              /* fix firefox animation glitch */ }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-carousel .owl-stage:after {
              content: ".";
              display: block;
              clear: both;
              visibility: hidden;
              line-height: 0;
              height: 0; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-carousel .owl-stage-outer {
              position: relative;
              overflow: hidden;
              /* fix for flashing background */
              -webkit-transform: translate3d(0px, 0px, 0px); }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-carousel .owl-wrapper,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-carousel .owl-item {
              -webkit-backface-visibility: hidden;
              -moz-backface-visibility: hidden;
              -ms-backface-visibility: hidden;
              -webkit-transform: translate3d(0, 0, 0);
              -moz-transform: translate3d(0, 0, 0);
              -ms-transform: translate3d(0, 0, 0); }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-carousel .owl-item {
              position: relative;
              min-height: 1px;
              float: left;
              -webkit-backface-visibility: hidden;
              -webkit-tap-highlight-color: transparent;
              -webkit-touch-callout: none; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-carousel.articleMediaCarouselNav .owl-item.current .item {
              border: 1px dashed #e42313;
              padding: 1px; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-carousel .item {
              height: 5rem;
              width: 5rem;
              background-size: contain;
              background-position: center center;
              background-repeat: no-repeat; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-carousel .owl-item img {
              display: block;
              width: 100%;
              /*max-height: 180px;*/
              margin: 0 auto; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-carousel .owl-nav.disabled,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-carousel .owl-dots.disabled {
              display: none; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-carousel .owl-nav .owl-prev,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-carousel .owl-nav .owl-next,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-carousel .owl-dot {
              cursor: pointer;
              -webkit-user-select: none;
              -khtml-user-select: none;
              -moz-user-select: none;
              -ms-user-select: none;
              user-select: none; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-carousel .owl-nav button.owl-prev,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-carousel .owl-nav button.owl-next,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-carousel button.owl-dot {
              background: none;
              color: inherit;
              border: none;
              padding: 0 !important;
              font: inherit; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-carousel .owl-nav {
              padding-left: 2rem;
              padding-right: 2rem; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-carousel .owl-prev,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-carousel .owl-next {
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
              opacity: .2; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-carousel .owl-prev:hover,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-carousel .owl-next:hover {
                opacity: 1; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-carousel .owl-prev {
              left: 0; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-carousel .owl-prev span.icon--left {
                color: #000000; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-carousel .owl-prev span.icon--left:before {
                  font-family: 'bruneauAdaptiveIcons';
                  font-size: 2rem;
                  speak: none;
                  font-style: normal;
                  font-weight: normal;
                  font-variant: normal;
                  text-transform: none;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                  content: "\e945"; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-carousel .owl-next {
              right: 0; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-carousel .owl-next span.icon--right {
                color: #000000; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-carousel .owl-next span.icon--right:before {
                  font-family: 'bruneauAdaptiveIcons';
                  font-size: 2rem;
                  speak: none;
                  font-style: normal;
                  font-weight: normal;
                  font-variant: normal;
                  text-transform: none;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                  content: "\e946"; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-carousel.owl-loaded {
              display: block; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-carousel.owl-loading {
              opacity: 0;
              display: block; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-carousel.owl-hidden {
              opacity: 0; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-carousel.owl-refresh .owl-item {
              visibility: hidden; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-carousel.owl-drag .owl-item {
              touch-action: pan-y;
              -webkit-user-select: none;
              -moz-user-select: none;
              -ms-user-select: none;
              user-select: none; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-carousel.owl-grab {
              cursor: move;
              cursor: grab; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-carousel.owl-rtl {
              direction: rtl; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-carousel.owl-rtl .owl-item {
              float: right; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .no-js .owl-carousel {
            display: block; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-carousel .animated {
            animation-duration: 1000ms;
            animation-fill-mode: both; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-carousel .owl-animated-in {
            z-index: 0; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-carousel .owl-animated-out {
            z-index: 1; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-carousel .fadeOut {
            animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-height {
            transition: height 500ms ease-in-out; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-carousel .owl-item {
            /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */ }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-carousel .owl-item .owl-lazy {
              opacity: 0;
              transition: opacity 400ms ease; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-carousel .owl-item .owl-lazy[src^=""],
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-carousel .owl-item .owl-lazy:not([src]) {
              max-height: 0; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-carousel .owl-item img.owl-lazy {
              transform-style: preserve-3d; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-carousel .owl-video-wrapper {
            position: relative;
            height: 100%;
            background: #000; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-carousel .owl-video-play-icon {
            position: absolute;
            height: 80px;
            width: 80px;
            left: 50%;
            top: 50%;
            margin-left: -40px;
            margin-top: -40px;
            background: url("owl.video.play.png") no-repeat;
            cursor: pointer;
            z-index: 1;
            -webkit-backface-visibility: hidden;
            transition: transform 100ms ease; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-carousel .owl-video-play-icon:hover {
            transform: scale(1.3, 1.3); }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-carousel .owl-video-playing .owl-video-tn,
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-carousel .owl-video-playing .owl-video-play-icon {
            display: none; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-carousel .owl-video-tn {
            opacity: 0;
            height: 100%;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: contain;
            transition: opacity 400ms ease; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-carousel .owl-video-frame {
            position: relative;
            z-index: 1;
            height: 100%;
            width: 100%; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .carousel-wrapper .owl-item img {
            width: auto;
            margin: 0 auto; }
            @media (max-width: 768.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .carousel-wrapper .owl-item img {
                height: 17rem; } }
            @media (max-width: 480.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .carousel-wrapper .owl-item img {
                height: 18rem; } }
          @media (max-width: 480.1px) {
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-carousel .owl-stage {
              margin: 0 auto; } }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-next.disabled,
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-next.disabled:hover,
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-prev.disabled,
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-prev.disabled:hover,
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-nav .owl-next.disabled,
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-nav .owl-prev.disabled {
            opacity: 0 !important;
            pointer-events: none; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-theme .owl-nav {
            margin-top: 10px;
            text-align: center;
            -webkit-tap-highlight-color: transparent; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-theme .owl-nav [class*='owl-'] {
              color: #ffffff;
              font-size: 14px;
              margin: 5px;
              padding: 4px 7px;
              background: #D6D6D6;
              display: inline-block;
              cursor: pointer;
              border-radius: 3px; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-theme .owl-nav [class*='owl-']:hover {
                text-decoration: none; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-theme .owl-nav .disabled {
              opacity: 0.5;
              cursor: default; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-theme .owl-nav.disabled + .owl-dots {
            margin-top: 10px; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-theme .owl-dots {
            text-align: center;
            -webkit-tap-highlight-color: transparent; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-theme .owl-dots .owl-dot {
              display: inline-block;
              zoom: 1;
              *display: inline; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-theme .owl-dots .owl-dot span {
                width: 10px;
                height: 10px;
                margin: 5px 7px;
                display: block;
                -webkit-backface-visibility: visible;
                transition: opacity 200ms ease;
                border-radius: 30px; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .media-type {
            position: absolute;
            bottom: 0;
            left: 3.5rem; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .media-type--360:before {
              font-family: 'bruneauAdaptiveIcons';
              font-size: 2rem;
              speak: none;
              font-style: normal;
              font-weight: normal;
              font-variant: normal;
              text-transform: none;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              content: "\e956";
              font-size: 1.6rem; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .media-type--video:before {
              font-family: 'bruneauAdaptiveIcons';
              font-size: 2rem;
              speak: none;
              font-style: normal;
              font-weight: normal;
              font-variant: normal;
              text-transform: none;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              content: "\e956";
              font-size: 1.6rem; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .ArticleDetailMedia {
            position: relative;
            grid-column: 1 / span 5; }
            @media (max-width: 1020.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .ArticleDetailMedia {
                grid-column: 1 / span 5; } }
            @media (max-width: 768.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .ArticleDetailMedia {
                grid-column: 1 / span 8; } }
            @media (max-width: 480.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .ArticleDetailMedia {
                grid-column: 1 / span 4; } }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .ArticleDetailMedia .bestBuyLabel {
              position: absolute;
              top: 0;
              left: 0;
              z-index: 2; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .ArticleDetailMedia .discountLabel {
              position: absolute;
              top: 3rem;
              left: 0;
              z-index: 2;
              padding: 0.5rem 1rem;
              width: auto;
              height: auto; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .ArticleDetailMedia--listItem {
              grid-column: 1 / span 3;
              min-height: initial;
              padding-left: 10px; }
              @media (max-width: 1020.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .ArticleDetailMedia--listItem {
                  grid-column: 1 / span 3; } }
              @media (max-width: 768.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .ArticleDetailMedia--listItem {
                  grid-column: 1 / span 4;
                  grid-row: 2; } }
              @media (max-width: 480.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .ArticleDetailMedia--listItem {
                  grid-column: 1 / span 4;
                  grid-row: 2; } }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .ArticleDetailMedia--listItem .bestBuyLabel {
                position: absolute;
                top: 0;
                left: 0; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .ArticleDetailMedia--listItem .discountLabel {
                position: absolute;
                top: 3rem;
                left: 0;
                padding: 0.5rem 1rem;
                width: auto;
                height: auto; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .ArticleDetailMedia--gridItem .bestBuyLabel {
              position: absolute;
              top: 3rem;
              left: 0;
              font-size: 12px;
              line-height: 1.6rem;
              font-family: "Roboto";
              font-weight: 700;
              line-height: 14px;
              background-color: #ffcc00;
              padding: .2rem 1.5rem; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .ArticleDetailMedia--gridItem .discountLabel {
              position: absolute;
              top: 1rem;
              left: 0;
              height: auto;
              width: auto;
              min-width: auto;
              display: inline-block;
              padding: 0.2rem .5rem;
              text-align-last: left; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .ArticleDetailMedia--gridItem .discountLabel .upTo,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .ArticleDetailMedia--gridItem .discountLabel .discount,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .ArticleDetailMedia--gridItem .discountLabel .percent {
                font-size: 12px;
                line-height: 1.6rem;
                font-family: "Roboto";
                font-weight: 700;
                line-height: 14px;
                display: inline-block; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .ArticleDetailMedia--gridItem .discountLabel .discount--small {
                font-size: 12px;
                line-height: 1.6rem;
                font-family: "Roboto";
                font-weight: 700;
                line-height: 14px;
                padding: .2rem 1.5rem; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .ArticleDetailMedia .carousel-wrapper {
              position: relative; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .ArticleDetailMedia .carousel-wrapper .logo {
                position: absolute;
                bottom: 1.5rem;
                right: 1rem;
                z-index: 1;
                max-width: 64px;
                max-height: 26px;
                height: auto;
                background-color: #ffffff; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .ArticleDetailMedia .carousel-wrapper .logo img {
                  max-width: 60px;
                  max-height: 20px; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .ArticleDetailMedia .carousel-wrapper .caption-icon {
                display: none;
                bottom: 0.8em;
                left: 1em;
                position: absolute;
                z-index: 999;
                width: 2rem;
                height: 2rem;
                cursor: pointer; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .ArticleDetailMedia .carousel-wrapper .caption-icon:before {
                  font-family: 'bruneauAdaptiveIcons';
                  font-size: 2rem;
                  speak: none;
                  font-style: normal;
                  font-weight: normal;
                  font-variant: normal;
                  text-transform: none;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                  content: "\e90d";
                  font-weight: 800;
                  font-size: 16px; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .ArticleDetailMedia .carousel-wrapper .caption-icon.show {
                  display: inline-block; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .ArticleDetailMedia .carousel-wrapper figure {
                position: relative; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .ArticleDetailMedia .carousel-wrapper figure figcaption {
                font-size: 12px;
                line-height: 1.6rem;
                font-family: "Roboto";
                font-weight: 400;
                line-height: 1.2rem;
                position: absolute;
                display: none;
                bottom: 0px;
                background: #000000;
                background: rgba(0, 0, 0, 0.7);
                color: #ffffff;
                padding: 5px 10px;
                opacity: 0;
                -webkit-transition: all 0.3s ease;
                -moz-transition: all 0.3s ease;
                -ms-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                transition: all 0.3s ease; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .ArticleDetailMedia .carousel-wrapper figure figcaption .nonMatchingFeatures {
                  display: inline-block;
                  padding-left: 1.7rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .ArticleDetailMedia .carousel-wrapper figure.showCaption figcaption {
                display: block; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .ArticleDetailMedia .carousel-wrapper .caption-icon.show:hover {
                color: #ffffff; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .ArticleDetailMedia .carousel-wrapper .caption-icon.show:hover ~ figcaption {
                opacity: 1;
                z-index: 3; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .mediaContainer {
            position: relative;
            grid-column: 1 / span 5;
            padding-left: 10px; }
            @media (max-width: 1020.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .mediaContainer {
                grid-column: 1 / span 5; } }
            @media (max-width: 768.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .mediaContainer {
                grid-column: 1 / span 8; } }
            @media (max-width: 480.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .mediaContainer {
                grid-column: 1 / span 4; } }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .mediaContainer--listItem {
              grid-column: 1 / span 3;
              min-height: initial; }
              @media (max-width: 1020.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .mediaContainer--listItem {
                  grid-column: 1 / span 3; } }
              @media (max-width: 768.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .mediaContainer--listItem {
                  grid-column: 1 / span 4;
                  grid-row: 2; } }
              @media (max-width: 480.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .mediaContainer--listItem {
                  grid-column: 1 / span 4;
                  grid-row: 2; } }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .owl-carousel .owl-nav {
            display: none;
            opacity: 0;
            height: 0; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .ArticleDetailMedia {
            min-height: 5rem;
            grid-column: 1 / span 1;
            overflow: hidden;
            height: 12rem; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .ArticleDetailMedia img {
              height: 12rem;
              width: auto;
              padding: 1rem; }
              @media (max-width: 1350.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .ArticleDetailMedia img {
                  padding: .7rem; } }
              @media (max-width: 768.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .ArticleDetailMedia img {
                  padding: .5rem; } }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .ArticleDetailMedia .logo img {
              height: auto;
              padding: 0; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .articleBrand,
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .logo {
            position: absolute;
            bottom: 0;
            right: 1rem;
            max-width: 6rem;
            z-index: 2; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .mediaContainer img,
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage img {
            height: 12rem;
            width: auto;
            padding: 1rem; }
            @media (max-width: 1350.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .mediaContainer img,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage img {
                padding: .7rem; } }
            @media (max-width: 768.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage .mediaContainer img,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemImage img {
                padding: .5rem; } }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .articleAddedToCart {
          position: absolute;
          left: 0;
          right: 0;
          top: unset;
          width: 100%;
          background: #739900;
          color: #ffffff;
          z-index: 2;
          padding-top: .7rem;
          padding-bottom: .7rem;
          padding-left: .2rem;
          padding-right: .2rem;
          vertical-align: middle;
          opacity: .85;
          display: flex;
          align-items: center;
          justify-content: center;
          text-align: left;
          font-size: 13px;
          line-height: 1.3rem;
          font-family: "Roboto";
          font-weight: 400;
          line-height: normal;
          white-space: normal; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .articleAddedToCart:before {
            font-family: 'bruneauAdaptiveIcons';
            font-size: 2rem;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\e93f";
            display: inliine-block;
            font-size: 2.5rem;
            color: #000000;
            background: #ffffff;
            width: 3rem;
            height: 3rem;
            border-radius: 3rem;
            line-height: 3rem;
            margin-right: .5rem; }
            @media (max-width: 1350.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .articleAddedToCart:before {
                font-size: 2rem;
                width: 2rem;
                height: 2rem;
                border-radius: 2rem;
                line-height: 2rem;
                margin-right: .2rem; } }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .articleAddedToCart--removed {
          padding-left: .5rem; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .articleAddedToCart--removed:before {
            display: none; }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .articleAddedToCart {
          top: 20%;
          left: 0;
          right: 0; }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .discountLabel {
          padding-top: 1em;
          width: 6em;
          height: 5rem;
          background: #ff0066;
          color: #ffffff;
          text-align: center; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .discountLabel .upTo {
            font-size: 12px;
            line-height: 1.6rem;
            font-family: "Roboto";
            font-weight: 400;
            display: block; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .discountLabel .discount {
            font-size: 21px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 400;
            display: block; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .discountLabel .discount .percent {
              font-size: 21px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 400;
              vertical-align: bottom;
              display: inline-block; }
          @media (max-width: 768.1px) {
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .discountLabel {
              width: 5rem;
              height: 3.7rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .discountLabel .upTo {
                font-size: 15px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 500;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .discountLabel .discount {
                font-size: 28px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 500; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .discountLabel .discount .percent {
                  font-size: 21px;
                  line-height: 1.2rem;
                  font-family: "Roboto";
                  font-weight: 500;
                  margin-bottom: 0.1875rem; } }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .discountLabel {
          position: absolute;
          top: 1rem;
          left: 0;
          z-index: 3;
          min-width: 8rem; }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemTop {
          position: absolute;
          top: 1rem;
          right: 1rem;
          z-index: 3;
          width: auto;
          display: block;
          height: 2rem;
          text-align: right;
          /* to do include chapter */ }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .AddToFavorites {
          position: relative;
          cursor: pointer;
          /*
Paragraphs: popOver
---
*/
          z-index: 0; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .AddToFavorites .modal {
            position: relative; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .AddToFavorites .modal [type="radio"]:not(:checked) + .modalContent {
              display: none; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .AddToFavorites .modal [type="radio"]:checked + .modalContent {
              display: block; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .AddToFavorites .modal [type="checkbox"]:checked + .modalContent {
              display: block; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .AddToFavorites .modal [type="radio"],
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .AddToFavorites .modal [type="checkbox"] {
              display: none; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .AddToFavorites .modal .modalContent {
              display: none;
              position: absolute;
              top: unset;
              bottom: unset;
              left: unset;
              right: unset;
              z-index: 4;
              background: #ffffff;
              border: 1px solid #9b9b9b;
              padding: 2.5rem 1rem 1rem 1rem;
              width: auto; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .AddToFavorites .modal .modalContent .ui--close {
                display: block;
                position: absolute;
                top: .5rem;
                right: .5rem; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .AddToFavorites .modal .modalContent .ui--close [type="radio"] {
                  display: none; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .AddToFavorites .modal .modalContent .ui--close:before {
                  font-family: 'bruneauAdaptiveIcons';
                  font-size: 2rem;
                  speak: none;
                  font-style: normal;
                  font-weight: normal;
                  font-variant: normal;
                  text-transform: none;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                  content: "\e913";
                  font-size: 1.5rem; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .AddToFavorites .icon--heart {
            position: absolute;
            top: 0; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .AddToFavorites .icon--heart.not-added::before {
              font-family: 'bruneauAdaptiveIcons';
              font-size: 2rem;
              speak: none;
              font-style: normal;
              font-weight: normal;
              font-variant: normal;
              text-transform: none;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              content: "\e959";
              font-size: 1rem; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .AddToFavorites .icon--heart.added::before {
              font-family: 'bruneauAdaptiveIcons';
              font-size: 2rem;
              speak: none;
              font-style: normal;
              font-weight: normal;
              font-variant: normal;
              text-transform: none;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              content: "\e959";
              font-size: 1rem; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .AddToFavorites .status {
            font-size: 15px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 300;
            text-decoration: none; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .AddToFavorites:hover .status {
            text-decoration: underline; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .AddToFavorites .modalContent {
            background: #ffffff; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .AddToFavorites .modalContent .formInputChoice {
              position: relative;
              padding-left: 1.75rem;
              cursor: pointer;
              /* checkbox aspect */ }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .AddToFavorites .modalContent .formInputChoice input:not(:checked),
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .AddToFavorites .modalContent .formInputChoice input:checked {
                position: absolute;
                left: -9999px; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .AddToFavorites .modalContent .formInputChoice input:not(:checked) + .formInputChoiceContent:before,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .AddToFavorites .modalContent .formInputChoice input:checked + .formInputChoiceContent:before,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .AddToFavorites .modalContent .formInputChoice input:not(:checked) + .formInputChoiceContent:after,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .AddToFavorites .modalContent .formInputChoice input:checked + .formInputChoiceContent:after {
                position: absolute;
                top: 0;
                left: 0;
                font-size: 1.2rem;
                line-height: 1.2rem;
                transition: all .2s; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .AddToFavorites .modalContent .formInputChoice input:not(:checked) + .formInputChoiceContent:before {
                opacity: 0;
                transform: scale(0); }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .AddToFavorites .modalContent .formInputChoice input:checked + .formInputChoiceContent:before {
                opacity: 1;
                transform: scale(1); }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .AddToFavorites .modalContent .formInputChoice input:checked + .formInputChoiceContent:after {
                opacity: 0;
                transform: scale(0); }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .AddToFavorites .modalContent .formInputChoice input:not(:checked) + .formInputChoiceContent:after {
                opacity: 1;
                transform: scale(1); }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .AddToFavorites .modalContent .formInputChoice input:not(:checked) + .formInputChoiceContent:after,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .AddToFavorites .modalContent .formInputChoice input:checked + .formInputChoiceContent:after,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .AddToFavorites .modalContent .formInputChoice input:not(:checked):focus + .formInputChoiceContent:after,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .AddToFavorites .modalContent .formInputChoice input:checked:focus + .formInputChoiceContent:after {
                color: #9b9b9b; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .AddToFavorites .modalContent .formInputChoice input:disabled:before,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .AddToFavorites .modalContent .formInputChoice input.disabled:before {
                color: #bdbdbd;
                cursor: default; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .AddToFavorites .modalContent .formInputChoice input:checked + .formInputChoiceContent:before,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .AddToFavorites .modalContent .formInputChoice input:not(:checked) + .formInputChoiceContent:before,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .AddToFavorites .modalContent .formInputChoice input:hover + .formInputChoiceContent:before,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .AddToFavorites .modalContent .formInputChoice input:checked:focus + .formInputChoiceContent:before,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .AddToFavorites .modalContent .formInputChoice input:not(:checked):focus + .formInputChoiceContent:before {
                color: #739900; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .AddToFavorites .modalContent .formInputChoice--checkbox .formInputChoiceContent:before {
              font-family: 'bruneauAdaptiveIcons';
              font-size: 2rem;
              speak: none;
              font-style: normal;
              font-weight: normal;
              font-variant: normal;
              text-transform: none;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              content: "\e950"; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .AddToFavorites .modalContent .formInputChoice--checkbox .formInputChoiceContent:after {
              font-family: 'bruneauAdaptiveIcons';
              font-size: 2rem;
              speak: none;
              font-style: normal;
              font-weight: normal;
              font-variant: normal;
              text-transform: none;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              content: "\e95f"; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .AddToFavorites .AddToFavoritesContent.not-added:before {
            font-family: 'bruneauAdaptiveIcons';
            font-size: 2rem;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\e959";
            vertical-align: bottom;
            font-size: 1rem;
            line-height: 1.2rem; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .AddToFavorites .input--modal:checked ~ .AddToFavoritesContent:before {
            font-family: 'bruneauAdaptiveIcons';
            font-size: 2rem;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\e959";
            vertical-align: bottom;
            font-size: 1rem;
            line-height: 1.2rem; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .AddToFavorites .input--modal:checked > .modalContent {
            top: 1.4rem;
            left: 0; }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .AddToFavorites {
          display: inline-block;
          width: 2rem;
          height: 2rem;
          vertical-align: top; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .AddToFavorites .AddToFavoritesContent:before {
            font-size: 1.7rem;
            margin-right: .5rem;
            width: 2rem; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .AddToFavorites .modalContent {
            top: 2rem;
            right: 0.2rem; }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .articleSettings {
          display: inline-block;
          width: 1rem;
          height: 2rem;
          position: relative; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .articleSettings:before {
            font-size: 1.7rem;
            margin-right: .5rem;
            font-family: 'bruneauAdaptiveIcons';
            font-size: 2rem;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\e928"; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .articleSettings .articleSettingsContent {
            display: none;
            width: 9rem; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .articleSettings .articleSettingsContent li {
              width: 100%;
              display: block;
              vertical-align: middle;
              font-size: 15px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 300;
              line-height: normal;
              padding: .5rem 0 .5rem 1rem;
              display: block;
              border: 1px solid #9b9b9b;
              text-align: left;
              border-bottom: 0; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .articleSettings .articleSettingsContent li:after {
                font-family: 'bruneauAdaptiveIcons';
                font-size: 2rem;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: "\e901";
                font-size: 1.3rem;
                vertical-align: middle;
                opacity: 0;
                width: 2rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .articleSettings .articleSettingsContent li a {
                vertical-align: middle;
                line-height: normal;
                width: calc(100% - 2rem);
                display: inline-block;
                text-align: left;
                padding: 0; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .articleSettings .articleSettingsContent li:last-child {
              border: 1px solid #9b9b9b; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .articleSettings .articleSettingsContent li:hover {
              background: #dddddd; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .articleSettings .articleSettingsContent li:hover:after {
                opacity: 1; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .articleSettings .articleSettingsContent li.favoritesLists.active {
              font-size: 15px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 700;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              line-height: normal; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .articleSettings .articleSettingsContent li.favoritesLists.active:after {
                opacity: 1; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .articleSettings .input--articleSettings {
            display: none; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .articleSettings .input--articleSettings:checked ~ .articleSettingsContent {
            display: block;
            position: absolute;
            top: 2rem;
            left: unset;
            right: 0;
            background: #ffffff;
            z-index: 4; }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .articleSettings {
          display: inline-block; }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .touchevents [type="radio"]:checked + .checkboxLabel:after,
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .touchevents [type="checkbox"]:checked + .checkboxLabel:after {
          display: block !important; }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .touchevents .checkboxLabel:after {
          display: none !important; }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles {
          position: relative;
          margin: 2rem 0;
          padding-bottom: 2rem;
          border-bottom: 1px dashed #000000;
          /**
	* Chapter: tooltip
*/
          /* smartphones, touchscreens
@at-root @media (hover: none) and (pointer: coarse) {
	.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/
          /* stylus-based screens
@at-root @media (hover: none) and (pointer: fine) {
.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/
          /* Nintendo Wii controller, Kinect
@at-root @media (hover: hover) and (pointer: coarse) {
	.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/
          /* mouse, touch pad
@at-root @media (hover: hover) and (pointer: fine) {
	.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/ }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles [type="radio"]:checked,
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles [type="checkbox"]:checked {
            background-color: 'red'; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles [type="radio"]:not(:checked),
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles [type="checkbox"]:not(:checked) {
            background-color: 'green'; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .inputSelectionTiles li {
            display: inline-block;
            margin-right: .66rem;
            width: auto;
            border: none;
            height: 2rem;
            vertical-align: middle;
            line-height: 2rem; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .inputSelectionTiles li label:not(.tooltip) {
              display: block; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .inputSelectionTiles li .styledSelect {
              margin-left: 0; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .inputSelectionTiles li .styledSelect .selectPreview label {
                display: none; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .inputSelectionTiles li .inputSelectionTiles {
              margin-left: .7rem; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .inputSelectionTiles li .checkboxLabelText {
              display: none; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .inputSelectionTiles li [type="radio"]:not(:checked),
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .inputSelectionTiles li [type="checkbox"]:not(:checked),
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .inputSelectionTiles li [type="radio"]:checked,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .inputSelectionTiles li [type="checkbox"]:checked {
              position: absolute;
              left: -9999px; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .inputSelectionTiles li [type="radio"]:not(:checked) + .checkboxLabel,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .inputSelectionTiles li [type="checkbox"]:not(:checked) + .checkboxLabel {
              position: relative;
              cursor: pointer;
              display: block;
              width: 1.6rem;
              height: 1.6rem;
              margin: .2rem; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .inputSelectionTiles li [type="radio"]:checked + .checkboxLabel,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .inputSelectionTiles li [type="checkbox"]:checked + .checkboxLabel {
              position: relative;
              cursor: pointer;
              display: block;
              width: 2rem;
              height: 2rem;
              margin: 0;
              padding: 0; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .inputSelectionTiles li [type="radio"]:not(:checked):hover + .checkboxLabel,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .inputSelectionTiles li [type="checkbox"]:not(:checked):hover + .checkboxLabel {
              cursor: pointer;
              display: block;
              width: 2rem;
              height: 2rem;
              margin: 0;
              padding: 0; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .inputSelectionTiles li [type="radio"]:not(:checked) .checkboxLabel:after,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .inputSelectionTiles li [type="checkbox"]:not(:checked) .checkboxLabel:after,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .inputSelectionTiles li [type="radio"] .checkboxLabel:after,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .inputSelectionTiles li [type="checkbox"] .checkboxLabel:after {
              font-family: 'bruneauAdaptiveIcons';
              font-size: 2rem;
              speak: none;
              font-style: normal;
              font-weight: normal;
              font-variant: normal;
              text-transform: none;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              content: "\e901";
              display: none !important; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .inputSelectionTiles li .checkboxLabel:hover:after,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .inputSelectionTiles li [type="radio"]:not(:checked):hover + .checkboxLabel:after,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .inputSelectionTiles li [type="checkbox"]:not(:checked):hover + .checkboxLabel:after,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .inputSelectionTiles li [type="radio"]:checked + .checkboxLabel:after,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .inputSelectionTiles li [type="checkbox"]:checked + .checkboxLabel:after {
              font-family: 'bruneauAdaptiveIcons';
              font-size: 2rem;
              speak: none;
              font-style: normal;
              font-weight: normal;
              font-variant: normal;
              text-transform: none;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              content: "\e901";
              position: absolute;
              top: 0.4rem;
              left: 0.15rem;
              font-size: 1.6rem;
              line-height: 1.2rem;
              transition: all .2s;
              opacity: 1;
              transform: scale(1);
              display: block; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .inputSelectionTiles li [type="radio"]:not(:checked) + .checkboxLabel:after,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .inputSelectionTiles li [type="checkbox"]:not(:checked) + .checkboxLabel:after,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .inputSelectionTiles li [type="radio"] + .checkboxLabel:after,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .inputSelectionTiles li [type="checkbox"] + .checkboxLabel:after {
              display: none; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .inputSelectionTiles li .disabled [type="radio"]:not(:checked) + .checkboxLabel,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .inputSelectionTiles li .disabled [type="checkbox"]:not(:checked) + .checkboxLabel {
              position: relative;
              display: block;
              width: 1.8rem;
              height: 1.8rem;
              box-shadow: 0.1rem 0.1rem 0.1rem 0 #ffffff inset, -0.1rem -0.1rem 0.1rem 0 #ffffff inset;
              cursor: default !important;
              margin: .1rem; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .inputSelectionTiles li .disabled .checkboxLabel:before,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .inputSelectionTiles li .disabled .checkboxLabel:after {
              content: '';
              position: absolute;
              width: 1.8rem;
              height: 1.8rem;
              display: block;
              left: 0;
              top: 0; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .inputSelectionTiles li .disabled .checkboxLabel:before {
              background: linear-gradient(135deg, transparent 48%, #ffffff 50%, transparent 52%); }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .inputSelectionTiles li .disabled .checkboxLabel:after {
              background: linear-gradient(45deg, transparent 48%, #ffffff 50%, transparent 52%);
              display: none; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .inputSelectionTiles li .disabled [type="radio"]:hover + .checkboxLabel,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .inputSelectionTiles li .disabled [type="checkbox"]:hover + .checkboxLabel,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .inputSelectionTiles li .disabled [type="radio"]:focus + .checkboxLabel,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .inputSelectionTiles li .disabled [type="checkbox"]:focus + .checkboxLabel {
              width: 2rem;
              height: 2rem;
              margin: 0; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .inputSelectionTiles li .disabled [type="radio"]:hover + .checkboxLabel:after,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .inputSelectionTiles li .disabled [type="checkbox"]:hover + .checkboxLabel:after,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .inputSelectionTiles li .disabled [type="radio"]:focus + .checkboxLabel:after,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .inputSelectionTiles li .disabled [type="checkbox"]:focus + .checkboxLabel:after {
                display: block;
                font-size: 0;
                left: 0;
                top: 0;
                width: 2rem;
                height: 2rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .inputSelectionTiles li .disabled [type="radio"]:hover + .checkboxLabel:before,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .inputSelectionTiles li .disabled [type="checkbox"]:hover + .checkboxLabel:before,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .inputSelectionTiles li .disabled [type="radio"]:focus + .checkboxLabel:before,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .inputSelectionTiles li .disabled [type="checkbox"]:focus + .checkboxLabel:before {
                display: block;
                width: 2rem;
                height: 2rem; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .inputSelectionTiles li [type="radio"]:not(:checked) + .checkboxLabel:after,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .inputSelectionTiles li [type="checkbox"]:not(:checked) + .checkboxLabel:after {
              opacity: 0;
              transform: scale(0); }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .inputSelectionTiles li [type="radio"]:checked + .checkboxLabel:after,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .inputSelectionTiles li [type="checkbox"]:checked + .checkboxLabel:after {
              opacity: 1;
              transform: scale(1); }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles label.disabled {
            display: inline-block !important; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .read-more-filters__state {
            display: none; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .read-more-filters__target,
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles li.read-more-filters__target {
            display: none; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .read-more-filters__state:checked ~ .read-more-filters__wrap .read-more-filters__target {
            opacity: 1;
            font-size: inherit;
            max-height: 999em;
            display: block; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .read-more-filters__state ~ .read-more-filters__trigger:before {
            content: attr(more); }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .read-more-filters__state:checked ~ .read-more-filters__trigger:before {
            content: attr(less); }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .read-more-filters__trigger {
            font-size: 15px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 300;
            cursor: pointer;
            display: inline-block;
            text-align: right;
            width: 100%;
            text-decoration: underline; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .read-more-filters__trigger:hover {
              color: #e42313;
              -webkit-transition: all 0.3s ease;
              -moz-transition: all 0.3s ease;
              -ms-transition: all 0.3s ease;
              -o-transition: all 0.3s ease;
              transition: all 0.3s ease; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles h3 {
            font-size: 15px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 500;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            margin-bottom: 0.5rem; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .ui--info {
            display: inline-block;
            width: 1.6rem;
            line-height: 2rem;
            vertical-align: top;
            margin-top: -0.5rem; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .ui--info:after {
              font-family: 'bruneauAdaptiveIcons';
              font-size: 2rem;
              speak: none;
              font-style: normal;
              font-weight: normal;
              font-variant: normal;
              text-transform: none;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              content: "\e90d";
              font-size: 1.7rem;
              line-height: 2rem;
              vertical-align: middle; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles input.tooltip,
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles input.tooltipInput,
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles label.tooltip {
            display: none; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .linkShowTooltip {
            position: relative;
            cursor: pointer; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .tooltip {
            position: absolute;
            top: unset;
            bottom: unset;
            left: unset;
            right: unset; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .tooltip input {
              display: none; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .tooltip .tooltipContent {
              position: relative;
              bottom: unset;
              top: unset;
              background: #ffcc00;
              padding: 1rem;
              z-index: 3;
              color: #000000 !important;
              text-align: left;
              font-size: 12px;
              line-height: 1.6rem;
              font-family: "Roboto";
              font-weight: 400;
              line-height: normal;
              width: 15rem;
              -moz-transform: translateY(10px);
              -o-transform: translateY(10px);
              -ms-transform: translateY(10px);
              -webkit-transform: translateY(10px);
              transform: translateY(10px);
              opacity: 0; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .tooltip .tooltipContent:before {
                width: .8rem;
                height: .8rem;
                background: #ffcc00;
                transform: rotate(135deg);
                content: "";
                position: absolute;
                left: unset;
                right: unset;
                bottom: -0.4rem;
                top: unset; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .tooltip .tooltipContent .ui--close {
                display: block;
                position: absolute;
                top: .3rem;
                right: .5rem; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .tooltip .tooltipContent .ui--close:before {
                  font-family: 'bruneauAdaptiveIcons';
                  font-size: 2rem;
                  speak: none;
                  font-style: normal;
                  font-weight: normal;
                  font-variant: normal;
                  text-transform: none;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                  content: "\e913";
                  font-size: 1rem; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .tooltip.ui--info {
            position: relative;
            right: unset;
            bottom: unset;
            left: unset;
            display: inline-block; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .tooltip.ui--info .tooltipContent {
              position: absolute;
              bottom: 25px;
              left: -10px;
              -moz-transform: translateY(10px);
              -o-transform: translateY(10px);
              -ms-transform: translateY(10px);
              -webkit-transform: translateY(10px);
              transform: translateY(10px);
              transition: all .2s ease-in-out;
              opacity: 0; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .tooltip.ui--info:before {
              font-family: 'bruneauAdaptiveIcons';
              font-size: 2rem;
              speak: none;
              font-style: normal;
              font-weight: normal;
              font-variant: normal;
              text-transform: none;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              content: "\e90d";
              font-size: 1.3rem;
              line-height: normal;
              vertical-align: middle; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .tooltip.ui--info .ui--close {
              display: none; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .tooltip.ui--info:hover .tooltipContent {
            opacity: 1;
            -moz-transform: translateY(0px);
            -o-transform: translateY(0px);
            -ms-transform: translateY(0px);
            -webkit-transform: translateY(0px);
            transform: translateY(0px); }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .linkShowTooltip:hover .tooltipContent,
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .linkShowTooltip:hover .tooltip {
            opacity: 1;
            -moz-transform: translateY(0px);
            -o-transform: translateY(0px);
            -ms-transform: translateY(0px);
            -webkit-transform: translateY(0px);
            transform: translateY(0px); }
          .touchevents .linkShowTooltip:hover .tooltipContent,
          .touchevents .linkShowTooltip:hover .tooltip {
            opacity: unset;
            transform: unset; }
          .touchevents .tooltip.ui--info:hover .tooltipContent {
            opacity: unset;
            transform: unset; }
          .touchevents .tooltip .ui--close {
            display: block; }
          .touchevents .tooltip [type="radio"].tooltipInput:not(:checked) ~ .tooltipContent {
            -moz-transform: translateY(10px);
            -o-transform: translateY(10px);
            -ms-transform: translateY(10px);
            -webkit-transform: translateY(10px);
            transform: translateY(10px);
            opacity: 0; }
          .touchevents .tooltip [type="radio"].tooltipInput:checked ~ .tooltipContent {
            opacity: 1;
            -moz-transform: translateY(0px);
            -o-transform: translateY(0px);
            -ms-transform: translateY(0px);
            -webkit-transform: translateY(0px);
            transform: translateY(0px); }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .tooltip {
            bottom: 2.5rem;
            left: -.5rem; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .tooltip:before {
              left: 13rem; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles .filterResultsNumber {
            display: none; }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles {
          display: block;
          text-align: center;
          margin: 1rem auto;
          padding-bottom: 0;
          border-bottom: 0; }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .featureSelectionColorTiles h3 {
          display: none; }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemInfo {
          padding: 0rem 1rem 1rem 1rem; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemInfo__rating {
            display: block;
            margin-bottom: 1rem;
            height: 2.5rem;
            line-height: normal; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemInfo__rating .ArticleRating {
              font-size: 13px;
              line-height: 1.3rem;
              font-family: "Roboto";
              font-weight: 400;
              display: inline-block; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemInfo__rating .ArticleRating .starsTotal {
                display: inline-block;
                position: relative;
                vertical-align: bottom;
                line-height: 1; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemInfo__rating .ArticleRating .starsTotal:before {
                  font-family: 'bruneauAdaptiveIcons';
                  font-size: 2rem;
                  speak: none;
                  font-style: normal;
                  font-weight: normal;
                  font-variant: normal;
                  text-transform: none;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                  font-size: 18px;
                  content: "\e938 \e938 \e938 \e938 \e938";
                  color: #bdbdbd;
                  position: relative;
                  display: inline-block;
                  letter-spacing: 2px; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemInfo__rating .ArticleRating .starsTotal .star:before {
                  font-family: 'bruneauAdaptiveIcons';
                  font-size: 2rem;
                  speak: none;
                  font-style: normal;
                  font-weight: normal;
                  font-variant: normal;
                  text-transform: none;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                  font-size: 18px;
                  display: inline-block;
                  position: absolute;
                  top: 0;
                  left: 0;
                  color: #0099cc;
                  letter-spacing: 2px; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemInfo__rating .ArticleRating .starsTotal .star--5:before {
                  content: "\e925 \e925 \e925 \e925 \e925"; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemInfo__rating .ArticleRating .starsTotal .star--4_5:before {
                  content: "\e925 \e925 \e925 \e925 \e918"; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemInfo__rating .ArticleRating .starsTotal .star--4:before {
                  content: "\e925 \e925 \e925 \e925"; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemInfo__rating .ArticleRating .starsTotal .star--3_5:before {
                  content: "\e925 \e925 \e925 \e918"; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemInfo__rating .ArticleRating .starsTotal .star--3:before {
                  content: "\e925 \e925 \e925"; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemInfo__rating .ArticleRating .starsTotal .star--2_5:before {
                  content: "\e925 \e925 \e918"; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemInfo__rating .ArticleRating .starsTotal .star--2:before {
                  content: "\e925 \e925"; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemInfo__rating .ArticleRating .starsTotal .star--1_5:before {
                  content: "\e925 \e918"; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemInfo__rating .ArticleRating .starsTotal .star--1:before {
                  content: "\e925"; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemInfo__rating .ArticleRating .starsTotal .star--0_5:before {
                  content: "\e918"; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemInfo__rating .ArticleRating .article-rating {
                display: inline-block;
                width: auto; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemInfo__rating .ArticleRating .article-rating .showReviews {
                  text-decoration: underline; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemInfo__rating .ArticleRating .starsTotal:before,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemInfo__rating .ArticleRating .starsTotal .star:before {
              font-size: 1rem; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemInfo__rating .article-rating {
              display: none; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemInfo .writeReview,
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemInfo .article-rating {
            line-height: .8rem; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemInfo .showReviews {
            display: none; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemInfo__title {
            font-size: 15px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 300;
            line-height: normal;
            overflow: hidden;
            width: 100%;
            display: block;
            height: 3.6rem;
            margin-bottom: 1rem;
            white-space: normal; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemInfo__price {
            display: block;
            vertical-align: bottom;
            line-height: normal;
            position: relative;
            cursor: default; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemInfo__price .currentPriceNumber .euro {
              font-size: 21px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 700;
              line-height: normal; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemInfo__price .currentPrice {
              font-size: 28px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 700;
              line-height: 1.8rem;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale; }
              @media (max-width: 1350.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemInfo__price .currentPrice {
                  font-size: 21px;
                  line-height: 1.2rem;
                  font-family: "Roboto";
                  font-weight: 700; } }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemInfo__price .currentPrice sup {
                font-size: 55%; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemInfo__price .oldPrice {
              text-decoration: line-through;
              display: inline-block; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemInfo__price .promo {
              color: #ff0066;
              display: inline-block; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemInfo__price .tax {
              display: block;
              font-size: 12px;
              line-height: 1.6rem;
              font-family: "Roboto";
              font-weight: 300;
              line-height: normal; }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .degressivePriceList {
          font-size: 15px;
          line-height: 1.2rem;
          font-family: "Roboto";
          font-weight: 300;
          /**
	* Chapter: tooltip
*/
          /* smartphones, touchscreens
@at-root @media (hover: none) and (pointer: coarse) {
	.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/
          /* stylus-based screens
@at-root @media (hover: none) and (pointer: fine) {
.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/
          /* Nintendo Wii controller, Kinect
@at-root @media (hover: hover) and (pointer: coarse) {
	.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/
          /* mouse, touch pad
@at-root @media (hover: hover) and (pointer: fine) {
	.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/ }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .degressivePriceList ul {
            width: 100%;
            display: table; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .degressivePriceList ul li {
            display: table-row;
            cursor: pointer; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .degressivePriceList .degressivePriceList__discount {
            display: table-cell;
            color: #ff0066; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .degressivePriceList .degressivePriceList__quantity {
            display: table-cell;
            padding: 0rem; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .degressivePriceList .degressivePriceList__price {
            display: table-cell; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .degressivePriceList .active {
            font-size: 15px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 400; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .degressivePriceList .promo {
            color: #ff0066; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .degressivePriceList .oneUnit {
            line-height: 2.2rem; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .degressivePriceList input.tooltip,
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .degressivePriceList input.tooltipInput,
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .degressivePriceList label.tooltip {
            display: none; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .degressivePriceList .linkShowTooltip {
            position: relative;
            cursor: pointer; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .degressivePriceList .tooltip {
            position: absolute;
            top: unset;
            bottom: unset;
            left: unset;
            right: unset; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .degressivePriceList .tooltip input {
              display: none; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .degressivePriceList .tooltip .tooltipContent {
              position: relative;
              bottom: unset;
              top: unset;
              background: #ffcc00;
              padding: 1rem;
              z-index: 3;
              color: #000000 !important;
              text-align: left;
              font-size: 12px;
              line-height: 1.6rem;
              font-family: "Roboto";
              font-weight: 400;
              line-height: normal;
              width: 15rem;
              -moz-transform: translateY(10px);
              -o-transform: translateY(10px);
              -ms-transform: translateY(10px);
              -webkit-transform: translateY(10px);
              transform: translateY(10px);
              opacity: 0; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .degressivePriceList .tooltip .tooltipContent:before {
                width: .8rem;
                height: .8rem;
                background: #ffcc00;
                transform: rotate(135deg);
                content: "";
                position: absolute;
                left: unset;
                right: unset;
                bottom: -0.4rem;
                top: unset; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .degressivePriceList .tooltip .tooltipContent .ui--close {
                display: block;
                position: absolute;
                top: .3rem;
                right: .5rem; }
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .degressivePriceList .tooltip .tooltipContent .ui--close:before {
                  font-family: 'bruneauAdaptiveIcons';
                  font-size: 2rem;
                  speak: none;
                  font-style: normal;
                  font-weight: normal;
                  font-variant: normal;
                  text-transform: none;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                  content: "\e913";
                  font-size: 1rem; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .degressivePriceList .tooltip.ui--info {
            position: relative;
            right: unset;
            bottom: unset;
            left: unset;
            display: inline-block; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .degressivePriceList .tooltip.ui--info .tooltipContent {
              position: absolute;
              bottom: 25px;
              left: -10px;
              -moz-transform: translateY(10px);
              -o-transform: translateY(10px);
              -ms-transform: translateY(10px);
              -webkit-transform: translateY(10px);
              transform: translateY(10px);
              transition: all .2s ease-in-out;
              opacity: 0; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .degressivePriceList .tooltip.ui--info:before {
              font-family: 'bruneauAdaptiveIcons';
              font-size: 2rem;
              speak: none;
              font-style: normal;
              font-weight: normal;
              font-variant: normal;
              text-transform: none;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              content: "\e90d";
              font-size: 1.3rem;
              line-height: normal;
              vertical-align: middle; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .degressivePriceList .tooltip.ui--info .ui--close {
              display: none; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .degressivePriceList .tooltip.ui--info:hover .tooltipContent {
            opacity: 1;
            -moz-transform: translateY(0px);
            -o-transform: translateY(0px);
            -ms-transform: translateY(0px);
            -webkit-transform: translateY(0px);
            transform: translateY(0px); }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .degressivePriceList .linkShowTooltip:hover .tooltipContent,
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .degressivePriceList .linkShowTooltip:hover .tooltip {
            opacity: 1;
            -moz-transform: translateY(0px);
            -o-transform: translateY(0px);
            -ms-transform: translateY(0px);
            -webkit-transform: translateY(0px);
            transform: translateY(0px); }
          .touchevents .linkShowTooltip:hover .tooltipContent,
          .touchevents .linkShowTooltip:hover .tooltip {
            opacity: unset;
            transform: unset; }
          .touchevents .tooltip.ui--info:hover .tooltipContent {
            opacity: unset;
            transform: unset; }
          .touchevents .tooltip .ui--close {
            display: block; }
          .touchevents .tooltip [type="radio"].tooltipInput:not(:checked) ~ .tooltipContent {
            -moz-transform: translateY(10px);
            -o-transform: translateY(10px);
            -ms-transform: translateY(10px);
            -webkit-transform: translateY(10px);
            transform: translateY(10px);
            opacity: 0; }
          .touchevents .tooltip [type="radio"].tooltipInput:checked ~ .tooltipContent {
            opacity: 1;
            -moz-transform: translateY(0px);
            -o-transform: translateY(0px);
            -ms-transform: translateY(0px);
            -webkit-transform: translateY(0px);
            transform: translateY(0px); }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .degressivePriceList .tooltip {
            bottom: 2rem;
            right: -1rem; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .degressivePriceList .tooltip:before {
            left: 13rem; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .degressivePriceList div.oldPriceBlock {
            display: table; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .degressivePriceList span.oldPrice {
            display: table-cell;
            vertical-align: top;
            line-height: 2.2rem; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .degressivePriceList ul.oldPriceBlock {
            width: auto; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .degressivePriceList .lineThrough {
            text-decoration: line-through; }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .degressivePriceList {
          position: absolute;
          bottom: 110%;
          right: 0;
          min-width: 11rem;
          border: 1px solid #9b9b9b;
          padding: .5rem;
          background: #ffffff;
          z-index: 2; }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemInfoQuantityDisocunt {
          font-size: 12px;
          line-height: 1.6rem;
          font-family: "Roboto";
          font-weight: 300;
          line-height: .8rem;
          margin: 1rem auto;
          display: block;
          text-align: center; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemInfoQuantityDisocunt .degressivePriceList,
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemInfoQuantityDisocunt .input--degressivePriceList {
            display: none; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemInfoQuantityDisocunt .ui--info:hover .degressivePriceList {
            display: table; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemInfoQuantityDisocunt .promo {
            color: #ff0066; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemInfoQuantityDisocunt .ui--info {
            position: relative;
            display: inline-block;
            vertical-align: middle;
            color: #000000; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemInfoQuantityDisocunt .ui--info:after {
            font-family: 'bruneauAdaptiveIcons';
            font-size: 2rem;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\e90d";
            width: 1rem;
            font-size: 1.2rem;
            line-height: 1rem;
            vertical-align: middle; }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem input.tooltip,
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem input.tooltipInput,
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem label.tooltip {
          display: none; }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .linkShowTooltip {
          position: relative;
          cursor: pointer; }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .tooltip {
          position: absolute;
          top: unset;
          bottom: unset;
          left: unset;
          right: unset; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .tooltip input {
            display: none; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .tooltip .tooltipContent {
            position: relative;
            bottom: unset;
            top: unset;
            background: #ffcc00;
            padding: 1rem;
            z-index: 3;
            color: #000000 !important;
            text-align: left;
            font-size: 12px;
            line-height: 1.6rem;
            font-family: "Roboto";
            font-weight: 400;
            line-height: normal;
            width: 15rem;
            -moz-transform: translateY(10px);
            -o-transform: translateY(10px);
            -ms-transform: translateY(10px);
            -webkit-transform: translateY(10px);
            transform: translateY(10px);
            opacity: 0; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .tooltip .tooltipContent:before {
              width: .8rem;
              height: .8rem;
              background: #ffcc00;
              transform: rotate(135deg);
              content: "";
              position: absolute;
              left: unset;
              right: unset;
              bottom: -0.4rem;
              top: unset; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .tooltip .tooltipContent .ui--close {
              display: block;
              position: absolute;
              top: .3rem;
              right: .5rem; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .tooltip .tooltipContent .ui--close:before {
                font-family: 'bruneauAdaptiveIcons';
                font-size: 2rem;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: "\e913";
                font-size: 1rem; }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .tooltip.ui--info {
          position: relative;
          right: unset;
          bottom: unset;
          left: unset;
          display: inline-block; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .tooltip.ui--info .tooltipContent {
            position: absolute;
            bottom: 25px;
            left: -10px;
            -moz-transform: translateY(10px);
            -o-transform: translateY(10px);
            -ms-transform: translateY(10px);
            -webkit-transform: translateY(10px);
            transform: translateY(10px);
            transition: all .2s ease-in-out;
            opacity: 0; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .tooltip.ui--info:before {
            font-family: 'bruneauAdaptiveIcons';
            font-size: 2rem;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\e90d";
            font-size: 1.3rem;
            line-height: normal;
            vertical-align: middle; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .tooltip.ui--info .ui--close {
            display: none; }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .tooltip.ui--info:hover .tooltipContent {
          opacity: 1;
          -moz-transform: translateY(0px);
          -o-transform: translateY(0px);
          -ms-transform: translateY(0px);
          -webkit-transform: translateY(0px);
          transform: translateY(0px); }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .linkShowTooltip:hover .tooltipContent,
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .linkShowTooltip:hover .tooltip {
          opacity: 1;
          -moz-transform: translateY(0px);
          -o-transform: translateY(0px);
          -ms-transform: translateY(0px);
          -webkit-transform: translateY(0px);
          transform: translateY(0px); }
        .touchevents .linkShowTooltip:hover .tooltipContent,
        .touchevents .linkShowTooltip:hover .tooltip {
          opacity: unset;
          transform: unset; }
        .touchevents .tooltip.ui--info:hover .tooltipContent {
          opacity: unset;
          transform: unset; }
        .touchevents .tooltip .ui--close {
          display: block; }
        .touchevents .tooltip [type="radio"].tooltipInput:not(:checked) ~ .tooltipContent {
          -moz-transform: translateY(10px);
          -o-transform: translateY(10px);
          -ms-transform: translateY(10px);
          -webkit-transform: translateY(10px);
          transform: translateY(10px);
          opacity: 0; }
        .touchevents .tooltip [type="radio"].tooltipInput:checked ~ .tooltipContent {
          opacity: 1;
          -moz-transform: translateY(0px);
          -o-transform: translateY(0px);
          -ms-transform: translateY(0px);
          -webkit-transform: translateY(0px);
          transform: translateY(0px); }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .tooltip {
          display: none; }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ui--info:hover .tooltip {
          display: block;
          right: -4rem;
          bottom: 120%; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ui--info:hover .tooltip .tooltipContent:before {
            right: 3.8rem; }
        @media (min-width: 1020px) {
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem.hideOnHd {
            display: none; } }
        @media (max-width: 1020.1px) {
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem.hideOnNormal {
            display: none; } }
        @media (max-width: 768.1px) {
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem.hideOnSmall {
            display: none; } }
        @media (max-width: 480.1px) {
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem.hideOnPhone {
            display: none; } }
      header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--minimal .ArticleGridItemInfo__title,
      header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--minimal .buttons--ArticleGridItemInfo,
      header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--minimal .ArticleGridItemInfo__rating {
        display: none;
        height: 0; }
      header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--minimal .buttons--ArticleGridItemInfo {
        display: none;
        margin-top: 0; }
      header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--minimal:hover .currentPrice,
      header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--minimal:hover .tax,
      header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--minimal:hover .oldPrice {
        visibility: hidden; }
      header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--horizontal .articleAddedToCart {
        grid-column: 1 / span 2;
        top: 32%;
        left: -1rem;
        padding: 1rem; }
      header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--horizontal .ArticleGridItemInfo {
        text-align: left; }
      header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--horizontal--large {
        grid-column: span 9;
        display: inline-block;
        display: grid;
        grid-template-columns: repeat(9, 1fr);
        grid-gap: 21.6px; }
        @media (max-width: 1020.1px) {
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--horizontal--large {
            grid-template-columns: repeat(9, 1fr);
            grid-gap: 16.32px; } }
        @media (max-width: 768.1px) {
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--horizontal--large {
            grid-template-columns: repeat(8, 1fr);
            grid-gap: 11.52px; } }
        @media (max-width: 480.1px) {
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--horizontal--large {
            grid-template-columns: repeat(4, 1fr);
            grid-gap: 7.2px; } }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--horizontal--large .ArticleGridItemImage {
          grid-column: 1 / span 3; }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--horizontal--large .ArticleGridItemInfo {
          grid-column: 4 / span 6; }
      header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--horizontal--regular {
        grid-column: span 6;
        display: inline-block;
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        grid-gap: 21.6px; }
        @media (max-width: 1020.1px) {
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--horizontal--regular {
            grid-template-columns: repeat(6, 1fr);
            grid-gap: 16.32px; } }
        @media (max-width: 768.1px) {
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--horizontal--regular {
            grid-template-columns: repeat(4, 1fr);
            grid-gap: 11.52px; } }
        @media (max-width: 480.1px) {
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--horizontal--regular {
            grid-template-columns: repeat(4, 1fr);
            grid-gap: 7.2px; } }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--horizontal--regular .ArticleGridItemImage {
          grid-column: 1 / span 2; }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--horizontal--regular .ArticleGridItemInfo {
          grid-column: 3 / span 4; }
      header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem.horizontal--small {
        grid-column: span 4;
        display: inline-block;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 21.6px; }
        @media (max-width: 1020.1px) {
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem.horizontal--small {
            grid-template-columns: repeat(4, 1fr);
            grid-gap: 16.32px; } }
        @media (max-width: 768.1px) {
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem.horizontal--small {
            grid-template-columns: repeat(4, 1fr);
            grid-gap: 11.52px; } }
        @media (max-width: 480.1px) {
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem.horizontal--small {
            grid-template-columns: repeat(4, 1fr);
            grid-gap: 7.2px; } }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem.horizontal--small .ArticleGridItemImage {
          grid-column: 1 / span 2; }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem.horizontal--small .ArticleGridItemInfo {
          grid-column: 3 / span 2; }
      header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--minimal:hover .ArticleGridItemInfo__price .buttons--ArticleGridItemInfo {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        z-index: 2;
        height: auto;
        top: 0rem; }
      header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem.updateCart:hover .buttons--ArticleGridItemInfo .button--updateCart {
        display: block; }
      header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--club,
      header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--points {
        min-height: 22rem;
        border-color: transparent;
        overflow: visible; }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--club .ArticleGridItemInfo,
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--points .ArticleGridItemInfo {
          padding: 0rem 1rem;
          position: absolute;
          bottom: 0;
          width: 100%; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--club .ArticleGridItemInfo__info,
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--points .ArticleGridItemInfo__info {
            height: auto;
            opacity: 1; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--club .ArticleGridItemInfo__title,
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--points .ArticleGridItemInfo__title {
            font-size: 15px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 300;
            margin-bottom: 0;
            /* styles for $content */
            overflow: hidden;
            position: relative;
            line-height: 1.2rem;
            max-height: calc(3 * 1.2rem);
            margin-right: -1rem;
            padding-right: 1rem;
            /* create the ... */
            /* hide ... if we have text, which is less than or equal to max lines */ }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--club .ArticleGridItemInfo__title:before,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--points .ArticleGridItemInfo__title:before {
              content: "";
              position: absolute;
              right: 0;
              bottom: 0; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--club .ArticleGridItemInfo__title:after,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--points .ArticleGridItemInfo__title:after {
              content: '';
              position: absolute;
              right: 0;
              width: 1rem;
              height: 1rem;
              margin-top: 0.2rem;
              background: inherit; }
            @media (max-width: 768.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--club .ArticleGridItemInfo__title,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--points .ArticleGridItemInfo__title {
                font-size: 13px;
                line-height: 1.3rem;
                font-family: "Roboto";
                font-weight: 300; } }
            @media (max-width: 480.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--club .ArticleGridItemInfo__title,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--points .ArticleGridItemInfo__title {
                font-size: 15px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 300; } }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--club .ArticleGridItemInfo__brand,
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--points .ArticleGridItemInfo__brand {
            font-size: 12px;
            line-height: 1.6rem;
            font-family: "Roboto";
            font-weight: 400;
            line-height: 1.5rem;
            text-transform: uppercase; }
            @media (max-width: 768.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--club .ArticleGridItemInfo__brand,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--points .ArticleGridItemInfo__brand {
                font-size: 13px;
                line-height: 1.3rem;
                font-family: "Roboto";
                font-weight: 400; } }
            @media (max-width: 480.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--club .ArticleGridItemInfo__brand,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--points .ArticleGridItemInfo__brand {
                font-size: 15px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 400; } }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--club .ArticleGridItemInfo__points,
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--points .ArticleGridItemInfo__points {
            font-size: 18px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 500;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            margin-top: 1rem; }
            @media (max-width: 768.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--club .ArticleGridItemInfo__points,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--points .ArticleGridItemInfo__points {
                font-size: 15px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 500;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale; } }
            @media (max-width: 480.1px) {
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--club .ArticleGridItemInfo__points,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--points .ArticleGridItemInfo__points {
                font-size: 18px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 500;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale; } }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--club .ArticleGridItemInfo__points .crossed,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--points .ArticleGridItemInfo__points .crossed {
              text-decoration: line-through;
              margin-right: 0.5rem; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--club .ArticleGridItemInfo__points .promo,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--points .ArticleGridItemInfo__points .promo {
              color: #ff0066; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--club .ArticleGridItemInfo__more,
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--points .ArticleGridItemInfo__more {
            height: 0;
            opacity: 0;
            margin-bottom: 1rem; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--club .ArticleGridItemInfo__more button.club-more,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--points .ArticleGridItemInfo__more button.club-more {
              font-size: 21px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 700;
              text-align: center;
              padding: 0 1rem;
              line-height: 3rem;
              width: 100%;
              vertical-align: middle;
              border-radius: 0.3rem;
              height: 4rem;
              background: #333333;
              color: #ffffff;
              display: inline-block;
              font-size: 15px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 500;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              height: 2rem;
              line-height: 2rem;
              background-color: #e42313; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--club .ArticleGridItemInfo__more button.club-more:hover,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--points .ArticleGridItemInfo__more button.club-more:hover {
                background: #000000; }
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--club .ArticleGridItemInfo__more button.club-more:active,
              header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--points .ArticleGridItemInfo__more button.club-more:active {
                background: #333333; }
              @media (max-width: 1350.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--club .ArticleGridItemInfo__more button.club-more,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--points .ArticleGridItemInfo__more button.club-more {
                  height: 3rem;
                  line-height: 3rem; } }
              @media (max-width: 768.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--club .ArticleGridItemInfo__more button.club-more,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--points .ArticleGridItemInfo__more button.club-more {
                  font-size: 15px;
                  line-height: 1.2rem;
                  font-family: "Roboto";
                  font-weight: 500;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                  height: 2rem;
                  line-height: 2rem; } }
              @media (max-width: 1350.1px) {
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--club .ArticleGridItemInfo__more button.club-more,
                header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--points .ArticleGridItemInfo__more button.club-more {
                  height: 2rem;
                  line-height: 2rem; } }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--club .ArticleGridItemInfo .AddToFavorites,
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--points .ArticleGridItemInfo .AddToFavorites {
            font-size: 15px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 400;
            width: 100%;
            display: block;
            margin-top: 1rem; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--club .ArticleGridItemInfo .AddToFavorites:before,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--points .ArticleGridItemInfo .AddToFavorites:before {
              font-size: 1rem; }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--club .points-range,
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--points .points-range {
          position: absolute;
          bottom: 1rem;
          right: 0.6rem;
          z-index: 2; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--club .points-range .tooltip,
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--points .points-range .tooltip {
            font-size: 12px;
            line-height: 1.6rem;
            font-family: "Roboto";
            font-weight: 300;
            line-height: 1;
            background: #ffcc00;
            bottom: 100%;
            color: #000000;
            display: block;
            margin-bottom: 15px;
            opacity: 0;
            padding: 15px 20px;
            pointer-events: none;
            position: absolute;
            min-width: 100px;
            max-width: 300px;
            -moz-transform: translateY(10px);
            -o-transform: translateY(10px);
            -ms-transform: translateY(10px);
            -webkit-transform: translateY(10px);
            transform: translateY(10px);
            -webkit-transition: all 0.25s ease-out;
            -moz-transition: all 0.25s ease-out;
            -ms-transition: all 0.25s ease-out;
            -o-transition: all 0.25s ease-out;
            transition: all 0.25s ease-out; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--club .points-range .tooltip strong,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--points .points-range .tooltip strong {
              font-size: 12px;
              line-height: 1.6rem;
              font-family: "Roboto";
              font-weight: 500; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--club .points-range .tooltip:before,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--points .points-range .tooltip:before {
              width: .8rem;
              height: .8rem;
              background: #ffcc00;
              transform: rotate(135deg);
              content: "";
              position: absolute;
              left: 1.3rem;
              right: unset;
              bottom: -0.4rem;
              top: unset; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--club .points-range:hover .tooltip, header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--club .points-range:active .tooltip,
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--points .points-range:hover .tooltip,
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--points .points-range:active .tooltip {
            opacity: 1;
            pointer-events: auto;
            -moz-transform: translateY(0px);
            -o-transform: translateY(0px);
            -ms-transform: translateY(0px);
            -webkit-transform: translateY(0px);
            transform: translateY(0px); }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--club .points-range:before,
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--points .points-range:before {
            font-family: 'bruneauAdaptiveIcons';
            font-size: 2rem;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\e966";
            font-size: 1rem; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--club .points-range--available:before,
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--points .points-range--available:before {
            color: #739900; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--club .points-range--unavailable:before,
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--points .points-range--unavailable:before {
            color: #e42313; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--club .points-range .tooltip,
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--points .points-range .tooltip {
            right: -.4rem;
            top: 2rem;
            width: 10rem;
            height: 3.3rem; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--club .points-range .tooltip:before,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--points .points-range .tooltip:before {
              top: -.4rem;
              left: 87%; }
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--club .points-range .tooltip--large,
            header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--points .points-range .tooltip--large {
              height: 5rem; }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--club:hover,
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--points:hover {
          border: 1px dashed #e42313; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--club:hover .ArticleGridItemInfo .ArticleGridItemInfo__more,
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--points:hover .ArticleGridItemInfo .ArticleGridItemInfo__more {
            height: auto;
            opacity: 1;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease; }
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--club:hover .ArticleGridItemInfo .ArticleGridItemInfo__info,
          header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem--points:hover .ArticleGridItemInfo .ArticleGridItemInfo__info {
            height: 0;
            opacity: 0; }
      .no-cssgrid .ArticleGridItem {
        display: inline-block;
        width: 23%;
        margin-right: 0.5rem;
        margin-bottom: .5rem;
        min-height: 27rem; }
      header .HeaderMegamenu .HeaderMegamenuCategoryCertona:hover {
        border: 1px dashed #e42313;
        cursor: pointer; }
      header .HeaderMegamenu .HeaderMegamenuCategoryCertona .HeaderMegamenuCategoryCertonaLink:hover {
        cursor: pointer; }
      header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem {
        border-radius: 0;
        border: none; }
        header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem:hover {
          border-radius: 0;
          border: none;
          cursor: pointer; }
      header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemInfo__title {
        text-transform: none; }
      header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .discountLabel {
        width: auto;
        height: auto;
        padding: 0.2rem .5rem; }
      header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemInfo__price .oldPrice {
        text-decoration: line-through;
        display: inline-block;
        font-size: 15px;
        line-height: 1.2rem;
        font-family: "Roboto";
        font-weight: 400; }
      header .HeaderMegamenu .HeaderMegamenuCategoryCertona .ArticleGridItem .ArticleGridItemInfo__price .promo {
        display: inline-block; }
    header .HeaderMegamenu .HeaderMegamenuCategoryMarketingBlockRight {
      margin-bottom: 1rem;
      border: 1px dashed #9b9b9b;
      display: block;
      margin-top: 1rem;
      margin-right: 1rem; }
      header .HeaderMegamenu .HeaderMegamenuCategoryMarketingBlockRight h2 {
        font-size: 21px;
        line-height: 1.2rem;
        font-family: "Roboto";
        font-weight: 500;
        line-height: 1.4rem;
        text-align: left;
        text-transform: none;
        padding: 1rem 1rem 0 1rem; }
      header .HeaderMegamenu .HeaderMegamenuCategoryMarketingBlockRight h3 {
        font-size: 15px;
        line-height: 1.2rem;
        font-family: "Roboto";
        font-weight: 400;
        line-height: 1.3rem;
        text-align: left;
        text-transform: upperase;
        padding: .3rem 1rem 1rem 1rem; }
      header .HeaderMegamenu .HeaderMegamenuCategoryMarketingBlockRight .formButton--next {
        background: #333333;
        color: #ffffff;
        height: 2rem;
        line-height: 2rem;
        vertical-align: middle;
        position: relative;
        display: inline-block;
        width: calc(100% - 2rem);
        text-align: center;
        margin-top: 1rem;
        margin-bottom: 1rem;
        border-radius: 0.3rem; }
        header .HeaderMegamenu .HeaderMegamenuCategoryMarketingBlockRight .formButton--next input {
          width: auto;
          display: inline-block;
          vertical-align: top;
          padding-right: 1rem;
          font-size: 15px;
          line-height: 1.2rem;
          font-family: "Roboto";
          font-weight: 400;
          line-height: 2rem;
          height: 2rem;
          text-align: center;
          background: transparent;
          border: none;
          cursor: pointer;
          color: #ffffff; }
          header .HeaderMegamenu .HeaderMegamenuCategoryMarketingBlockRight .formButton--next input:hover {
            background: transparent;
            color: #ffffff;
            display: inline-block; }
        header .HeaderMegamenu .HeaderMegamenuCategoryMarketingBlockRight .formButton--next:after {
          font-family: 'bruneauAdaptiveIcons';
          font-size: 2rem;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "\e968";
          line-height: normal;
          font-size: 1.2rem;
          vertical-align: middle;
          right: .1rem;
          line-height: normal;
          position: absolute;
          top: .35rem; }
        header .HeaderMegamenu .HeaderMegamenuCategoryMarketingBlockRight .formButton--next:hover {
          background: #000000;
          color: #ffffff;
          display: inline-block;
          cursor: pointer; }
      header .HeaderMegamenu .HeaderMegamenuCategoryMarketingBlockRight:hover {
        border: 1px dashed #e42313;
        cursor: pointer; }
    header .HeaderMegamenu .HeaderMegamenuCategoryMarketingBlockBuyersGuide {
      text-align: left;
      padding: 1rem 1rem 0.5rem 1rem;
      background: #f2f2f2;
      margin-top: 1rem; }
      header .HeaderMegamenu .HeaderMegamenuCategoryMarketingBlockBuyersGuide .buyersguide__title {
        font-size: 15px;
        line-height: 1.2rem;
        font-family: "Roboto";
        font-weight: 500;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        line-height: 1.2;
        color: #000000;
        margin-top: 0.5rem;
        padding-bottom: .5rem;
        text-transform: uppercase; }
      header .HeaderMegamenu .HeaderMegamenuCategoryMarketingBlockBuyersGuide .buyersguide__list {
        font-size: 15px;
        line-height: 1.2rem;
        font-family: "Roboto";
        font-weight: 300;
        display: block;
        margin-bottom: 2rem;
        text-transform: none;
        list-style-type: disc; }
        header .HeaderMegamenu .HeaderMegamenuCategoryMarketingBlockBuyersGuide .buyersguide__list li {
          margin: 0 0 0.3rem 1rem;
          list-style-type: disc; }
        header .HeaderMegamenu .HeaderMegamenuCategoryMarketingBlockBuyersGuide .buyersguide__list a:hover {
          color: #e42313; }
    @media (max-width: 768.1px) {
      header .HeaderMegamenu {
        position: fixed;
        transform: translateX(-100%);
        top: 0;
        left: 0;
        right: 0;
        background: #ffffff;
        z-index: 2;
        display: block; } }
    header .HeaderMegamenu:after {
      content: "";
      display: block;
      letter-spacing: 3rem;
      height: 0.3rem; }
    header .HeaderMegamenu.open {
      transform: translateY(0);
      visibility: visible;
      opacity: 1;
      height: auto;
      max-height: 100rem;
      transition-delay: 0s, 0s, .25s; }
      @media (max-width: 768.1px) {
        header .HeaderMegamenu.open {
          transform: unset;
          visibility: hidden;
          opacity: 0;
          height: unset;
          max-height: unset;
          transition-delay: unset;
          top: 0; } }
    header .HeaderMegamenu .HeaderMegamenuGrid {
      max-width: 90rem;
      margin: 0 auto;
      background: #ffffff;
      max-width: 90rem;
      margin: 0 auto;
      display: inline-block;
      display: grid;
      grid-template-columns: repeat(15, 1fr);
      grid-gap: 21.6px; }
      @media (max-width: 1020.1px) {
        header .HeaderMegamenu .HeaderMegamenuGrid {
          display: inline-block;
          display: grid;
          grid-template-columns: repeat(12, 1fr);
          grid-gap: 21.6px; } }
      @media (max-width: 768.1px) {
        header .HeaderMegamenu .HeaderMegamenuGrid {
          display: inline-block;
          display: grid;
          grid-template-columns: repeat(8, 1fr);
          grid-gap: 11.52px; } }
      @media (max-width: 480.1px) {
        header .HeaderMegamenu .HeaderMegamenuGrid {
          display: inline-block;
          display: grid;
          grid-template-columns: repeat(4, 1fr);
          grid-gap: 7.2px; } }
      @media (max-width: 768.1px) {
        header .HeaderMegamenu .HeaderMegamenuGrid {
          display: block; } }
      header .HeaderMegamenu .HeaderMegamenuGrid .input-level1 {
        display: none; }
      header .HeaderMegamenu .HeaderMegamenuGrid__left {
        grid-column: 1 / span 3; }
        @media (max-width: 1020.1px) {
          header .HeaderMegamenu .HeaderMegamenuGrid__left {
            display: none; } }
      header .HeaderMegamenu .HeaderMegamenuGrid__middle {
        padding: 0 1rem;
        grid-column: 4 / span 9; }
        @media (max-width: 1020.1px) {
          header .HeaderMegamenu .HeaderMegamenuGrid__middle {
            grid-column: 1 / span 12; } }
        @media (max-width: 768.1px) {
          header .HeaderMegamenu .HeaderMegamenuGrid__middle {
            padding: 0;
            display: block; } }
        header .HeaderMegamenu .HeaderMegamenuGrid__middle .level1-list {
          column-count: 4;
          column-gap: 2rem; }
          @media (max-width: 768.1px) {
            header .HeaderMegamenu .HeaderMegamenuGrid__middle .level1-list {
              column-count: 1;
              column-gap: 0;
              padding: 0; } }
          header .HeaderMegamenu .HeaderMegamenuGrid__middle .level1-list__item {
            -webkit-column-break-inside: avoid;
            page-break-inside: avoid;
            break-inside: avoid;
            text-align: left;
            line-height: normal;
            display: block; }
            @media (max-width: 768.1px) {
              header .HeaderMegamenu .HeaderMegamenuGrid__middle .level1-list__item {
                text-align: left;
                width: 100%;
                display: block;
                text-transform: none;
                background: #ffffff;
                border-bottom: 1px solid #9b9b9b;
                padding: 0;
                height: auto;
                line-height: normal;
                position: relative; } }
            header .HeaderMegamenu .HeaderMegamenuGrid__middle .level1-list__item__link {
              font-size: 14px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 500;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              line-height: normal;
              text-transform: uppercase;
              color: #000000;
              display: inline-block;
              text-align: left;
              padding-bottom: 0.2rem;
              width: 100%;
              height: auto;
              margin-top: .8rem; }
              header .HeaderMegamenu .HeaderMegamenuGrid__middle .level1-list__item__link:hover {
                color: #e42313; }
              @media (max-width: 768.1px) {
                header .HeaderMegamenu .HeaderMegamenuGrid__middle .level1-list__item__link {
                  font-size: 15px;
                  line-height: 1.2rem;
                  font-family: "Roboto";
                  font-weight: 400;
                  margin-top: 0rem;
                  padding: .5rem 1rem;
                  height: auto;
                  line-height: normal;
                  text-transform: none; }
                  header .HeaderMegamenu .HeaderMegamenuGrid__middle .level1-list__item__link .split {
                    display: nne; } }
              header .HeaderMegamenu .HeaderMegamenuGrid__middle .level1-list__item__link:hover a {
                color: #e42313; }
              header .HeaderMegamenu .HeaderMegamenuGrid__middle .level1-list__item__link:before {
                display: none; }
                @media (max-width: 768.1px) {
                  header .HeaderMegamenu .HeaderMegamenuGrid__middle .level1-list__item__link:before {
                    font-family: 'bruneauAdaptiveIcons';
                    font-size: 2rem;
                    speak: none;
                    font-style: normal;
                    font-weight: normal;
                    font-variant: normal;
                    text-transform: none;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    content: "\e946";
                    display: inline-block;
                    font-size: 1rem;
                    right: 1rem;
                    top: 0.9rem;
                    position: absolute;
                    z-index: 3; } }
            header .HeaderMegamenu .HeaderMegamenuGrid__middle .level1-list__item .level2-list {
              font-size: 14px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 300;
              line-height: .9rem;
              text-transform: none; }
              @media (max-width: 768.1px) {
                header .HeaderMegamenu .HeaderMegamenuGrid__middle .level1-list__item .level2-list {
                  display: none; } }
              header .HeaderMegamenu .HeaderMegamenuGrid__middle .level1-list__item .level2-list__item {
                margin-bottom: .5rem; }
                header .HeaderMegamenu .HeaderMegamenuGrid__middle .level1-list__item .level2-list__item a:hover {
                  color: #e42313; }
      header .HeaderMegamenu .HeaderMegamenuGrid__middle.ink .level1-list {
        column-count: 3; }
      header .HeaderMegamenu .HeaderMegamenuGrid__right {
        grid-column: 13 / span 3; }
        @media (max-width: 1020.1px) {
          header .HeaderMegamenu .HeaderMegamenuGrid__right {
            display: none; } }
  .topnavigation-list__item__label__input:checked ~ .HeaderMegamenu {
    visibility: visible;
    opacity: 1;
    max-height: 100rem;
    transition-delay: 0s, 0s, 0.25s;
    display: block;
    transition: .25s;
    opacity: 1;
    height: 100%;
    transform: translateY(0%);
    overflow: visible; }
  .no-js .topnavigation-list__item:hover .HeaderMegamenu {
    width: 100%;
    max-width: 70rem;
    visibility: visible;
    opacity: 1;
    transform: translateY(0%);
    left: 0;
    height: auto;
    max-height: 100rem; }
  body.megadropdown-open .backdrop {
    display: block; }
  @supports not (display: grid) {
    header {
      width: 90rem;
      left: 0;
      right: 0; }
      header .HeaderMegamenuGrid {
        transition: none;
        display: block; }
        header .HeaderMegamenuGrid__middle {
          display: inline-block;
          width: 58%;
          margin: 0 auto;
          padding: 0;
          text-align: left;
          vertical-align: top; }
        header .HeaderMegamenuGrid__left {
          display: inline-block;
          width: 15%;
          vertical-align: top;
          text-align: center; }
        header .HeaderMegamenuGrid__right {
          display: inline-block;
          margin: 0 auto;
          width: 15%;
          vertical-align: top;
          text-align: center; } }
  header _:-ms-input-placeholder,
  header :root .HeaderMegamenu {
    width: 90rem;
    left: 0;
    right: 0; }
    header _:-ms-input-placeholder .HeaderMegamenuGrid,
    header :root .HeaderMegamenu .HeaderMegamenuGrid {
      transition: none;
      display: block; }
      header _:-ms-input-placeholder .HeaderMegamenuGrid__middle,
      header :root .HeaderMegamenu .HeaderMegamenuGrid__middle {
        display: inline-block;
        width: 58%;
        margin: 0 auto;
        padding: 0;
        text-align: left;
        vertical-align: top; }
      header _:-ms-input-placeholder .HeaderMegamenuGrid__left,
      header :root .HeaderMegamenu .HeaderMegamenuGrid__left {
        display: inline-block;
        width: 15%;
        vertical-align: top;
        text-align: center; }
      header _:-ms-input-placeholder .HeaderMegamenuGrid__right,
      header :root .HeaderMegamenu .HeaderMegamenuGrid__right {
        display: inline-block;
        margin: 0 auto;
        width: 15%;
        vertical-align: top;
        text-align: center; }
  .ie .HeaderMegamenu {
    width: 90rem;
    left: 0;
    right: 0; }
    .ie .HeaderMegamenu .HeaderMegamenuGrid {
      transition: none;
      display: block; }
      .ie .HeaderMegamenu .HeaderMegamenuGrid__middle {
        display: inline-block;
        width: 58%;
        margin: 0 auto;
        padding: 0;
        text-align: left;
        vertical-align: top; }
      .ie .HeaderMegamenu .HeaderMegamenuGrid__left {
        display: inline-block;
        width: 15%;
        vertical-align: top;
        text-align: center; }
      .ie .HeaderMegamenu .HeaderMegamenuGrid__right {
        display: inline-block;
        margin: 0 auto;
        width: 15%;
        vertical-align: top;
        text-align: center; }
  .no-cssgrid .HeaderMegamenu {
    width: 90rem;
    left: 0;
    right: 0; }
    .no-cssgrid .HeaderMegamenu .HeaderMegamenuGrid {
      transition: none;
      display: block; }
      .no-cssgrid .HeaderMegamenu .HeaderMegamenuGrid__middle {
        display: inline-block;
        width: 58%;
        margin: 0 auto;
        padding: 0;
        text-align: left;
        vertical-align: top; }
      .no-cssgrid .HeaderMegamenu .HeaderMegamenuGrid__left {
        display: inline-block;
        width: 15%;
        vertical-align: top;
        text-align: center; }
      .no-cssgrid .HeaderMegamenu .HeaderMegamenuGrid__right {
        display: inline-block;
        margin: 0 auto;
        width: 15%;
        vertical-align: top;
        text-align: center; }
  .lt-ie9 .HeaderMegamenu {
    width: 90rem;
    left: 0;
    right: 0; }
    .lt-ie9 .HeaderMegamenu .HeaderMegamenuGrid {
      transition: none;
      display: block; }
      .lt-ie9 .HeaderMegamenu .HeaderMegamenuGrid__middle {
        display: inline-block;
        width: 58%;
        margin: 0 auto;
        padding: 0;
        text-align: left;
        vertical-align: top; }
      .lt-ie9 .HeaderMegamenu .HeaderMegamenuGrid__left {
        display: inline-block;
        width: 15%;
        vertical-align: top;
        text-align: center; }
      .lt-ie9 .HeaderMegamenu .HeaderMegamenuGrid__right {
        display: inline-block;
        margin: 0 auto;
        width: 15%;
        vertical-align: top;
        text-align: center; }
  @media (max-width: 768.1px) {
    header .header {
      position: relative; } }
  header .headerGrid {
    max-width: 90rem;
    margin: 0 auto;
    display: inline-block;
    display: grid;
    /*
		Chapter: Header Search Bar
		---
		This the header serach bar and the category dropdown
*/
    /* clear button */
    /* no js */
    /* Selector Hacks IE 10+  */
    /* Selector Hacks IE !,9,10 */
    /*
		Chapter: Quick popOver
		---
		This the quick order popOver
*/
    /*
    Chapter: HeaderCartPopOver Grid
*/
    /*
	Chapter: popOverSpeechbubble
	---
	header popOverSpeechbubbles
*/
    /* easy hover */
    /* not support pointer media queries */
    /* difficult to hover or hover on long tab */
    /* no hover */
    /* Selector Hacks IE 10+ */
    /**
    * Story: LoginRegister
*/
    /**
    * Story: LoginRegisterDialog
*/
    /*
	Chapter: popOverSpeechbubble
	---
	header popOverSpeechbubbles
*/
    /* easy hover */
    /* not support pointer media queries */
    /* difficult to hover or hover on long tab */
    /* no hover */
    /* Selector Hacks IE 10+ */
    /**
    * Story: AccountListPopOver
    Logged in user popOver
*/
    grid-template-areas: "logo search quickorder account cart";
    grid-template-columns: 10% 60% 8% 11% 11%; }
    header .headerGrid .headerLogo {
      grid-area: logo;
      vertical-align: middle; }
      header .headerGrid .headerLogo .logo--baseline,
      header .headerGrid .headerLogo .logo--club {
        max-height: 3rem;
        vertical-align: middle;
        padding-right: .5rem;
        width: auto;
        display: block; }
        @media (max-width: 768.1px) {
          header .headerGrid .headerLogo .logo--baseline,
          header .headerGrid .headerLogo .logo--club {
            display: none; } }
      header .headerGrid .headerLogo .logo--mono {
        display: none; }
      header .headerGrid .headerLogo .logo--small,
      header .headerGrid .headerLogo .logo--club--small {
        display: none; }
        @media (max-width: 768.1px) {
          header .headerGrid .headerLogo .logo--small,
          header .headerGrid .headerLogo .logo--club--small {
            display: block;
            width: 3rem;
            line-height: 3rem;
            margin: 0 auto;
            text-align: center;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -ms-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease; } }
        @media (max-width: 480.1px) {
          header .headerGrid .headerLogo .logo--small,
          header .headerGrid .headerLogo .logo--club--small {
            width: 2.5rem;
            line-height: 2.5rem; } }
    header .headerGrid .HeaderSearch {
      /*
		Chapter: Header Searchlist
		---
		Suggestions given when you start to type in the search input field
*/
      border: 1px solid #9b9b9b;
      height: 3rem;
      margin-bottom: 1rem;
      grid-area: search;
      display: inline-block;
      display: grid;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
      grid-template-areas: "search-category search-input button--search";
      grid-template-columns: 17rem auto 3rem; }
      header .headerGrid .HeaderSearch .HeaderSearchList {
        position: absolute;
        left: 0;
        top: 2.8rem;
        background: #ffffff;
        border-right: 1px solid #9b9b9b;
        border-left: 1px solid #9b9b9b;
        border-top: 1px dashed #9b9b9b;
        margin-top: 1px;
        width: 100%; }
        header .headerGrid .HeaderSearch .HeaderSearchList li.searchResultListItem {
          height: 2rem;
          line-height: 2rem;
          vertical-align: middle;
          background: #ffffff;
          padding-left: 1rem;
          padding-right: 1rem;
          font-family: "Roboto";
          font-weight: 500;
          border-bottom: 1px solid #9b9b9b;
          height: 3rem;
          line-height: 3; }
          header .headerGrid .HeaderSearch .HeaderSearchList li.searchResultListItem:hover {
            background: #dddddd; }
          header .headerGrid .HeaderSearch .HeaderSearchList li.searchResultListItem .searchResultListItemNormal {
            font-family: "Roboto";
            font-weight: 300; }
          header .headerGrid .HeaderSearch .HeaderSearchList li.searchResultListItem .searchResultListItemInCategory {
            color: #e42313; }
      header .headerGrid .HeaderSearch .searchResultList.hide {
        display: none; }
      header .headerGrid .HeaderSearch .searchResultList.show {
        display: block; }
      @media (max-width: 1020.1px) {
        header .headerGrid .HeaderSearch {
          display: inline-block; } }
      @media (max-width: 768.1px) {
        header .headerGrid .HeaderSearch {
          grid-row: 2;
          grid-column: 1;
          grid-column-start: 1;
          grid-column-end: 6;
          width: 90%;
          margin: .5rem auto 0;
          display: block; } }
      header .headerGrid .HeaderSearch .styledSelect.open .selectPreview:after {
        transform: rotate(-180deg); }
      header .headerGrid .HeaderSearch .styledSelect {
        grid-area: search-category;
        position: relative;
        font-size: 15px;
        line-height: 1.2rem;
        font-family: "Roboto";
        font-weight: 300;
        height: 3rem;
        line-height: 3rem;
        vertical-align: middle; }
        @media (max-width: 1020.1px) {
          header .headerGrid .HeaderSearch .styledSelect {
            display: none; } }
        header .headerGrid .HeaderSearch .styledSelect .selectPreview {
          padding-left: 1rem;
          padding-right: 1rem;
          line-height: normal;
          cursor: pointer;
          vertical-align: middle;
          width: 100%;
          display: block; }
          header .headerGrid .HeaderSearch .styledSelect .selectPreview:after {
            width: 1rem;
            display: inline-block;
            font-family: 'bruneauAdaptiveIcons';
            font-size: 2rem;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\e947";
            font-size: 1.2rem;
            margin-left: 1rem;
            transition: all 0.4s ease;
            display: inline-block;
            line-height: normal;
            vertical-align: middle; }
          header .headerGrid .HeaderSearch .styledSelect .selectPreview label {
            width: 13rem;
            display: inline-block;
            line-height: 3rem;
            height: 3rem;
            vertical-align: middle; }
        header .headerGrid .HeaderSearch .styledSelect ul.select--dropdown {
          background: #ffffff;
          font-size: 15px;
          line-height: 1.2rem;
          font-family: "Roboto";
          font-weight: 300;
          position: absolute;
          top: 3rem;
          -moz-appearance: none;
          appearance: none;
          -webkit-appearance: none;
          white-space: nowrap;
          outline: 0;
          font-size: 0.9rem;
          visibility: hidden;
          opacity: 0;
          transform: translateY(0em);
          transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; }
          @media (max-width: 768.1px) {
            header .headerGrid .HeaderSearch .styledSelect ul.select--dropdown {
              display: none;
              transform: unset;
              transition: unset;
              transition-delay: unset; } }
          header .headerGrid .HeaderSearch .styledSelect ul.select--dropdown li label {
            width: 14.9rem;
            display: inline-block;
            vertical-align: middle;
            height: 3rem;
            line-height: 3rem;
            vertical-align: middle; }
            header .headerGrid .HeaderSearch .styledSelect ul.select--dropdown li label .label {
              width: 13rem;
              display: inline-block;
              vertical-align: middle;
              line-height: normal; }
            header .headerGrid .HeaderSearch .styledSelect ul.select--dropdown li label:after {
              font-family: 'bruneauAdaptiveIcons';
              font-size: 2rem;
              speak: none;
              font-style: normal;
              font-weight: normal;
              font-variant: normal;
              text-transform: none;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              content: "\e901";
              opacity: 0;
              width: 2rem;
              font-size: 1.5rem;
              line-height: normal;
              vertical-align: middle; }
          header .headerGrid .HeaderSearch .styledSelect ul.select--dropdown li {
            display: none;
            background: #ffffff;
            padding-left: 1rem;
            padding-right: 1rem;
            border-left: 1px solid #9b9b9b;
            border-bottom: 1px solid #9b9b9b;
            border-right: 1px solid #9b9b9b;
            font-size: 15px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 300;
            line-height: normal;
            vertical-align: middle; }
            header .headerGrid .HeaderSearch .styledSelect ul.select--dropdown li.selected, header .headerGrid .HeaderSearch .styledSelect ul.select--dropdown li.focus {
              border-top: none;
              background: #dddddd; }
              header .headerGrid .HeaderSearch .styledSelect ul.select--dropdown li.selected label:after, header .headerGrid .HeaderSearch .styledSelect ul.select--dropdown li.focus label:after {
                opacity: 1; }
            header .headerGrid .HeaderSearch .styledSelect ul.select--dropdown li:hover {
              background: #dddddd;
              color: #000000; }
            header .headerGrid .HeaderSearch .styledSelect ul.select--dropdown li:hover label:after {
              opacity: 1; }
          header .headerGrid .HeaderSearch .styledSelect ul.select--dropdown input {
            display: none; }
          header .headerGrid .HeaderSearch .styledSelect ul.select--dropdown option {
            -moz-appearance: none;
            appearance: none;
            -webkit-appearance: none;
            outline: 0;
            border: none; }
        header .headerGrid .HeaderSearch .styledSelect ul.select--dropdown.open {
          visibility: visible;
          /* shows sub-menu */
          opacity: 1;
          transform: translateY(0%);
          transition-delay: 0s, 0s, 0.3s;
          /* this removes the transition delay so the menu will be visible while the other styles transition */ }
      header .headerGrid .HeaderSearch .searchArea {
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        position: relative;
        grid-area: search-input;
        height: 3rem; }
        @media (max-width: 1020.1px) {
          header .headerGrid .HeaderSearch .searchArea {
            display: inline-block;
            width: calc(100% - 3rem); } }
        header .headerGrid .HeaderSearch .searchArea .input--search {
          padding: 0 1rem;
          border-left: 1px solid #9b9b9b;
          border-top: 0;
          border-bottom: 0;
          border-right: 0;
          width: 100%;
          height: 3rem;
          box-shadow: none;
          appearance: none;
          background: transparent; }
          header .headerGrid .HeaderSearch .searchArea .input--search:hover {
            cursor: auto !important; }
          @media (max-width: 768.1px) {
            header .headerGrid .HeaderSearch .searchArea .input--search {
              border: 0;
              box-shadow: none;
              margin: 0;
              overflow: hidden; } }
        header .headerGrid .HeaderSearch .searchArea .focus {
          border: 1.2px solid	#000000; }
      header .headerGrid .HeaderSearch .button--search {
        color: #000000;
        height: 3rem;
        width: 100%;
        background: transparent;
        line-height: auto;
        vertical-align: middle;
        grid-area: button--search;
        line-height: 3rem; }
        header .headerGrid .HeaderSearch .button--search input {
          display: none; }
        header .headerGrid .HeaderSearch .button--search:before {
          font-family: 'bruneauAdaptiveIcons';
          font-size: 2rem;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "\e90e";
          font-size: 2.4rem;
          line-height: normal;
          vertical-align: middle;
          line-height: normal;
          vertical-align: middle;
          display: inline-block; }
        header .headerGrid .HeaderSearch .button--search:hover {
          color: #e42313; }
        @media (max-width: 1020.1px) {
          header .headerGrid .HeaderSearch .button--search {
            width: 3rem; } }
    header .headerGrid .searchArea .clear-button {
      display: none; }
    .touchevents .searchArea .clear-button.show {
      display: block;
      font-family: 'bruneauAdaptiveIcons';
      font-size: 2rem;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e913";
      position: absolute;
      right: 0rem;
      top: 0.5rem;
      cursor: pointer; }
    header .headerGrid .HeaderSearch.focus {
      border-color: #9b9b9b; }
    header .headerGrid .no-js .HeaderSearch select.select--dropdown {
      font-size: 15px;
      line-height: 1.2rem;
      font-family: "Roboto";
      font-weight: 300;
      color: #000000;
      width: 15rem;
      height: 2.8rem;
      border: 0px;
      padding: 0.6rem 0.5rem 0.6rem 1rem;
      background: #ffffff;
      color: #9b9b9b;
      -moz-appearance: none;
      appearance: none;
      -webkit-appearance: none;
      white-space: nowrap;
      outline: 0;
      font-size: 0.9rem;
      background-color: #ffffff;
      background-image: url("https://testasset0.jm-bruneau.be/images/adaptive-layout/ui_arrow-down-open.svg");
      background-repeat: no-repeat;
      background-size: 1rem;
      background-position: 95% 50%; }
      @media (max-width: 768.1px) {
        header .headerGrid .no-js .HeaderSearch select.select--dropdown {
          display: none; } }
    header .headerGrid .no-js .HeaderSearch select.select--dropdown:-moz-focusring {
      color: transparent;
      text-shadow: 0 0 0 #000000; }
    .no-cssgrid .HeaderSearch {
      width: 66%;
      display: inline-block;
      vertical-align: top; }
      .no-cssgrid .HeaderSearch select {
        height: auto;
        vertical-align: top; }
      .no-cssgrid .HeaderSearch option {
        vertical-align: middle;
        background: transparent; }
      .no-cssgrid .HeaderSearch .styledSelect {
        display: inline-block;
        width: 30%; }
      .no-cssgrid .HeaderSearch .searchArea {
        display: inline-block;
        width: 62%; }
        @media (max-width: 1020.1px) {
          .no-cssgrid .HeaderSearch .searchArea {
            width: 92%; } }
        @media (max-width: 768.1px) {
          .no-cssgrid .HeaderSearch .searchArea {
            width: calc(100% - 3rem); } }
      .no-cssgrid .HeaderSearch .button--search {
        display: inline-block;
        width: 3rem; }
      .no-cssgrid .HeaderSearch .selectPreview label {
        width: 11rem !important;
        display: inline-block; }
    header .headerGrid _:-ms-input-placeholder,
    header .headerGrid :root .HeaderSearch {
      width: 66%;
      display: inline-block;
      vertical-align: top; }
      header .headerGrid _:-ms-input-placeholder select,
      header .headerGrid :root .HeaderSearch select {
        height: auto;
        vertical-align: top; }
      header .headerGrid _:-ms-input-placeholder option,
      header .headerGrid :root .HeaderSearch option {
        vertical-align: middle;
        background: transparent; }
      header .headerGrid _:-ms-input-placeholder .styledSelect,
      header .headerGrid :root .HeaderSearch .styledSelect {
        display: inline-block;
        width: 30%; }
      header .headerGrid _:-ms-input-placeholder .searchArea,
      header .headerGrid :root .HeaderSearch .searchArea {
        display: inline-block;
        width: 62%; }
        @media (max-width: 1020.1px) {
          header .headerGrid _:-ms-input-placeholder .searchArea,
          header .headerGrid :root .HeaderSearch .searchArea {
            width: 92%; } }
        @media (max-width: 768.1px) {
          header .headerGrid _:-ms-input-placeholder .searchArea,
          header .headerGrid :root .HeaderSearch .searchArea {
            width: calc(100% - 3rem); } }
      header .headerGrid _:-ms-input-placeholder .button--search,
      header .headerGrid :root .HeaderSearch .button--search {
        display: inline-block;
        width: 3rem; }
      header .headerGrid _:-ms-input-placeholder .selectPreview label,
      header .headerGrid :root .HeaderSearch .selectPreview label {
        width: 11rem !important;
        display: inline-block; }
    .ie .HeaderSearch {
      width: 66%;
      display: inline-block;
      vertical-align: top; }
      .ie .HeaderSearch select {
        height: auto;
        vertical-align: top; }
      .ie .HeaderSearch option {
        vertical-align: middle;
        background: transparent; }
      .ie .HeaderSearch .styledSelect {
        display: inline-block;
        width: 30%; }
      .ie .HeaderSearch .searchArea {
        display: inline-block;
        width: 62%; }
        @media (max-width: 1020.1px) {
          .ie .HeaderSearch .searchArea {
            width: 92%; } }
        @media (max-width: 768.1px) {
          .ie .HeaderSearch .searchArea {
            width: calc(100% - 3rem); } }
      .ie .HeaderSearch .button--search {
        display: inline-block;
        width: 3rem; }
      .ie .HeaderSearch .selectPreview label {
        width: 11rem !important;
        display: inline-block; }
    @supports not (display: grid) {
      .HeaderSearch {
        width: 66%;
        display: inline-block;
        vertical-align: top; }
        .HeaderSearch select {
          height: auto;
          vertical-align: top; }
        .HeaderSearch option {
          vertical-align: middle;
          background: transparent; }
        .HeaderSearch .styledSelect {
          display: inline-block;
          width: 30%; }
        .HeaderSearch .searchArea {
          display: inline-block;
          width: 62%; }
          @media (max-width: 1020.1px) {
            .HeaderSearch .searchArea {
              width: 92%; } }
          @media (max-width: 768.1px) {
            .HeaderSearch .searchArea {
              width: calc(100% - 3rem); } }
        .HeaderSearch .button--search {
          display: inline-block;
          width: 3rem; }
        .HeaderSearch .selectPreview label {
          width: 11rem !important;
          display: inline-block; } }
    header .headerGrid .HeaderQuickPopOver {
      right: -3rem;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      header .headerGrid .HeaderQuickPopOver .preloader.hide {
        display: none; }
      header .headerGrid .HeaderQuickPopOver .preloader {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        background: #ffffff;
        opacity: 0.9;
        display: block;
        height: 100%;
        text-align: center;
        z-index: 3; }
        header .headerGrid .HeaderQuickPopOver .preloader .preloader__text {
          font-size: 15px;
          line-height: 1.2rem;
          font-family: "Roboto";
          font-weight: 300;
          text-align: center;
          margin-top: 1rem; }
        header .headerGrid .HeaderQuickPopOver .preloader .preloader__animation {
          display: inline-block;
          width: 2rem;
          height: 2rem;
          border-radius: 50%;
          margin: 2rem auto;
          border: 0.3rem solid #e42313;
          border-color: #e42313;
          border-bottom-color: transparent;
          animation: circ-anim 0.7s linear infinite; }

@keyframes circ-anim {
  from {
    transform: rotate(0); }
  to {
    transform: rotate(360deg); } }
      header .headerGrid .HeaderQuickPopOver .preloader.show {
        display: block; }
      header .headerGrid .HeaderQuickPopOver .badge {
        position: absolute; }
        header .headerGrid .HeaderQuickPopOver .badge__content {
          font-size: 12px;
          line-height: 1.6rem;
          font-family: "Roboto";
          font-weight: 700;
          height: 1.7rem;
          width: 1.7rem;
          line-height: 1.7rem;
          display: inline-block;
          background: #333333;
          color: #ffffff;
          border-radius: 50%;
          text-align: center; }
      header .headerGrid .HeaderQuickPopOver .speech-bubble {
        position: absolute;
        padding: .2rem;
        border: 1px dashed #9b9b9b;
        border-radius: 0.175rem;
        font-size: 11px;
        line-height: 10px;
        background: #f2f2f2;
        min-width: 4rem;
        top: .89rem;
        right: 2.5rem;
        left: auto; }
        @media (max-width: 480.1px) {
          header .headerGrid .HeaderQuickPopOver .speech-bubble {
            display: none; } }
        header .headerGrid .HeaderQuickPopOver .speech-bubble .bubbel-title {
          display: block;
          font-family: "Roboto";
          font-weight: 500; }
      header .headerGrid .HeaderQuickPopOver .popOver__inner:before,
      header .headerGrid .HeaderQuickPopOver .popOver__inner:after {
        right: 4.2rem; }
      header .headerGrid .HeaderQuickPopOver li.lists {
        border-bottom: 1px solid #9b9b9b; }
      header .headerGrid .HeaderQuickPopOver .HeaderQuickPopOver-listitem {
        padding-top: .5rem;
        padding-bottom: .5rem;
        vertical-align: top; }
        header .headerGrid .HeaderQuickPopOver .HeaderQuickPopOver-listitem a {
          display: inline-block;
          width: calc(100% - 3rem); }
          @media (max-width: 768.1px) {
            header .headerGrid .HeaderQuickPopOver .HeaderQuickPopOver-listitem a {
              width: auto; } }
          header .headerGrid .HeaderQuickPopOver .HeaderQuickPopOver-listitem a:hover,
          header .headerGrid .HeaderQuickPopOver .HeaderQuickPopOver-listitem a:hover .HeaderQuickPopOver-listitem:before {
            color: #e42313; }
        header .headerGrid .HeaderQuickPopOver .HeaderQuickPopOver-listitem:before {
          vertical-align: top; }
      header .headerGrid .HeaderQuickPopOver .lists:before {
        font-family: 'bruneauAdaptiveIcons';
        font-size: 2.25rem;
        content: "\e921";
        font-size: 2rem;
        line-height: normal; }
      header .headerGrid .HeaderQuickPopOver .quickorder:before {
        font-family: 'bruneauAdaptiveIcons';
        font-size: 2rem;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e91f";
        font-size: 2rem;
        line-height: normal; }
    header .headerGrid .HeaderCartPopOver .preloader.hide {
      display: none; }
    header .headerGrid .HeaderCartPopOver .preloader {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      background: #ffffff;
      opacity: 0.9;
      display: block;
      height: 100%;
      text-align: center;
      z-index: 3; }
      header .headerGrid .HeaderCartPopOver .preloader .preloader__text {
        font-size: 15px;
        line-height: 1.2rem;
        font-family: "Roboto";
        font-weight: 300;
        text-align: center;
        margin-top: 1rem; }
      header .headerGrid .HeaderCartPopOver .preloader .preloader__animation {
        display: inline-block;
        width: 2rem;
        height: 2rem;
        border-radius: 50%;
        margin: 2rem auto;
        border: 0.3rem solid #e42313;
        border-color: #e42313;
        border-bottom-color: transparent;
        animation: circ-anim 0.7s linear infinite; }

@keyframes circ-anim {
  from {
    transform: rotate(0); }
  to {
    transform: rotate(360deg); } }
    header .headerGrid .HeaderCartPopOver .preloader.show {
      display: block; }
    header .headerGrid .HeaderCartPopOver .badge {
      position: absolute; }
      header .headerGrid .HeaderCartPopOver .badge__content {
        font-size: 12px;
        line-height: 1.6rem;
        font-family: "Roboto";
        font-weight: 700;
        height: 1.7rem;
        width: 1.7rem;
        line-height: 1.7rem;
        display: inline-block;
        background: #333333;
        color: #ffffff;
        border-radius: 50%;
        text-align: center; }
    header .headerGrid .HeaderCartPopOver .speech-bubble {
      position: absolute;
      padding: .2rem;
      border: 1px dashed #9b9b9b;
      border-radius: 0.175rem;
      font-size: 11px;
      line-height: 10px;
      background: #f2f2f2;
      min-width: 4rem;
      top: .89rem;
      right: 2.5rem;
      left: auto; }
      @media (max-width: 480.1px) {
        header .headerGrid .HeaderCartPopOver .speech-bubble {
          display: none; } }
      header .headerGrid .HeaderCartPopOver .speech-bubble .bubbel-title {
        display: block;
        font-family: "Roboto";
        font-weight: 500; }
    header .headerGrid .HeaderCartPopOver .button--next {
      width: 100%;
      vertical-align: middle;
      background: #739900;
      border-radius: 0.3rem;
      color: #ffffff;
      font-size: 18px;
      line-height: 1.2rem;
      font-family: "Roboto";
      font-weight: 700;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      height: 3rem;
      line-height: 3rem;
      text-align: center;
      padding: 0 2.6rem 0 1rem;
      position: relative;
      display: inline-block; }
      header .headerGrid .HeaderCartPopOver .button--next:after {
        content: "\e968";
        font-family: "bruneauAdaptiveIcons" !important;
        font-size: 1.3rem;
        vertical-align: middle;
        right: .1rem;
        line-height: 2rem;
        position: absolute;
        top: .4rem; }
      header .headerGrid .HeaderCartPopOver .button--next:hover {
        background: #697f26;
        cursor: pointer; }
      header .headerGrid .HeaderCartPopOver .button--next:active {
        background: #697f26; }
      header .headerGrid .HeaderCartPopOver .button--next input {
        background: transparent;
        border: none;
        color: #ffffff;
        width: 100%; }
    header .headerGrid .HeaderCartPopOver .preloader.show {
      top: 2rem;
      bottom: 2rem;
      left: 1px;
      right: 1px; }
    header .headerGrid .HeaderCartPopOver .popOver__bottom {
      margin-top: 1rem; }
      header .headerGrid .HeaderCartPopOver .popOver__bottom .activeCode {
        font-size: 15px;
        line-height: 1.2rem;
        font-family: "Roboto";
        font-weight: 500;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        line-height: 1.7rem;
        display: block; }
      header .headerGrid .HeaderCartPopOver .popOver__bottom .moreInfo {
        text-decoration: underline; }
    header .headerGrid .HeaderCartPopOver .HeaderCartPopOverListitem {
      display: block;
      padding: .5rem 0;
      border-bottom: 1px dashed #9b9b9b; }
      header .headerGrid .HeaderCartPopOver .HeaderCartPopOverListitem .HeaderCartPopOverListitemLink {
        display: inline-block;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 21.6px;
        width: 100%; }
      header .headerGrid .HeaderCartPopOver .HeaderCartPopOverListitem:hover {
        background: #f2f2f2; }
      header .headerGrid .HeaderCartPopOver .HeaderCartPopOverListitem .HeaderCartPopOverListitemLink__image {
        grid-column: span 1; }
      header .headerGrid .HeaderCartPopOver .HeaderCartPopOverListitem .HeaderCartPopOverListitemLink__title {
        padding: 0 1rem;
        grid-column: span 2;
        font-size: 14px;
        line-height: 1.2rem;
        font-family: "Roboto";
        font-weight: 400;
        line-height: 1.2rem; }
      header .headerGrid .HeaderCartPopOver .HeaderCartPopOverListitem .HeaderCartPopOverListitemLink__price {
        text-align: right;
        grid-column: span 1;
        font-size: 15px;
        line-height: 1.2rem;
        font-family: "Roboto";
        font-weight: 700;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    header .headerGrid .HeaderCartPopOver .HeaderCartPopOverListitemGuantity {
      font-size: 13px;
      line-height: 1.3rem;
      font-family: "Roboto";
      font-weight: 700;
      display: block; }
    header .headerGrid .HeaderCartPopOver .ShippingPrice {
      font-size: 15px;
      line-height: 1.2rem;
      font-family: "Roboto";
      font-weight: 700;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    header .headerGrid .HeaderCartPopOver .HeaderCartPopOverRowTotals {
      text-align: right;
      margin-top: 1rem;
      font-size: 18px;
      line-height: 1.2rem;
      font-family: "Roboto";
      font-weight: 500;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    header .headerGrid .HeaderCartPopOver button {
      font-size: 21px;
      line-height: 1.2rem;
      font-family: "Roboto";
      font-weight: 700;
      text-align: center;
      padding: 0 1rem;
      line-height: 3rem;
      width: 100%;
      vertical-align: middle;
      border-radius: 0.3rem;
      height: 4rem;
      background: #333333;
      color: #ffffff;
      display: inline-block;
      text-align: center;
      padding: 0 2.6rem 0 1rem;
      position: relative;
      font-size: 18px;
      line-height: 1.2rem;
      font-family: "Roboto";
      font-weight: 700;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      background: #739900;
      height: 3rem;
      line-height: 3rem;
      margin-top: 1rem; }
      header .headerGrid .HeaderCartPopOver button:hover {
        background: #000000; }
      header .headerGrid .HeaderCartPopOver button:active {
        background: #333333; }
      @media (max-width: 1350.1px) {
        header .headerGrid .HeaderCartPopOver button {
          height: 3rem;
          line-height: 3rem; } }
      @media (max-width: 768.1px) {
        header .headerGrid .HeaderCartPopOver button {
          font-size: 15px;
          line-height: 1.2rem;
          font-family: "Roboto";
          font-weight: 500;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          height: 2rem;
          line-height: 2rem; } }
      header .headerGrid .HeaderCartPopOver button:after {
        font-family: 'bruneauAdaptiveIcons';
        font-size: 2rem;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e968";
        font-size: 1.5rem;
        vertical-align: middle;
        right: .7rem;
        line-height: 3rem;
        position: absolute; }
      header .headerGrid .HeaderCartPopOver button:hover {
        background: #697f26; }
      @media (max-width: 768.1px) {
        header .headerGrid .HeaderCartPopOver button:after {
          top: .2rem; } }
    header .headerGrid .HeaderCartPopOver .HeaderCartPopOverRowShipping {
      text-align: right;
      margin-top: 1rem; }
    header .headerGrid .HeaderCartPopOver .freeShipping {
      color: #739900;
      font-size: 15px;
      line-height: 1.2rem;
      font-family: "Roboto";
      font-weight: 700;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    header .headerGrid .input-popOverSpeechbubble {
      display: none; }
    @media (max-width: 768.1px) {
      header .headerGrid .label-popOverSpeechbubble {
        position: unset !important; } }
    header .headerGrid .popOverSpeechbubble {
      position: absolute;
      font-size: 15px;
      line-height: 1.2rem;
      font-family: "Roboto";
      font-weight: 300;
      line-height: 1;
      top: 3rem;
      left: auto;
      right: 0;
      width: 23rem;
      text-align: left;
      overflow: visible;
      height: 0;
      max-height: 0;
      transition: max-height .6s;
      transition-delay: .25;
      opacity: 0;
      max-height: 0;
      height: 0;
      visibility: hidden; }
      @media (max-width: 480.1px) {
        header .headerGrid .popOverSpeechbubble {
          top: 2rem; } }
      header .headerGrid .popOverSpeechbubble__inner {
        width: 100%;
        border: 1px solid #9b9b9b;
        background: #ffffff;
        padding: 1rem;
        margin-top: .7rem;
        font-size: 15px;
        line-height: 1.2rem;
        font-family: "Roboto";
        font-weight: 400;
        width: 100%;
        border: 1px solid #9b9b9b;
        background: #ffffff;
        padding: 1rem; }
        header .headerGrid .popOverSpeechbubble__inner:before {
          width: 1rem;
          height: 1rem;
          background: #ffffff;
          transform: rotate(45deg);
          border-left: 1px solid #9b9b9b;
          border-top: 1px solid #9b9b9b;
          content: "";
          position: absolute;
          right: 1.2rem;
          top: 0.25rem; }
          @media (max-width: 768.1px) {
            header .headerGrid .popOverSpeechbubble__inner:before {
              display: none; } }
        header .headerGrid .popOverSpeechbubble__inner:after {
          width: 1rem;
          height: 1rem;
          background: #ffffff;
          transform: rotate(45deg);
          border-left: 1px solid #9b9b9b;
          border-top: 1px solid #9b9b9b;
          content: "";
          position: absolute;
          right: 1.2rem;
          top: 0.18rem; }
          @media (max-width: 768.1px) {
            header .headerGrid .popOverSpeechbubble__inner:after {
              display: none; } }
        header .headerGrid .popOverSpeechbubble__inner .popOver-row {
          width: 100%;
          display: block; }
        header .headerGrid .popOverSpeechbubble__inner .popOver-listitem {
          border-bottom: 1px solid #9b9b9b;
          width: 100%;
          display: inline-block; }
          header .headerGrid .popOverSpeechbubble__inner .popOver-listitem:before {
            margin-right: 0.5rem;
            vertical-align: middle;
            font-size: 2rem;
            color: #000000;
            display: inline-block; }
          header .headerGrid .popOverSpeechbubble__inner .popOver-listitem:last-child {
            border-bottom: none; }
          header .headerGrid .popOverSpeechbubble__inner .popOver-listitem a:hover, header .headerGrid .popOverSpeechbubble__inner .popOver-listitem:hover {
            color: #e42313; }
        header .headerGrid .popOverSpeechbubble__inner .popOver-title {
          font-size: 15px;
          line-height: 1.2rem;
          font-family: "Roboto";
          font-weight: 500;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          line-height: 1;
          margin-top: 1rem;
          margin-bottom: 1.5rem;
          display: block; }
        header .headerGrid .popOverSpeechbubble__inner .popOver-subtitle {
          font-size: 15px;
          line-height: 1.2rem;
          font-family: "Roboto";
          font-weight: 500;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          display: block; }
      header .headerGrid .popOverSpeechbubble .label-popOver-close {
        text-align: right;
        position: absolute;
        right: 1rem;
        top: 1rem;
        display: none; }
        header .headerGrid .popOverSpeechbubble .label-popOver-close .input-popOver {
          display: none; }
        header .headerGrid .popOverSpeechbubble .label-popOver-close:before {
          font-family: 'bruneauAdaptiveIcons';
          font-size: 2rem;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "\e913"; }
      header .headerGrid .popOverSpeechbubble .contact-box,
      header .headerGrid .popOverSpeechbubble .popOver__bottom {
        background: #f2f2f2;
        padding: 1.5rem;
        border: 1px dashed #9b9b9b;
        margin-top: 2rem; }
        header .headerGrid .popOverSpeechbubble .contact-box a.phoneNumber,
        header .headerGrid .popOverSpeechbubble .contact-box a.chat,
        header .headerGrid .popOverSpeechbubble .popOver__bottom a.phoneNumber,
        header .headerGrid .popOverSpeechbubble .popOver__bottom a.chat {
          text-decoration: underline; }
        header .headerGrid .popOverSpeechbubble .contact-box a.phoneNumber,
        header .headerGrid .popOverSpeechbubble .popOver__bottom a.phoneNumber {
          white-space: nowrap; }
        header .headerGrid .popOverSpeechbubble .contact-box .title--contact-box,
        header .headerGrid .popOverSpeechbubble .popOver__bottom .title--contact-box {
          font-size: 15px;
          line-height: 1.2rem;
          font-family: "Roboto";
          font-weight: 500;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          display: block;
          margin-bottom: 0; }
      @media (max-width: 768.1px) {
        header .headerGrid .popOverSpeechbubble {
          width: 100%;
          display: block;
          right: 0;
          left: 0; } }
    .touchevents .label-popOverSpeechbubble:hover {
      cursor: pointer; }
    @media (any-hover: hover) {
      header .headerGrid .label-popOverSpeechbubble:hover .popOverSpeechbubble {
        opacity: 1;
        max-height: 200rem;
        height: auto;
        visibility: visible;
        cursor: default; } }
    .no-csspointerevents .label-popOverSpeechbubble:hover .popOverSpeechbubble {
      opacity: 1;
      max-height: 200rem;
      height: auto;
      visibility: visible;
      cursor: default; }
    @media (any-hover: on-demand) {
      header .headerGrid .input-popOverSpeechbubble:checked ~ .popOverSpeechbubble {
        opacity: 1;
        max-height: 200rem;
        height: auto;
        visibility: visible;
        cursor: default; } }
    @media (any-hover: none) {
      header .headerGrid .input-popOverSpeechbubble:checked ~ .popOverSpeechbubble {
        opacity: 1;
        max-height: 200rem;
        height: auto;
        visibility: visible;
        cursor: default; } }
    header .headerGrid .popOverSpeechbubble.show {
      opacity: 1;
      max-height: 200rem;
      height: auto;
      visibility: visible; }
    _:-ms-input-placeholder,
    :root .label-popOverSpeechbubble:hover .popOverSpeechbubble {
      opacity: 1 !important;
      max-height: 200rem !important;
      height: auto !important;
      visibility: visible !important;
      cursor: default !important; }
    .ie .label-popOverSpeechbubble:hover .popOverSpeechbubble {
      opacity: 1 !important;
      max-height: 200rem !important;
      height: auto !important;
      visibility: visible !important;
      cursor: default !important; }
    .lt-ie9 .label-popOverSpeechbubble:hover .popOverSpeechbubble {
      opacity: 1 !important;
      max-height: 200rem !important;
      height: auto !important;
      visibility: visible !important;
      cursor: default !important; }
    .no-csspointerevents .label-popOverSpeechbubble:hover .popOverSpeechbubble {
      opacity: 1 !important;
      max-height: 200rem !important;
      height: auto !important;
      visibility: visible !important;
      cursor: default !important; }
    header .headerGrid .LoginRegister {
      /**
    * Story: LoginDialog
*/
      /**
	* Chapter: tooltip
*/
      /* smartphones, touchscreens
@at-root @media (hover: none) and (pointer: coarse) {
	.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/
      /* stylus-based screens
@at-root @media (hover: none) and (pointer: fine) {
.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/
      /* Nintendo Wii controller, Kinect
@at-root @media (hover: hover) and (pointer: coarse) {
	.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/
      /* mouse, touch pad
@at-root @media (hover: hover) and (pointer: fine) {
	.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/ }
      header .headerGrid .LoginRegister .LoginDialog {
        right: 0rem;
        /**
	* Chapter: tooltip
*/
        /* smartphones, touchscreens
@at-root @media (hover: none) and (pointer: coarse) {
	.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/
        /* stylus-based screens
@at-root @media (hover: none) and (pointer: fine) {
.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/
        /* Nintendo Wii controller, Kinect
@at-root @media (hover: hover) and (pointer: coarse) {
	.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/
        /* mouse, touch pad
@at-root @media (hover: hover) and (pointer: fine) {
	.linkShowTooltip:hover .tooltip {
		display: unset;
	}
}*/ }
        header .headerGrid .LoginRegister .LoginDialog .preloader.hide {
          display: none; }
        header .headerGrid .LoginRegister .LoginDialog .preloader {
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          margin: auto;
          background: #ffffff;
          opacity: 0.9;
          display: block;
          height: 100%;
          text-align: center;
          z-index: 3; }
          header .headerGrid .LoginRegister .LoginDialog .preloader .preloader__text {
            font-size: 15px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 300;
            text-align: center;
            margin-top: 1rem; }
          header .headerGrid .LoginRegister .LoginDialog .preloader .preloader__animation {
            display: inline-block;
            width: 2rem;
            height: 2rem;
            border-radius: 50%;
            margin: 2rem auto;
            border: 0.3rem solid #e42313;
            border-color: #e42313;
            border-bottom-color: transparent;
            animation: circ-anim 0.7s linear infinite; }

@keyframes circ-anim {
  from {
    transform: rotate(0); }
  to {
    transform: rotate(360deg); } }
        header .headerGrid .LoginRegister .LoginDialog .preloader.show {
          display: block; }
        header .headerGrid .LoginRegister .LoginDialog input.tooltip,
        header .headerGrid .LoginRegister .LoginDialog input.tooltipInput,
        header .headerGrid .LoginRegister .LoginDialog label.tooltip {
          display: none; }
        header .headerGrid .LoginRegister .LoginDialog .linkShowTooltip {
          position: relative;
          cursor: pointer; }
        header .headerGrid .LoginRegister .LoginDialog .tooltip {
          position: absolute;
          top: unset;
          bottom: unset;
          left: unset;
          right: unset; }
          header .headerGrid .LoginRegister .LoginDialog .tooltip input {
            display: none; }
          header .headerGrid .LoginRegister .LoginDialog .tooltip .tooltipContent {
            position: relative;
            bottom: unset;
            top: unset;
            background: #ffcc00;
            padding: 1rem;
            z-index: 3;
            color: #000000 !important;
            text-align: left;
            font-size: 12px;
            line-height: 1.6rem;
            font-family: "Roboto";
            font-weight: 400;
            line-height: normal;
            width: 15rem;
            -moz-transform: translateY(10px);
            -o-transform: translateY(10px);
            -ms-transform: translateY(10px);
            -webkit-transform: translateY(10px);
            transform: translateY(10px);
            opacity: 0; }
            header .headerGrid .LoginRegister .LoginDialog .tooltip .tooltipContent:before {
              width: .8rem;
              height: .8rem;
              background: #ffcc00;
              transform: rotate(135deg);
              content: "";
              position: absolute;
              left: unset;
              right: unset;
              bottom: -0.4rem;
              top: unset; }
            header .headerGrid .LoginRegister .LoginDialog .tooltip .tooltipContent .ui--close {
              display: block;
              position: absolute;
              top: .3rem;
              right: .5rem; }
              header .headerGrid .LoginRegister .LoginDialog .tooltip .tooltipContent .ui--close:before {
                font-family: 'bruneauAdaptiveIcons';
                font-size: 2rem;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: "\e913";
                font-size: 1rem; }
        header .headerGrid .LoginRegister .LoginDialog .tooltip.ui--info {
          position: relative;
          right: unset;
          bottom: unset;
          left: unset;
          display: inline-block; }
          header .headerGrid .LoginRegister .LoginDialog .tooltip.ui--info .tooltipContent {
            position: absolute;
            bottom: 25px;
            left: -10px;
            -moz-transform: translateY(10px);
            -o-transform: translateY(10px);
            -ms-transform: translateY(10px);
            -webkit-transform: translateY(10px);
            transform: translateY(10px);
            transition: all .2s ease-in-out;
            opacity: 0; }
          header .headerGrid .LoginRegister .LoginDialog .tooltip.ui--info:before {
            font-family: 'bruneauAdaptiveIcons';
            font-size: 2rem;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\e90d";
            font-size: 1.3rem;
            line-height: normal;
            vertical-align: middle; }
          header .headerGrid .LoginRegister .LoginDialog .tooltip.ui--info .ui--close {
            display: none; }
        header .headerGrid .LoginRegister .LoginDialog .tooltip.ui--info:hover .tooltipContent {
          opacity: 1;
          -moz-transform: translateY(0px);
          -o-transform: translateY(0px);
          -ms-transform: translateY(0px);
          -webkit-transform: translateY(0px);
          transform: translateY(0px); }
        header .headerGrid .LoginRegister .LoginDialog .linkShowTooltip:hover .tooltipContent,
        header .headerGrid .LoginRegister .LoginDialog .linkShowTooltip:hover .tooltip {
          opacity: 1;
          -moz-transform: translateY(0px);
          -o-transform: translateY(0px);
          -ms-transform: translateY(0px);
          -webkit-transform: translateY(0px);
          transform: translateY(0px); }
        .touchevents .linkShowTooltip:hover .tooltipContent,
        .touchevents .linkShowTooltip:hover .tooltip {
          opacity: unset;
          transform: unset; }
        .touchevents .tooltip.ui--info:hover .tooltipContent {
          opacity: unset;
          transform: unset; }
        .touchevents .tooltip .ui--close {
          display: block; }
        .touchevents .tooltip [type="radio"].tooltipInput:not(:checked) ~ .tooltipContent {
          -moz-transform: translateY(10px);
          -o-transform: translateY(10px);
          -ms-transform: translateY(10px);
          -webkit-transform: translateY(10px);
          transform: translateY(10px);
          opacity: 0; }
        .touchevents .tooltip [type="radio"].tooltipInput:checked ~ .tooltipContent {
          opacity: 1;
          -moz-transform: translateY(0px);
          -o-transform: translateY(0px);
          -ms-transform: translateY(0px);
          -webkit-transform: translateY(0px);
          transform: translateY(0px); }
        header .headerGrid .LoginRegister .LoginDialog label.simple-input-type-text,
        header .headerGrid .LoginRegister .LoginDialog label.simple-input-type-dateTime {
          width: 100%;
          display: block;
          margin-bottom: 1rem;
          font-size: 18px;
          line-height: 1.2rem;
          font-family: "Roboto";
          font-weight: 400; }
          header .headerGrid .LoginRegister .LoginDialog label.simple-input-type-text input,
          header .headerGrid .LoginRegister .LoginDialog label.simple-input-type-dateTime input {
            font-size: 15px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 300;
            width: 100%;
            display: block;
            height: 3rem;
            line-height: 3rem;
            border: 1px solid #9b9b9b;
            padding-left: .5rem;
            padding-right: .5rem;
            cursor: text; }
            header .headerGrid .LoginRegister .LoginDialog label.simple-input-type-text input:hover,
            header .headerGrid .LoginRegister .LoginDialog label.simple-input-type-dateTime input:hover {
              border: 1.2px solid	#000000; }
            header .headerGrid .LoginRegister .LoginDialog label.simple-input-type-text input:focus,
            header .headerGrid .LoginRegister .LoginDialog label.simple-input-type-dateTime input:focus {
              border: 1.2px solid	#000000; }
            header .headerGrid .LoginRegister .LoginDialog label.simple-input-type-text input:active,
            header .headerGrid .LoginRegister .LoginDialog label.simple-input-type-dateTime input:active {
              border: 1.2px solid	#000000; }
            header .headerGrid .LoginRegister .LoginDialog label.simple-input-type-text input:focus-within,
            header .headerGrid .LoginRegister .LoginDialog label.simple-input-type-dateTime input:focus-within {
              border: 1.2px solid	#000000; }
            header .headerGrid .LoginRegister .LoginDialog label.simple-input-type-text input:valid,
            header .headerGrid .LoginRegister .LoginDialog label.simple-input-type-dateTime input:valid {
              /*@include border--succes;*/ }
            header .headerGrid .LoginRegister .LoginDialog label.simple-input-type-text input:invalid,
            header .headerGrid .LoginRegister .LoginDialog label.simple-input-type-dateTime input:invalid {
              border: 1px solid #e42313; }
          header .headerGrid .LoginRegister .LoginDialog label.simple-input-type-text input.changing,
          header .headerGrid .LoginRegister .LoginDialog label.simple-input-type-dateTime input.changing {
            border: 1px solid #739900; }
          header .headerGrid .LoginRegister .LoginDialog label.simple-input-type-text > span,
          header .headerGrid .LoginRegister .LoginDialog label.simple-input-type-dateTime > span {
            width: 100%;
            display: block;
            margin-bottom: 1rem;
            margin-top: 1.5rem; }
          header .headerGrid .LoginRegister .LoginDialog label.simple-input-type-text .errors,
          header .headerGrid .LoginRegister .LoginDialog label.simple-input-type-dateTime .errors {
            margin-top: .5rem;
            color: #e42313;
            font-size: 15px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 400; }
        header .headerGrid .LoginRegister .LoginDialog div.select {
          width: 100%;
          display: block;
          margin-bottom: 1rem;
          font-size: 18px;
          line-height: 1.2rem;
          font-family: "Roboto";
          font-weight: 400;
          position: relative; }
          header .headerGrid .LoginRegister .LoginDialog div.select:after {
            width: 1rem;
            position: absolute;
            top: 3.0rem;
            right: 1rem;
            font-family: 'bruneauAdaptiveIcons';
            font-size: 2rem;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\e947";
            font-size: 1.2rem;
            transition: all 0.4s ease;
            display: block;
            line-height: 2.3rem;
            pointer-events: none; }
          header .headerGrid .LoginRegister .LoginDialog div.select > span {
            width: auto;
            display: inline-block;
            margin-bottom: .7rem;
            margin-top: .7rem; }
          header .headerGrid .LoginRegister .LoginDialog div.select select {
            -webkit-appearance: none;
            -moz-appearance: none;
            -ms-appearance: none;
            appearance: none;
            outline: 0;
            box-shadow: none;
            background-image: none;
            width: 100%;
            height: 100%;
            margin: 0;
            position: relative;
            display: block;
            overflow: hidden;
            color: #000000;
            border: 1px solid #9b9b9b;
            cursor: pointer;
            font-size: 15px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 300;
            padding: 0.75rem 0.5rem 0.75rem .5rem;
            white-space: nowrap; }
            header .headerGrid .LoginRegister .LoginDialog div.select select:-moz-focusring {
              color: transparent;
              text-shadow: 0 0 0 #000000; }
            header .headerGrid .LoginRegister .LoginDialog div.select select:-ms-expand {
              display: none; }
            header .headerGrid .LoginRegister .LoginDialog div.select select option {
              -moz-appearance: none;
              appearance: none;
              -webkit-appearance: none;
              outline: 0;
              border: none;
              font-size: 18px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 400; }
            header .headerGrid .LoginRegister .LoginDialog div.select select:after {
              vertical-align: middle;
              width: 1rem;
              position: absolute;
              top: .5rem;
              right: 1rem;
              font-family: 'bruneauAdaptiveIcons';
              font-size: 2rem;
              speak: none;
              font-style: normal;
              font-weight: normal;
              font-variant: normal;
              text-transform: none;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              content: "\e947";
              font-size: 1.2rem;
              transition: all 0.4s ease;
              display: block;
              line-height: 2.3rem;
              pointer-events: none; }
          header .headerGrid .LoginRegister .LoginDialog div.select select:focus {
            border: 1.2px solid	#000000; }
          header .headerGrid .LoginRegister .LoginDialog div.select ul.cFormStyledSelect {
            position: relative;
            margin-left: 0;
            top: 0;
            visibility: visible;
            opacity: 1;
            transform: translateY(0%);
            transition-delay: 0s, 0s, 0.3s;
            height: auto;
            vertical-align: middle;
            font-size: 15px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 300; }
            header .headerGrid .LoginRegister .LoginDialog div.select ul.cFormStyledSelect .colorBox {
              display: none; }
            header .headerGrid .LoginRegister .LoginDialog div.select ul.cFormStyledSelect input[type="radio"] {
              display: none; }
          header .headerGrid .LoginRegister .LoginDialog div.select .selectPreview {
            padding-left: 1rem;
            line-height: normal;
            cursor: pointer;
            vertical-align: middle;
            border: 1px solid #9b9b9b;
            height: 2.3rem;
            line-height: 2.3rem;
            display: inline-block;
            width: 100%; }
            @media (max-width: 480.1px) {
              header .headerGrid .LoginRegister .LoginDialog div.select .selectPreview {
                width: 100%; } }
            header .headerGrid .LoginRegister .LoginDialog div.select .selectPreview .ui--angle-down {
              line-height: 1rem; }
            header .headerGrid .LoginRegister .LoginDialog div.select .selectPreview .styledSelect {
              height: 2.2rem;
              margin-left: .7rem; }
            header .headerGrid .LoginRegister .LoginDialog div.select .selectPreview:after {
              transform: rotate(-180deg);
              vertical-align: middle;
              width: 1rem;
              font-family: 'bruneauAdaptiveIcons';
              font-size: 2rem;
              speak: none;
              font-style: normal;
              font-weight: normal;
              font-variant: normal;
              text-transform: none;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              content: "\e947";
              font-size: 1.2rem;
              transition: all 0.4s ease;
              display: inline-block;
              vertical-align: middle;
              line-height: 2.2rem; }
            header .headerGrid .LoginRegister .LoginDialog div.select .selectPreview label {
              line-height: normal;
              width: calc(100% - 1.5rem);
              display: inline-block;
              vertical-align: middle;
              line-height: 2.2rem; }
          header .headerGrid .LoginRegister .LoginDialog div.select ul.cFormStyledSelect {
            background: #ffffff;
            position: absolute;
            top: 0;
            -moz-appearance: none;
            appearance: none;
            -webkit-appearance: none;
            white-space: nowrap;
            outline: 0;
            z-index: 1;
            visibility: hidden;
            opacity: 0;
            transform: translateY(0em);
            transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; }
            header .headerGrid .LoginRegister .LoginDialog div.select ul.cFormStyledSelect li {
              background: #ffffff;
              padding-left: 1rem;
              padding-right: 1rem;
              border-left: 1px solid #9b9b9b;
              border-bottom: 1px solid #9b9b9b;
              border-right: 1px solid #9b9b9b;
              height: 2.3rem;
              line-height: 2.3rem;
              vertical-align: middle;
              width: 100%; }
              header .headerGrid .LoginRegister .LoginDialog div.select ul.cFormStyledSelect li label {
                display: block;
                height: 2.3rem;
                line-height: 2.3rem;
                vertical-align: middle;
                width: 100%; }
                header .headerGrid .LoginRegister .LoginDialog div.select ul.cFormStyledSelect li label .labelText {
                  line-height: normal;
                  width: 13rem;
                  display: inline-block;
                  vertical-align: middle;
                  line-height: 2.2rem; }
                  @media (max-width: 480.1px) {
                    header .headerGrid .LoginRegister .LoginDialog div.select ul.cFormStyledSelect li label .labelText {
                      width: 100%; } }
                header .headerGrid .LoginRegister .LoginDialog div.select ul.cFormStyledSelect li label .colorBox {
                  width: 1.3rem;
                  height: 1.3rem;
                  display: inline-block;
                  margin-right: .5rem;
                  vertical-align: middle;
                  line-height: normal; }
              header .headerGrid .LoginRegister .LoginDialog div.select ul.cFormStyledSelect li.selected, header .headerGrid .LoginRegister .LoginDialog div.select ul.cFormStyledSelect li.focus {
                border-top: none;
                background: #dddddd; }
              header .headerGrid .LoginRegister .LoginDialog div.select ul.cFormStyledSelect li:hover {
                background: #dddddd;
                color: #000000; }
          header .headerGrid .LoginRegister .LoginDialog div.select .styledSelect.open {
            position: relative; }
            header .headerGrid .LoginRegister .LoginDialog div.select .styledSelect.open .selectPreview:after {
              transform: rotate(0deg); }
            header .headerGrid .LoginRegister .LoginDialog div.select .styledSelect.open ul.cFormStyledSelect {
              position: absolute;
              top: 100%;
              visibility: visible;
              opacity: 1;
              width: 100%;
              transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; }
          header .headerGrid .LoginRegister .LoginDialog div.select .errors {
            margin-top: .5rem;
            color: #e42313;
            font-size: 15px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 400; }
        header .headerGrid .LoginRegister .LoginDialog div.required span.mainlabel:after {
          content: '*'; }
        header .headerGrid .LoginRegister .LoginDialog label.formInputChoice {
          position: relative;
          padding-left: 1.75rem;
          cursor: pointer;
          margin-bottom: 1rem;
          /* radio aspect */ }
          header .headerGrid .LoginRegister .LoginDialog label.formInputChoice input[type=radio]:not(:checked),
          header .headerGrid .LoginRegister .LoginDialog label.formInputChoice input[type=radio]:checked {
            position: absolute;
            left: -9999px; }
          header .headerGrid .LoginRegister .LoginDialog label.formInputChoice .label:after {
            font-family: 'bruneauAdaptiveIcons';
            font-size: 2rem;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\e94f"; }
          header .headerGrid .LoginRegister .LoginDialog label.formInputChoice .label:before {
            font-family: 'bruneauAdaptiveIcons';
            font-size: 2rem;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\e94e"; }
          header .headerGrid .LoginRegister .LoginDialog label.formInputChoice input[type=radio]:not(:checked) + .label:before,
          header .headerGrid .LoginRegister .LoginDialog label.formInputChoice input[type=radio]:checked + .label:before,
          header .headerGrid .LoginRegister .LoginDialog label.formInputChoice .label:after,
          header .headerGrid .LoginRegister .LoginDialog label.formInputChoice input[type=radio]:not(:checked) + .label:after,
          header .headerGrid .LoginRegister .LoginDialog label.formInputChoice input[type=radio]:checked + .label:after {
            position: absolute;
            top: 0;
            left: 0;
            font-size: 1.2rem;
            line-height: 1.2rem;
            transition: all .2s; }
          header .headerGrid .LoginRegister .LoginDialog label.formInputChoice input[type=radio]:not(:checked) + .label:before {
            opacity: 0;
            transform: scale(0); }
          header .headerGrid .LoginRegister .LoginDialog label.formInputChoice input[type=radio]:checked + .label:before {
            opacity: 1;
            transform: scale(1); }
          header .headerGrid .LoginRegister .LoginDialog label.formInputChoice input[type=radio]:not(:checked) + .label:after {
            opacity: 1;
            transform: scale(1); }
          header .headerGrid .LoginRegister .LoginDialog label.formInputChoice input[type=radio]:checked + .label:after {
            opacity: 0;
            transform: scale(0); }
          header .headerGrid .LoginRegister .LoginDialog label.formInputChoice input[type=radio]:not(:checked) + .label:after,
          header .headerGrid .LoginRegister .LoginDialog label.formInputChoice input[type=radio]:checked + .label:after,
          header .headerGrid .LoginRegister .LoginDialog label.formInputChoice input[type=radio]:not(:checked):focus + .label:after,
          header .headerGrid .LoginRegister .LoginDialog label.formInputChoice input[type=radio]:checked:focus + .label:after {
            color: #9b9b9b; }
          header .headerGrid .LoginRegister .LoginDialog label.formInputChoice input[type=radio]:disabled:before,
          header .headerGrid .LoginRegister .LoginDialog label.formInputChoice input[type=radio].disabled:before {
            color: #bdbdbd;
            cursor: default; }
          header .headerGrid .LoginRegister .LoginDialog label.formInputChoice input[type=radio]:checked + .label:before,
          header .headerGrid .LoginRegister .LoginDialog label.formInputChoice input[type=radio]:not(:checked) + .label:before,
          header .headerGrid .LoginRegister .LoginDialog label.formInputChoice input[type=radio]:hover + .label:before,
          header .headerGrid .LoginRegister .LoginDialog label.formInputChoice input[type=radio]:checked:focus + .label:before,
          header .headerGrid .LoginRegister .LoginDialog label.formInputChoice input[type=radio]:not(:checked):focus + .label:before {
            color: #739900; }
        header .headerGrid .LoginRegister .LoginDialog label.button,
        header .headerGrid .LoginRegister .LoginDialog label.button--cancel,
        header .headerGrid .LoginRegister .LoginDialog label.button--submitConversion,
        header .headerGrid .LoginRegister .LoginDialog label.button--submitNext,
        header .headerGrid .LoginRegister .LoginDialog label.button--submit,
        header .headerGrid .LoginRegister .LoginDialog label.button--bruneau {
          height: 3rem;
          line-height: 3rem;
          vertical-align: middle;
          position: relative;
          display: inline-block;
          width: 100%;
          text-align: center;
          border-radius: 0.3rem;
          margin-top: 1.5rem;
          margin-bottom: 1rem; }
          header .headerGrid .LoginRegister .LoginDialog label.button input,
          header .headerGrid .LoginRegister .LoginDialog label.button--cancel input,
          header .headerGrid .LoginRegister .LoginDialog label.button--submitConversion input,
          header .headerGrid .LoginRegister .LoginDialog label.button--submitNext input,
          header .headerGrid .LoginRegister .LoginDialog label.button--submit input,
          header .headerGrid .LoginRegister .LoginDialog label.button--bruneau input {
            width: 100%;
            height: 3rem;
            line-height: 3rem;
            vertical-align: middle;
            font-size: 18px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 700;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            text-align: center;
            background: transparent;
            border: none;
            cursor: pointer;
            text-align: center;
            vertical-align: middle; }
            header .headerGrid .LoginRegister .LoginDialog label.button input:hover,
            header .headerGrid .LoginRegister .LoginDialog label.button--cancel input:hover,
            header .headerGrid .LoginRegister .LoginDialog label.button--submitConversion input:hover,
            header .headerGrid .LoginRegister .LoginDialog label.button--submitNext input:hover,
            header .headerGrid .LoginRegister .LoginDialog label.button--submit input:hover,
            header .headerGrid .LoginRegister .LoginDialog label.button--bruneau input:hover {
              background: transparent; }
          header .headerGrid .LoginRegister .LoginDialog label.button span,
          header .headerGrid .LoginRegister .LoginDialog label.button--cancel span,
          header .headerGrid .LoginRegister .LoginDialog label.button--submitConversion span,
          header .headerGrid .LoginRegister .LoginDialog label.button--submitNext span,
          header .headerGrid .LoginRegister .LoginDialog label.button--submit span,
          header .headerGrid .LoginRegister .LoginDialog label.button--bruneau span {
            display: none; }
        header .headerGrid .LoginRegister .LoginDialog .button--submit {
          background: #333333;
          color: #ffffff; }
          header .headerGrid .LoginRegister .LoginDialog .button--submit input {
            color: #ffffff; }
            header .headerGrid .LoginRegister .LoginDialog .button--submit input:hover {
              border: none;
              color: #ffffff; }
            header .headerGrid .LoginRegister .LoginDialog .button--submit input:hover {
              color: #ffffff;
              display: inline-block; }
          header .headerGrid .LoginRegister .LoginDialog .button--submit:hover {
            background: #000000;
            color: #ffffff;
            display: inline-block; }
        header .headerGrid .LoginRegister .LoginDialog .button--submit {
          overflow: hidden;
          position: relative; }
        header .headerGrid .LoginRegister .LoginDialog .button--submit:after {
          content: '';
          display: block;
          width: 0;
          height: .3rem;
          background: #f2f2f2;
          transition: ease-out width .7s;
          position: absolute;
          bottom: 0;
          left: 0; }
        header .headerGrid .LoginRegister .LoginDialog .button--submit.saving:after {
          width: 100%; }
        header .headerGrid .LoginRegister .LoginDialog label.button,
        header .headerGrid .LoginRegister .LoginDialog label.button--cancel,
        header .headerGrid .LoginRegister .LoginDialog label.button--submitConversion,
        header .headerGrid .LoginRegister .LoginDialog label.button--submitNext,
        header .headerGrid .LoginRegister .LoginDialog label.button--submit,
        header .headerGrid .LoginRegister .LoginDialog label.button--bruneau {
          height: 3rem;
          line-height: 3rem;
          vertical-align: middle;
          position: relative;
          display: inline-block;
          width: 100%;
          text-align: center;
          border-radius: 0.3rem;
          margin-top: 1.5rem;
          margin-bottom: 1rem; }
          header .headerGrid .LoginRegister .LoginDialog label.button input,
          header .headerGrid .LoginRegister .LoginDialog label.button--cancel input,
          header .headerGrid .LoginRegister .LoginDialog label.button--submitConversion input,
          header .headerGrid .LoginRegister .LoginDialog label.button--submitNext input,
          header .headerGrid .LoginRegister .LoginDialog label.button--submit input,
          header .headerGrid .LoginRegister .LoginDialog label.button--bruneau input {
            width: 100%;
            height: 3rem;
            line-height: 3rem;
            vertical-align: middle;
            font-size: 18px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 700;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            text-align: center;
            background: transparent;
            border: none;
            cursor: pointer;
            text-align: center;
            vertical-align: middle; }
            header .headerGrid .LoginRegister .LoginDialog label.button input:hover,
            header .headerGrid .LoginRegister .LoginDialog label.button--cancel input:hover,
            header .headerGrid .LoginRegister .LoginDialog label.button--submitConversion input:hover,
            header .headerGrid .LoginRegister .LoginDialog label.button--submitNext input:hover,
            header .headerGrid .LoginRegister .LoginDialog label.button--submit input:hover,
            header .headerGrid .LoginRegister .LoginDialog label.button--bruneau input:hover {
              background: transparent; }
          header .headerGrid .LoginRegister .LoginDialog label.button span,
          header .headerGrid .LoginRegister .LoginDialog label.button--cancel span,
          header .headerGrid .LoginRegister .LoginDialog label.button--submitConversion span,
          header .headerGrid .LoginRegister .LoginDialog label.button--submitNext span,
          header .headerGrid .LoginRegister .LoginDialog label.button--submit span,
          header .headerGrid .LoginRegister .LoginDialog label.button--bruneau span {
            display: none; }
        header .headerGrid .LoginRegister .LoginDialog .button--cancel {
          background: #bdbdbd;
          color: #ffffff; }
          header .headerGrid .LoginRegister .LoginDialog .button--cancel input {
            color: #ffffff; }
            header .headerGrid .LoginRegister .LoginDialog .button--cancel input:hover {
              color: #ffffff; }
          header .headerGrid .LoginRegister .LoginDialog .button--cancel:hover {
            color: #ffffff;
            background: #000000; }
        header .headerGrid .LoginRegister .LoginDialog .orderstatus {
          margin-top: 0.2em; }
        header .headerGrid .LoginRegister .LoginDialog .adjoinedText {
          margin-bottom: 1rem;
          display: block; }
        header .headerGrid .LoginRegister .LoginDialog .title {
          font-size: 15px;
          line-height: 1.2rem;
          font-family: "Roboto";
          font-weight: 500;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          margin-bottom: 1rem;
          display: block; }
        header .headerGrid .LoginRegister .LoginDialog .chooseBranch-form {
          position: relative; }
          header .headerGrid .LoginRegister .LoginDialog .chooseBranch-form .form-row {
            display: block;
            margin-bottom: 1rem; }
      header .headerGrid .LoginRegister input.tooltip,
      header .headerGrid .LoginRegister input.tooltipInput,
      header .headerGrid .LoginRegister label.tooltip {
        display: none; }
      header .headerGrid .LoginRegister .linkShowTooltip {
        position: relative;
        cursor: pointer; }
      header .headerGrid .LoginRegister .tooltip {
        position: absolute;
        top: unset;
        bottom: unset;
        left: unset;
        right: unset; }
        header .headerGrid .LoginRegister .tooltip input {
          display: none; }
        header .headerGrid .LoginRegister .tooltip .tooltipContent {
          position: relative;
          bottom: unset;
          top: unset;
          background: #ffcc00;
          padding: 1rem;
          z-index: 3;
          color: #000000 !important;
          text-align: left;
          font-size: 12px;
          line-height: 1.6rem;
          font-family: "Roboto";
          font-weight: 400;
          line-height: normal;
          width: 15rem;
          -moz-transform: translateY(10px);
          -o-transform: translateY(10px);
          -ms-transform: translateY(10px);
          -webkit-transform: translateY(10px);
          transform: translateY(10px);
          opacity: 0; }
          header .headerGrid .LoginRegister .tooltip .tooltipContent:before {
            width: .8rem;
            height: .8rem;
            background: #ffcc00;
            transform: rotate(135deg);
            content: "";
            position: absolute;
            left: unset;
            right: unset;
            bottom: -0.4rem;
            top: unset; }
          header .headerGrid .LoginRegister .tooltip .tooltipContent .ui--close {
            display: block;
            position: absolute;
            top: .3rem;
            right: .5rem; }
            header .headerGrid .LoginRegister .tooltip .tooltipContent .ui--close:before {
              font-family: 'bruneauAdaptiveIcons';
              font-size: 2rem;
              speak: none;
              font-style: normal;
              font-weight: normal;
              font-variant: normal;
              text-transform: none;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              content: "\e913";
              font-size: 1rem; }
      header .headerGrid .LoginRegister .tooltip.ui--info {
        position: relative;
        right: unset;
        bottom: unset;
        left: unset;
        display: inline-block; }
        header .headerGrid .LoginRegister .tooltip.ui--info .tooltipContent {
          position: absolute;
          bottom: 25px;
          left: -10px;
          -moz-transform: translateY(10px);
          -o-transform: translateY(10px);
          -ms-transform: translateY(10px);
          -webkit-transform: translateY(10px);
          transform: translateY(10px);
          transition: all .2s ease-in-out;
          opacity: 0; }
        header .headerGrid .LoginRegister .tooltip.ui--info:before {
          font-family: 'bruneauAdaptiveIcons';
          font-size: 2rem;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "\e90d";
          font-size: 1.3rem;
          line-height: normal;
          vertical-align: middle; }
        header .headerGrid .LoginRegister .tooltip.ui--info .ui--close {
          display: none; }
      header .headerGrid .LoginRegister .tooltip.ui--info:hover .tooltipContent {
        opacity: 1;
        -moz-transform: translateY(0px);
        -o-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        transform: translateY(0px); }
      header .headerGrid .LoginRegister .linkShowTooltip:hover .tooltipContent,
      header .headerGrid .LoginRegister .linkShowTooltip:hover .tooltip {
        opacity: 1;
        -moz-transform: translateY(0px);
        -o-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        transform: translateY(0px); }
      .touchevents .linkShowTooltip:hover .tooltipContent,
      .touchevents .linkShowTooltip:hover .tooltip {
        opacity: unset;
        transform: unset; }
      .touchevents .tooltip.ui--info:hover .tooltipContent {
        opacity: unset;
        transform: unset; }
      .touchevents .tooltip .ui--close {
        display: block; }
      .touchevents .tooltip [type="radio"].tooltipInput:not(:checked) ~ .tooltipContent {
        -moz-transform: translateY(10px);
        -o-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        opacity: 0; }
      .touchevents .tooltip [type="radio"].tooltipInput:checked ~ .tooltipContent {
        opacity: 1;
        -moz-transform: translateY(0px);
        -o-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        transform: translateY(0px); }
      header .headerGrid .LoginRegister label.simple-input-type-text,
      header .headerGrid .LoginRegister label.simple-input-type-dateTime {
        width: 100%;
        display: block;
        margin-bottom: 1rem;
        font-size: 18px;
        line-height: 1.2rem;
        font-family: "Roboto";
        font-weight: 400; }
        header .headerGrid .LoginRegister label.simple-input-type-text input,
        header .headerGrid .LoginRegister label.simple-input-type-dateTime input {
          font-size: 15px;
          line-height: 1.2rem;
          font-family: "Roboto";
          font-weight: 300;
          width: 100%;
          display: block;
          height: 3rem;
          line-height: 3rem;
          border: 1px solid #9b9b9b;
          padding-left: .5rem;
          padding-right: .5rem;
          cursor: text; }
          header .headerGrid .LoginRegister label.simple-input-type-text input:hover,
          header .headerGrid .LoginRegister label.simple-input-type-dateTime input:hover {
            border: 1.2px solid	#000000; }
          header .headerGrid .LoginRegister label.simple-input-type-text input:focus,
          header .headerGrid .LoginRegister label.simple-input-type-dateTime input:focus {
            border: 1.2px solid	#000000; }
          header .headerGrid .LoginRegister label.simple-input-type-text input:active,
          header .headerGrid .LoginRegister label.simple-input-type-dateTime input:active {
            border: 1.2px solid	#000000; }
          header .headerGrid .LoginRegister label.simple-input-type-text input:focus-within,
          header .headerGrid .LoginRegister label.simple-input-type-dateTime input:focus-within {
            border: 1.2px solid	#000000; }
          header .headerGrid .LoginRegister label.simple-input-type-text input:valid,
          header .headerGrid .LoginRegister label.simple-input-type-dateTime input:valid {
            /*@include border--succes;*/ }
          header .headerGrid .LoginRegister label.simple-input-type-text input:invalid,
          header .headerGrid .LoginRegister label.simple-input-type-dateTime input:invalid {
            border: 1px solid #e42313; }
        header .headerGrid .LoginRegister label.simple-input-type-text input.changing,
        header .headerGrid .LoginRegister label.simple-input-type-dateTime input.changing {
          border: 1px solid #739900; }
        header .headerGrid .LoginRegister label.simple-input-type-text > span,
        header .headerGrid .LoginRegister label.simple-input-type-dateTime > span {
          width: 100%;
          display: block;
          margin-bottom: 1rem;
          margin-top: 1.5rem; }
        header .headerGrid .LoginRegister label.simple-input-type-text .errors,
        header .headerGrid .LoginRegister label.simple-input-type-dateTime .errors {
          margin-top: .5rem;
          color: #e42313;
          font-size: 15px;
          line-height: 1.2rem;
          font-family: "Roboto";
          font-weight: 400; }
      header .headerGrid .LoginRegister div.select {
        width: 100%;
        display: block;
        margin-bottom: 1rem;
        font-size: 18px;
        line-height: 1.2rem;
        font-family: "Roboto";
        font-weight: 400;
        position: relative; }
        header .headerGrid .LoginRegister div.select:after {
          width: 1rem;
          position: absolute;
          top: 3.0rem;
          right: 1rem;
          font-family: 'bruneauAdaptiveIcons';
          font-size: 2rem;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "\e947";
          font-size: 1.2rem;
          transition: all 0.4s ease;
          display: block;
          line-height: 2.3rem;
          pointer-events: none; }
        header .headerGrid .LoginRegister div.select > span {
          width: auto;
          display: inline-block;
          margin-bottom: .7rem;
          margin-top: .7rem; }
        header .headerGrid .LoginRegister div.select select {
          -webkit-appearance: none;
          -moz-appearance: none;
          -ms-appearance: none;
          appearance: none;
          outline: 0;
          box-shadow: none;
          background-image: none;
          width: 100%;
          height: 100%;
          margin: 0;
          position: relative;
          display: block;
          overflow: hidden;
          color: #000000;
          border: 1px solid #9b9b9b;
          cursor: pointer;
          font-size: 15px;
          line-height: 1.2rem;
          font-family: "Roboto";
          font-weight: 300;
          padding: 0.75rem 0.5rem 0.75rem .5rem;
          white-space: nowrap; }
          header .headerGrid .LoginRegister div.select select:-moz-focusring {
            color: transparent;
            text-shadow: 0 0 0 #000000; }
          header .headerGrid .LoginRegister div.select select:-ms-expand {
            display: none; }
          header .headerGrid .LoginRegister div.select select option {
            -moz-appearance: none;
            appearance: none;
            -webkit-appearance: none;
            outline: 0;
            border: none;
            font-size: 18px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 400; }
          header .headerGrid .LoginRegister div.select select:after {
            vertical-align: middle;
            width: 1rem;
            position: absolute;
            top: .5rem;
            right: 1rem;
            font-family: 'bruneauAdaptiveIcons';
            font-size: 2rem;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\e947";
            font-size: 1.2rem;
            transition: all 0.4s ease;
            display: block;
            line-height: 2.3rem;
            pointer-events: none; }
        header .headerGrid .LoginRegister div.select select:focus {
          border: 1.2px solid	#000000; }
        header .headerGrid .LoginRegister div.select ul.cFormStyledSelect {
          position: relative;
          margin-left: 0;
          top: 0;
          visibility: visible;
          opacity: 1;
          transform: translateY(0%);
          transition-delay: 0s, 0s, 0.3s;
          height: auto;
          vertical-align: middle;
          font-size: 15px;
          line-height: 1.2rem;
          font-family: "Roboto";
          font-weight: 300; }
          header .headerGrid .LoginRegister div.select ul.cFormStyledSelect .colorBox {
            display: none; }
          header .headerGrid .LoginRegister div.select ul.cFormStyledSelect input[type="radio"] {
            display: none; }
        header .headerGrid .LoginRegister div.select .selectPreview {
          padding-left: 1rem;
          line-height: normal;
          cursor: pointer;
          vertical-align: middle;
          border: 1px solid #9b9b9b;
          height: 2.3rem;
          line-height: 2.3rem;
          display: inline-block;
          width: 100%; }
          @media (max-width: 480.1px) {
            header .headerGrid .LoginRegister div.select .selectPreview {
              width: 100%; } }
          header .headerGrid .LoginRegister div.select .selectPreview .ui--angle-down {
            line-height: 1rem; }
          header .headerGrid .LoginRegister div.select .selectPreview .styledSelect {
            height: 2.2rem;
            margin-left: .7rem; }
          header .headerGrid .LoginRegister div.select .selectPreview:after {
            transform: rotate(-180deg);
            vertical-align: middle;
            width: 1rem;
            font-family: 'bruneauAdaptiveIcons';
            font-size: 2rem;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\e947";
            font-size: 1.2rem;
            transition: all 0.4s ease;
            display: inline-block;
            vertical-align: middle;
            line-height: 2.2rem; }
          header .headerGrid .LoginRegister div.select .selectPreview label {
            line-height: normal;
            width: calc(100% - 1.5rem);
            display: inline-block;
            vertical-align: middle;
            line-height: 2.2rem; }
        header .headerGrid .LoginRegister div.select ul.cFormStyledSelect {
          background: #ffffff;
          position: absolute;
          top: 0;
          -moz-appearance: none;
          appearance: none;
          -webkit-appearance: none;
          white-space: nowrap;
          outline: 0;
          z-index: 1;
          visibility: hidden;
          opacity: 0;
          transform: translateY(0em);
          transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; }
          header .headerGrid .LoginRegister div.select ul.cFormStyledSelect li {
            background: #ffffff;
            padding-left: 1rem;
            padding-right: 1rem;
            border-left: 1px solid #9b9b9b;
            border-bottom: 1px solid #9b9b9b;
            border-right: 1px solid #9b9b9b;
            height: 2.3rem;
            line-height: 2.3rem;
            vertical-align: middle;
            width: 100%; }
            header .headerGrid .LoginRegister div.select ul.cFormStyledSelect li label {
              display: block;
              height: 2.3rem;
              line-height: 2.3rem;
              vertical-align: middle;
              width: 100%; }
              header .headerGrid .LoginRegister div.select ul.cFormStyledSelect li label .labelText {
                line-height: normal;
                width: 13rem;
                display: inline-block;
                vertical-align: middle;
                line-height: 2.2rem; }
                @media (max-width: 480.1px) {
                  header .headerGrid .LoginRegister div.select ul.cFormStyledSelect li label .labelText {
                    width: 100%; } }
              header .headerGrid .LoginRegister div.select ul.cFormStyledSelect li label .colorBox {
                width: 1.3rem;
                height: 1.3rem;
                display: inline-block;
                margin-right: .5rem;
                vertical-align: middle;
                line-height: normal; }
            header .headerGrid .LoginRegister div.select ul.cFormStyledSelect li.selected, header .headerGrid .LoginRegister div.select ul.cFormStyledSelect li.focus {
              border-top: none;
              background: #dddddd; }
            header .headerGrid .LoginRegister div.select ul.cFormStyledSelect li:hover {
              background: #dddddd;
              color: #000000; }
        header .headerGrid .LoginRegister div.select .styledSelect.open {
          position: relative; }
          header .headerGrid .LoginRegister div.select .styledSelect.open .selectPreview:after {
            transform: rotate(0deg); }
          header .headerGrid .LoginRegister div.select .styledSelect.open ul.cFormStyledSelect {
            position: absolute;
            top: 100%;
            visibility: visible;
            opacity: 1;
            width: 100%;
            transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; }
        header .headerGrid .LoginRegister div.select .errors {
          margin-top: .5rem;
          color: #e42313;
          font-size: 15px;
          line-height: 1.2rem;
          font-family: "Roboto";
          font-weight: 400; }
      header .headerGrid .LoginRegister div.required span.mainlabel:after {
        content: '*'; }
      header .headerGrid .LoginRegister label.formInputChoice {
        position: relative;
        padding-left: 1.75rem;
        cursor: pointer;
        margin-bottom: 1rem;
        /* radio aspect */ }
        header .headerGrid .LoginRegister label.formInputChoice input[type=radio]:not(:checked),
        header .headerGrid .LoginRegister label.formInputChoice input[type=radio]:checked {
          position: absolute;
          left: -9999px; }
        header .headerGrid .LoginRegister label.formInputChoice .label:after {
          font-family: 'bruneauAdaptiveIcons';
          font-size: 2rem;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "\e94f"; }
        header .headerGrid .LoginRegister label.formInputChoice .label:before {
          font-family: 'bruneauAdaptiveIcons';
          font-size: 2rem;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "\e94e"; }
        header .headerGrid .LoginRegister label.formInputChoice input[type=radio]:not(:checked) + .label:before,
        header .headerGrid .LoginRegister label.formInputChoice input[type=radio]:checked + .label:before,
        header .headerGrid .LoginRegister label.formInputChoice .label:after,
        header .headerGrid .LoginRegister label.formInputChoice input[type=radio]:not(:checked) + .label:after,
        header .headerGrid .LoginRegister label.formInputChoice input[type=radio]:checked + .label:after {
          position: absolute;
          top: 0;
          left: 0;
          font-size: 1.2rem;
          line-height: 1.2rem;
          transition: all .2s; }
        header .headerGrid .LoginRegister label.formInputChoice input[type=radio]:not(:checked) + .label:before {
          opacity: 0;
          transform: scale(0); }
        header .headerGrid .LoginRegister label.formInputChoice input[type=radio]:checked + .label:before {
          opacity: 1;
          transform: scale(1); }
        header .headerGrid .LoginRegister label.formInputChoice input[type=radio]:not(:checked) + .label:after {
          opacity: 1;
          transform: scale(1); }
        header .headerGrid .LoginRegister label.formInputChoice input[type=radio]:checked + .label:after {
          opacity: 0;
          transform: scale(0); }
        header .headerGrid .LoginRegister label.formInputChoice input[type=radio]:not(:checked) + .label:after,
        header .headerGrid .LoginRegister label.formInputChoice input[type=radio]:checked + .label:after,
        header .headerGrid .LoginRegister label.formInputChoice input[type=radio]:not(:checked):focus + .label:after,
        header .headerGrid .LoginRegister label.formInputChoice input[type=radio]:checked:focus + .label:after {
          color: #9b9b9b; }
        header .headerGrid .LoginRegister label.formInputChoice input[type=radio]:disabled:before,
        header .headerGrid .LoginRegister label.formInputChoice input[type=radio].disabled:before {
          color: #bdbdbd;
          cursor: default; }
        header .headerGrid .LoginRegister label.formInputChoice input[type=radio]:checked + .label:before,
        header .headerGrid .LoginRegister label.formInputChoice input[type=radio]:not(:checked) + .label:before,
        header .headerGrid .LoginRegister label.formInputChoice input[type=radio]:hover + .label:before,
        header .headerGrid .LoginRegister label.formInputChoice input[type=radio]:checked:focus + .label:before,
        header .headerGrid .LoginRegister label.formInputChoice input[type=radio]:not(:checked):focus + .label:before {
          color: #739900; }
      header .headerGrid .LoginRegister label.button,
      header .headerGrid .LoginRegister label.button--cancel,
      header .headerGrid .LoginRegister label.button--submitConversion,
      header .headerGrid .LoginRegister label.button--submitNext,
      header .headerGrid .LoginRegister label.button--submit,
      header .headerGrid .LoginRegister label.button--bruneau {
        height: 3rem;
        line-height: 3rem;
        vertical-align: middle;
        position: relative;
        display: inline-block;
        width: 100%;
        text-align: center;
        border-radius: 0.3rem;
        margin-top: 1.5rem;
        margin-bottom: 1rem; }
        header .headerGrid .LoginRegister label.button input,
        header .headerGrid .LoginRegister label.button--cancel input,
        header .headerGrid .LoginRegister label.button--submitConversion input,
        header .headerGrid .LoginRegister label.button--submitNext input,
        header .headerGrid .LoginRegister label.button--submit input,
        header .headerGrid .LoginRegister label.button--bruneau input {
          width: 100%;
          height: 3rem;
          line-height: 3rem;
          vertical-align: middle;
          font-size: 18px;
          line-height: 1.2rem;
          font-family: "Roboto";
          font-weight: 700;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          text-align: center;
          background: transparent;
          border: none;
          cursor: pointer;
          text-align: center;
          vertical-align: middle; }
          header .headerGrid .LoginRegister label.button input:hover,
          header .headerGrid .LoginRegister label.button--cancel input:hover,
          header .headerGrid .LoginRegister label.button--submitConversion input:hover,
          header .headerGrid .LoginRegister label.button--submitNext input:hover,
          header .headerGrid .LoginRegister label.button--submit input:hover,
          header .headerGrid .LoginRegister label.button--bruneau input:hover {
            background: transparent; }
        header .headerGrid .LoginRegister label.button span,
        header .headerGrid .LoginRegister label.button--cancel span,
        header .headerGrid .LoginRegister label.button--submitConversion span,
        header .headerGrid .LoginRegister label.button--submitNext span,
        header .headerGrid .LoginRegister label.button--submit span,
        header .headerGrid .LoginRegister label.button--bruneau span {
          display: none; }
      header .headerGrid .LoginRegister .button--submit {
        background: #333333;
        color: #ffffff; }
        header .headerGrid .LoginRegister .button--submit input {
          color: #ffffff; }
          header .headerGrid .LoginRegister .button--submit input:hover {
            border: none;
            color: #ffffff; }
          header .headerGrid .LoginRegister .button--submit input:hover {
            color: #ffffff;
            display: inline-block; }
        header .headerGrid .LoginRegister .button--submit:hover {
          background: #000000;
          color: #ffffff;
          display: inline-block; }
      header .headerGrid .LoginRegister .button--submit {
        overflow: hidden;
        position: relative; }
      header .headerGrid .LoginRegister .button--submit:after {
        content: '';
        display: block;
        width: 0;
        height: .3rem;
        background: #f2f2f2;
        transition: ease-out width .7s;
        position: absolute;
        bottom: 0;
        left: 0; }
      header .headerGrid .LoginRegister .button--submit.saving:after {
        width: 100%; }
      header .headerGrid .LoginRegister label.button,
      header .headerGrid .LoginRegister label.button--cancel,
      header .headerGrid .LoginRegister label.button--submitConversion,
      header .headerGrid .LoginRegister label.button--submitNext,
      header .headerGrid .LoginRegister label.button--submit,
      header .headerGrid .LoginRegister label.button--bruneau {
        height: 3rem;
        line-height: 3rem;
        vertical-align: middle;
        position: relative;
        display: inline-block;
        width: 100%;
        text-align: center;
        border-radius: 0.3rem;
        margin-top: 1.5rem;
        margin-bottom: 1rem; }
        header .headerGrid .LoginRegister label.button input,
        header .headerGrid .LoginRegister label.button--cancel input,
        header .headerGrid .LoginRegister label.button--submitConversion input,
        header .headerGrid .LoginRegister label.button--submitNext input,
        header .headerGrid .LoginRegister label.button--submit input,
        header .headerGrid .LoginRegister label.button--bruneau input {
          width: 100%;
          height: 3rem;
          line-height: 3rem;
          vertical-align: middle;
          font-size: 18px;
          line-height: 1.2rem;
          font-family: "Roboto";
          font-weight: 700;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          text-align: center;
          background: transparent;
          border: none;
          cursor: pointer;
          text-align: center;
          vertical-align: middle; }
          header .headerGrid .LoginRegister label.button input:hover,
          header .headerGrid .LoginRegister label.button--cancel input:hover,
          header .headerGrid .LoginRegister label.button--submitConversion input:hover,
          header .headerGrid .LoginRegister label.button--submitNext input:hover,
          header .headerGrid .LoginRegister label.button--submit input:hover,
          header .headerGrid .LoginRegister label.button--bruneau input:hover {
            background: transparent; }
        header .headerGrid .LoginRegister label.button span,
        header .headerGrid .LoginRegister label.button--cancel span,
        header .headerGrid .LoginRegister label.button--submitConversion span,
        header .headerGrid .LoginRegister label.button--submitNext span,
        header .headerGrid .LoginRegister label.button--submit span,
        header .headerGrid .LoginRegister label.button--bruneau span {
          display: none; }
      header .headerGrid .LoginRegister .button--cancel {
        background: #bdbdbd;
        color: #ffffff; }
        header .headerGrid .LoginRegister .button--cancel input {
          color: #ffffff; }
          header .headerGrid .LoginRegister .button--cancel input:hover {
            color: #ffffff; }
        header .headerGrid .LoginRegister .button--cancel:hover {
          color: #ffffff;
          background: #000000; }
      header .headerGrid .LoginRegister label.input-type-password {
        position: relative;
        display: block; }
      header .headerGrid .LoginRegister label.simple-input-type-text > span.togglePassword {
        position: absolute;
        top: 1.7rem;
        right: .5rem;
        text-transform: uppercase;
        font-family: "Roboto";
        font-weight: 500;
        display: inline-block;
        width: auto; }
      header .headerGrid .LoginRegister .forgotPasswordMessage {
        display: block;
        margin: 0.5em 0; }
      header .headerGrid .LoginRegister .input-type-password span.label:hover .hint {
        display: block; }
      header .headerGrid .LoginRegister .title {
        margin-bottom: 1rem;
        margin-top: .5rem;
        display: block;
        font-size: 18px;
        line-height: 1.2rem;
        font-family: "Roboto";
        font-weight: 400; }
      header .headerGrid .LoginRegister .hint {
        display: none;
        width: 16rem;
        height: auto;
        top: auto;
        bottom: 2rem;
        background: #ffffff;
        border: 1px solid #9b9b9b;
        position: absolute;
        padding: 0.5rem;
        left: 1.25rem; }
        header .headerGrid .LoginRegister .hint:before {
          width: 1rem;
          height: 1rem;
          background: #ffffff;
          transform: rotate(225deg);
          border-left: 1px solid #9b9b9b;
          border-top: 1px solid #9b9b9b;
          content: "";
          bottom: -0.6rem;
          top: auto;
          right: 88%;
          left: auto;
          position: absolute; }
      header .headerGrid .LoginRegister a.register,
      header .headerGrid .LoginRegister a.forgotPassword,
      header .headerGrid .LoginRegister a.login {
        text-decoration: underline; }
      header .headerGrid .LoginRegister .forgotPassword-box.hide,
      header .headerGrid .LoginRegister .register-box.hide,
      header .headerGrid .LoginRegister .login-box.hide {
        display: none; }
      header .headerGrid .LoginRegister .forgotPassword-box.show,
      header .headerGrid .LoginRegister .register-box.hide.show,
      header .headerGrid .LoginRegister .login-box.show {
        display: block; }
    header .headerGrid .input-popOverSpeechbubble {
      display: none; }
    @media (max-width: 768.1px) {
      header .headerGrid .label-popOverSpeechbubble {
        position: unset !important; } }
    header .headerGrid .popOverSpeechbubble {
      position: absolute;
      font-size: 15px;
      line-height: 1.2rem;
      font-family: "Roboto";
      font-weight: 300;
      line-height: 1;
      top: 3rem;
      left: auto;
      right: 0;
      width: 23rem;
      text-align: left;
      overflow: visible;
      height: 0;
      max-height: 0;
      transition: max-height .6s;
      transition-delay: .25;
      opacity: 0;
      max-height: 0;
      height: 0;
      visibility: hidden; }
      @media (max-width: 480.1px) {
        header .headerGrid .popOverSpeechbubble {
          top: 2rem; } }
      header .headerGrid .popOverSpeechbubble__inner {
        width: 100%;
        border: 1px solid #9b9b9b;
        background: #ffffff;
        padding: 1rem;
        margin-top: .7rem;
        font-size: 15px;
        line-height: 1.2rem;
        font-family: "Roboto";
        font-weight: 400;
        width: 100%;
        border: 1px solid #9b9b9b;
        background: #ffffff;
        padding: 1rem; }
        header .headerGrid .popOverSpeechbubble__inner:before {
          width: 1rem;
          height: 1rem;
          background: #ffffff;
          transform: rotate(45deg);
          border-left: 1px solid #9b9b9b;
          border-top: 1px solid #9b9b9b;
          content: "";
          position: absolute;
          right: 1.2rem;
          top: 0.25rem; }
          @media (max-width: 768.1px) {
            header .headerGrid .popOverSpeechbubble__inner:before {
              display: none; } }
        header .headerGrid .popOverSpeechbubble__inner:after {
          width: 1rem;
          height: 1rem;
          background: #ffffff;
          transform: rotate(45deg);
          border-left: 1px solid #9b9b9b;
          border-top: 1px solid #9b9b9b;
          content: "";
          position: absolute;
          right: 1.2rem;
          top: 0.18rem; }
          @media (max-width: 768.1px) {
            header .headerGrid .popOverSpeechbubble__inner:after {
              display: none; } }
        header .headerGrid .popOverSpeechbubble__inner .popOver-row {
          width: 100%;
          display: block; }
        header .headerGrid .popOverSpeechbubble__inner .popOver-listitem {
          border-bottom: 1px solid #9b9b9b;
          width: 100%;
          display: inline-block; }
          header .headerGrid .popOverSpeechbubble__inner .popOver-listitem:before {
            margin-right: 0.5rem;
            vertical-align: middle;
            font-size: 2rem;
            color: #000000;
            display: inline-block; }
          header .headerGrid .popOverSpeechbubble__inner .popOver-listitem:last-child {
            border-bottom: none; }
          header .headerGrid .popOverSpeechbubble__inner .popOver-listitem a:hover, header .headerGrid .popOverSpeechbubble__inner .popOver-listitem:hover {
            color: #e42313; }
        header .headerGrid .popOverSpeechbubble__inner .popOver-title {
          font-size: 15px;
          line-height: 1.2rem;
          font-family: "Roboto";
          font-weight: 500;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          line-height: 1;
          margin-top: 1rem;
          margin-bottom: 1.5rem;
          display: block; }
        header .headerGrid .popOverSpeechbubble__inner .popOver-subtitle {
          font-size: 15px;
          line-height: 1.2rem;
          font-family: "Roboto";
          font-weight: 500;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          display: block; }
      header .headerGrid .popOverSpeechbubble .label-popOver-close {
        text-align: right;
        position: absolute;
        right: 1rem;
        top: 1rem;
        display: none; }
        header .headerGrid .popOverSpeechbubble .label-popOver-close .input-popOver {
          display: none; }
        header .headerGrid .popOverSpeechbubble .label-popOver-close:before {
          font-family: 'bruneauAdaptiveIcons';
          font-size: 2rem;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "\e913"; }
      header .headerGrid .popOverSpeechbubble .contact-box,
      header .headerGrid .popOverSpeechbubble .popOver__bottom {
        background: #f2f2f2;
        padding: 1.5rem;
        border: 1px dashed #9b9b9b;
        margin-top: 2rem; }
        header .headerGrid .popOverSpeechbubble .contact-box a.phoneNumber,
        header .headerGrid .popOverSpeechbubble .contact-box a.chat,
        header .headerGrid .popOverSpeechbubble .popOver__bottom a.phoneNumber,
        header .headerGrid .popOverSpeechbubble .popOver__bottom a.chat {
          text-decoration: underline; }
        header .headerGrid .popOverSpeechbubble .contact-box a.phoneNumber,
        header .headerGrid .popOverSpeechbubble .popOver__bottom a.phoneNumber {
          white-space: nowrap; }
        header .headerGrid .popOverSpeechbubble .contact-box .title--contact-box,
        header .headerGrid .popOverSpeechbubble .popOver__bottom .title--contact-box {
          font-size: 15px;
          line-height: 1.2rem;
          font-family: "Roboto";
          font-weight: 500;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          display: block;
          margin-bottom: 0; }
      @media (max-width: 768.1px) {
        header .headerGrid .popOverSpeechbubble {
          width: 100%;
          display: block;
          right: 0;
          left: 0; } }
    .touchevents .label-popOverSpeechbubble:hover {
      cursor: pointer; }
    @media (any-hover: hover) {
      header .headerGrid .label-popOverSpeechbubble:hover .popOverSpeechbubble {
        opacity: 1;
        max-height: 200rem;
        height: auto;
        visibility: visible;
        cursor: default; } }
    .no-csspointerevents .label-popOverSpeechbubble:hover .popOverSpeechbubble {
      opacity: 1;
      max-height: 200rem;
      height: auto;
      visibility: visible;
      cursor: default; }
    @media (any-hover: on-demand) {
      header .headerGrid .input-popOverSpeechbubble:checked ~ .popOverSpeechbubble {
        opacity: 1;
        max-height: 200rem;
        height: auto;
        visibility: visible;
        cursor: default; } }
    @media (any-hover: none) {
      header .headerGrid .input-popOverSpeechbubble:checked ~ .popOverSpeechbubble {
        opacity: 1;
        max-height: 200rem;
        height: auto;
        visibility: visible;
        cursor: default; } }
    header .headerGrid .popOverSpeechbubble.show {
      opacity: 1;
      max-height: 200rem;
      height: auto;
      visibility: visible; }
    _:-ms-input-placeholder,
    :root .label-popOverSpeechbubble:hover .popOverSpeechbubble {
      opacity: 1 !important;
      max-height: 200rem !important;
      height: auto !important;
      visibility: visible !important;
      cursor: default !important; }
    .ie .label-popOverSpeechbubble:hover .popOverSpeechbubble {
      opacity: 1 !important;
      max-height: 200rem !important;
      height: auto !important;
      visibility: visible !important;
      cursor: default !important; }
    .lt-ie9 .label-popOverSpeechbubble:hover .popOverSpeechbubble {
      opacity: 1 !important;
      max-height: 200rem !important;
      height: auto !important;
      visibility: visible !important;
      cursor: default !important; }
    .no-csspointerevents .label-popOverSpeechbubble:hover .popOverSpeechbubble {
      opacity: 1 !important;
      max-height: 200rem !important;
      height: auto !important;
      visibility: visible !important;
      cursor: default !important; }
    header .headerGrid .badge {
      position: absolute; }
      header .headerGrid .badge__content {
        font-size: 12px;
        line-height: 1.6rem;
        font-family: "Roboto";
        font-weight: 700;
        height: 1.7rem;
        width: 1.7rem;
        line-height: 1.7rem;
        display: inline-block;
        background: #333333;
        color: #ffffff;
        border-radius: 50%;
        text-align: center; }
    header .headerGrid .speech-bubble {
      position: absolute;
      padding: .2rem;
      border: 1px dashed #9b9b9b;
      border-radius: 0.175rem;
      font-size: 11px;
      line-height: 10px;
      background: #f2f2f2;
      min-width: 4rem;
      top: .89rem;
      right: 2.5rem;
      left: auto; }
      @media (max-width: 480.1px) {
        header .headerGrid .speech-bubble {
          display: none; } }
      header .headerGrid .speech-bubble .bubbel-title {
        display: block;
        font-family: "Roboto";
        font-weight: 500; }
    header .headerGrid .LoginRegisterDialog {
      right: 0rem;
      visibility: hidden;
      opacity: 0;
      /* keep open when hovering */ }
      header .headerGrid .LoginRegisterDialog .popOverSpeechbubble__inner:before,
      header .headerGrid .LoginRegisterDialog .popOverSpeechbubble__inner:after {
        right: 1rem; }
      header .headerGrid .LoginRegisterDialog--show {
        visibility: visible;
        opacity: 1;
        max-height: 200rem;
        height: auto; }
      header .headerGrid .LoginRegisterDialog .orderstatus {
        margin-top: 0.2em; }
    header .headerGrid .LoginRegisterDialog.openInputHover {
      visibility: visible;
      opacity: 1;
      max-height: 200rem;
      height: auto; }
    header .headerGrid .AccountListPopOver {
      right: 0; }
      header .headerGrid .AccountListPopOver .preloader.hide {
        display: none; }
      header .headerGrid .AccountListPopOver .preloader {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        background: #ffffff;
        opacity: 0.9;
        display: block;
        height: 100%;
        text-align: center;
        z-index: 3; }
        header .headerGrid .AccountListPopOver .preloader .preloader__text {
          font-size: 15px;
          line-height: 1.2rem;
          font-family: "Roboto";
          font-weight: 300;
          text-align: center;
          margin-top: 1rem; }
        header .headerGrid .AccountListPopOver .preloader .preloader__animation {
          display: inline-block;
          width: 2rem;
          height: 2rem;
          border-radius: 50%;
          margin: 2rem auto;
          border: 0.3rem solid #e42313;
          border-color: #e42313;
          border-bottom-color: transparent;
          animation: circ-anim 0.7s linear infinite; }

@keyframes circ-anim {
  from {
    transform: rotate(0); }
  to {
    transform: rotate(360deg); } }
      header .headerGrid .AccountListPopOver .preloader.show {
        display: block; }
      header .headerGrid .AccountListPopOver .contact-details {
        margin-top: 1rem; }
      header .headerGrid .AccountListPopOver .popOver__inner:before {
        right: 3.2rem; }
      header .headerGrid .AccountListPopOver .popOver__inner:after {
        right: 3.2rem; }
      header .headerGrid .AccountListPopOver .popOver-listitem {
        height: 3rem;
        line-height: 3rem; }
      header .headerGrid .AccountListPopOver .popOver-listitem.balance:before {
        font-family: 'bruneauAdaptiveIcons';
        font-size: 2rem;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e929"; }
      header .headerGrid .AccountListPopOver .popOver-listitem.orders:before {
        font-family: 'bruneauAdaptiveIcons';
        font-size: 2rem;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e92b"; }
      header .headerGrid .AccountListPopOver .popOver-listitem.favorites:before {
        font-family: 'bruneauAdaptiveIcons';
        font-size: 2rem;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e921"; }
      header .headerGrid .AccountListPopOver .popOver-listitem.password:before {
        font-family: 'bruneauAdaptiveIcons';
        font-size: 2rem;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e91b"; }
      header .headerGrid .AccountListPopOver .popOver-listitem.vouchers:before {
        font-family: 'bruneauAdaptiveIcons';
        font-size: 2rem;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e936"; }
      header .headerGrid .AccountListPopOver .popOver-listitem.club:before {
        font-family: 'bruneauAdaptiveIcons';
        font-size: 2rem;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e931";
        font-size: 1.8rem; }
      header .headerGrid .AccountListPopOver .popOver-listitem.personaldata:before {
        font-family: 'bruneauAdaptiveIcons';
        font-size: 2rem;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e91c"; }
      header .headerGrid .AccountListPopOver .popOver-listitem.emailprefs:before {
        font-family: 'bruneauAdaptiveIcons';
        font-size: 2rem;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e92a"; }
      header .headerGrid .AccountListPopOver .submenu-top {
        padding: 0.5rem 1rem;
        margin-bottom: 0.5em;
        border: 1px dashed #9b9b9b; }
        header .headerGrid .AccountListPopOver .submenu-top button {
          font-size: 15px;
          line-height: 1.2rem;
          font-family: "Roboto";
          font-weight: 500;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          color: #000000;
          text-decoration: underline;
          text-align: left;
          background: transparent;
          height: auto;
          line-height: normal; }
          header .headerGrid .AccountListPopOver .submenu-top button:hover {
            background: transparent;
            color: #e42313; }
        header .headerGrid .AccountListPopOver .submenu-top__left {
          display: inline-block;
          width: 15rem; }
          header .headerGrid .AccountListPopOver .submenu-top__left .popOver-title {
            margin-bottom: 0;
            display: inline-block; }
          header .headerGrid .AccountListPopOver .submenu-top__left .button--underline {
            display: inline-block;
            text-decoration: underline;
            background: transparent; }
        header .headerGrid .AccountListPopOver .submenu-top__right {
          display: inline-block;
          width: 1.5rem;
          vertical-align: top; }
        header .headerGrid .AccountListPopOver .submenu-top .UI-morning,
        header .headerGrid .AccountListPopOver .submenu-top .UI-noon,
        header .headerGrid .AccountListPopOver .submenu-top .UI-evening {
          font-size: 2.5rem; }
    @media (max-width: 768.1px) {
      header .headerGrid {
        grid-template-areas: "menu quickorder logo account cart search";
        grid-template-columns: 20% 20% 20% 20% 20% auto;
        grid-template-rows: auto auto;
        padding: 0 0 1rem; } }
    header .headerGrid .headerLogo {
      grid-area: logo;
      vertical-align: middle; }
      header .headerGrid .headerLogo .logo--baseline,
      header .headerGrid .headerLogo .logo--club {
        max-height: 3rem;
        vertical-align: middle;
        padding-right: .5rem;
        width: auto;
        display: block; }
        @media (max-width: 768.1px) {
          header .headerGrid .headerLogo .logo--baseline,
          header .headerGrid .headerLogo .logo--club {
            display: none; } }
      header .headerGrid .headerLogo .logo--mono {
        display: none; }
      header .headerGrid .headerLogo .logo--small,
      header .headerGrid .headerLogo .logo--club--small {
        display: none; }
        @media (max-width: 768.1px) {
          header .headerGrid .headerLogo .logo--small,
          header .headerGrid .headerLogo .logo--club--small {
            display: block;
            width: 3rem;
            line-height: 3rem;
            margin: 0 auto;
            text-align: center;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -ms-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease; } }
        @media (max-width: 480.1px) {
          header .headerGrid .headerLogo .logo--small,
          header .headerGrid .headerLogo .logo--club--small {
            width: 2.5rem;
            line-height: 2.5rem; } }
    header .headerGrid .badge {
      position: absolute; }
      header .headerGrid .badge__content {
        font-size: 12px;
        line-height: 1.6rem;
        font-family: "Roboto";
        font-weight: 700;
        height: 1.7rem;
        width: 1.7rem;
        line-height: 1.7rem;
        display: inline-block;
        background: #333333;
        color: #ffffff;
        border-radius: 50%;
        text-align: center; }
    header .headerGrid .account .input-popOver {
      display: none; }
    header .headerGrid .popOverSpeechbubble-item-quick {
      text-align: center;
      margin: 0;
      grid-area: quickorder; }
      header .headerGrid .popOverSpeechbubble-item-quick .input-popOverSpeechbubble {
        display: none; }
      header .headerGrid .popOverSpeechbubble-item-quick .label-popOverSpeechbubble {
        position: relative;
        display: inline-block;
        height: 100%; }
      header .headerGrid .popOverSpeechbubble-item-quick .popOverSpeechbubble-item-link {
        display: inline-block; }
      header .headerGrid .popOverSpeechbubble-item-quick .popOverSpeechbubble-item-link:before {
        font-family: 'bruneauAdaptiveIcons';
        font-size: 3rem;
        line-height: 1;
        -webkit-text-stroke: 0.5px #ffffff;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        content: "\e91f"; }
        @media (max-width: 1020.1px) {
          header .headerGrid .popOverSpeechbubble-item-quick .popOverSpeechbubble-item-link:before {
            margin-top: 0rem;
            -webkit-text-stroke: 0; } }
        @media (max-width: 480.1px) {
          header .headerGrid .popOverSpeechbubble-item-quick .popOverSpeechbubble-item-link:before {
            font-size: 2.25rem; } }
    header .headerGrid .popOverSpeechbubble-item-cart {
      grid-area: cart;
      text-align: center;
      margin: 0; }
      header .headerGrid .popOverSpeechbubble-item-cart .input-popOverSpeechbubble {
        display: none; }
      header .headerGrid .popOverSpeechbubble-item-cart .label-popOverSpeechbubble {
        position: relative;
        display: inline-block;
        height: 100%; }
      header .headerGrid .popOverSpeechbubble-item-cart .popOverSpeechbubble-item-link {
        display: inline-block;
        position: relative; }
      header .headerGrid .popOverSpeechbubble-item-cart .popOverSpeechbubble-item-link:before {
        font-family: 'bruneauAdaptiveIcons';
        font-size: 3rem;
        line-height: 1;
        -webkit-text-stroke: 0.5px #ffffff;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        content: "\e91d"; }
        @media (max-width: 1020.1px) {
          header .headerGrid .popOverSpeechbubble-item-cart .popOverSpeechbubble-item-link:before {
            margin-top: 0rem;
            -webkit-text-stroke: 0; } }
        @media (max-width: 480.1px) {
          header .headerGrid .popOverSpeechbubble-item-cart .popOverSpeechbubble-item-link:before {
            font-size: 2.25rem; } }
      header .headerGrid .popOverSpeechbubble-item-cart .badge {
        top: .3rem;
        right: -0.5rem;
        left: auto; }
        @media (max-width: 768.1px) {
          header .headerGrid .popOverSpeechbubble-item-cart .badge {
            top: .3rem;
            right: -0.5rem; } }
    header .headerGrid .popOverSpeechbubble-item-account {
      grid-area: account;
      text-align: center;
      margin: 0; }
      header .headerGrid .popOverSpeechbubble-item-account .logout,
      header .headerGrid .popOverSpeechbubble-item-account .contact-details a {
        text-decoration: underline; }
      header .headerGrid .popOverSpeechbubble-item-account .input-popOverSpeechbubble {
        display: none; }
      header .headerGrid .popOverSpeechbubble-item-account .label-popOverSpeechbubble {
        position: relative;
        display: inline-block;
        height: 100%; }
      header .headerGrid .popOverSpeechbubble-item-account .popOverSpeechbubble-item-link:before {
        font-family: 'bruneauAdaptiveIcons';
        font-size: 3rem;
        line-height: 1;
        -webkit-text-stroke: 0.5px #ffffff;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        content: "\e91c"; }
        @media (max-width: 1020.1px) {
          header .headerGrid .popOverSpeechbubble-item-account .popOverSpeechbubble-item-link:before {
            margin-top: 0rem;
            -webkit-text-stroke: 0; } }
        @media (max-width: 480.1px) {
          header .headerGrid .popOverSpeechbubble-item-account .popOverSpeechbubble-item-link:before {
            font-size: 2.25rem; } }
      header .headerGrid .popOverSpeechbubble-item-account .popOverSpeechbubble-item-link {
        display: inline-block;
        position: relative; }
      header .headerGrid .popOverSpeechbubble-item-account .badge {
        top: .3rem;
        right: -0.5rem;
        left: auto; }
        @media (max-width: 768.1px) {
          header .headerGrid .popOverSpeechbubble-item-account .badge {
            top: .3rem;
            right: -0.5rem; } }
  header .ui--hamburger {
    grid-area: menu; }
    header .ui--hamburger:before {
      font-family: 'bruneauAdaptiveIcons';
      font-size: 2rem;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e952";
      display: block;
      cursor: pointer;
      width: 20%;
      position: absolute;
      text-align: center;
      top: 1rem;
      font-size: 3rem;
      color: #000000;
      display: none; }
      @media (max-width: 768.1px) {
        header .ui--hamburger:before {
          display: block; } }
      @media (max-width: 480.1px) {
        header .ui--hamburger:before {
          font-size: 2.5rem;
          top: .6rem; } }
  header input.input-menu-mobile {
    display: none; }
  header .mobile-menu-top {
    display: none;
    width: 100%;
    top: 0; }
    @media (max-width: 768.1px) {
      header .mobile-menu-top {
        display: block;
        background: #000000;
        width: 100%;
        height: 3rem;
        line-height: 3rem;
        vertical-align: top; } }
    header .mobile-menu-top .mobile-menu-top-center {
      width: 100%;
      color: #ffffff;
      text-align: center;
      display: inline-block;
      font-size: 15px;
      line-height: 1.2rem;
      font-family: "Roboto";
      font-weight: 400;
      height: 3rem;
      line-height: 3rem;
      vertical-align: top; }
      header .mobile-menu-top .mobile-menu-top-center:before {
        font-family: 'bruneauAdaptiveIcons';
        font-size: 2rem;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e913";
        font-size: 1.2rem;
        display: inline-block;
        color: #ffffff;
        line-height: 3rem;
        margin-right: 0.25rem;
        vertical-align: middle; }
    header .mobile-menu-top__left {
      color: #ffffff;
      text-align: center;
      height: 3rem;
      line-height: 3rem;
      width: 2rem;
      display: inline-block;
      vertical-align: top; }
      header .mobile-menu-top__left:before {
        font-family: 'bruneauAdaptiveIcons';
        font-size: 2rem;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e945";
        font-size: 1.5rem;
        line-height: 1.5rem;
        color: #ffffff;
        vertical-align: top;
        padding-left: .5rem;
        margin-top: .8rem;
        display: inline-block; }
    header .mobile-menu-top__center {
      width: calc(100% - 6rem);
      color: #ffffff;
      text-align: center;
      display: inline-block;
      font-size: 15px;
      line-height: 1.2rem;
      font-family: "Roboto";
      font-weight: 400;
      height: 3rem;
      line-height: 3rem;
      vertical-align: top; }
      header .mobile-menu-top__center br,
      header .mobile-menu-top__center .split {
        display: none; }
    header .mobile-menu-top__right {
      height: 3rem;
      line-height: 3rem;
      color: #ffffff;
      text-align: center;
      display: inline-block;
      width: 2rem;
      vertical-align: top; }
      header .mobile-menu-top__right:after {
        font-family: 'bruneauAdaptiveIcons';
        font-size: 2rem;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e913";
        display: inline-block;
        font-size: 1.3rem;
        line-height: 1.3rem;
        vertical-align: top;
        padding-right: .5rem;
        margin-top: .9rem; }

header.sticky-header {
  height: auto;
  position: fixed;
  top: 0;
  box-shadow: 0 0 .5rem .05rem #666666;
  width: 100%; }
  header.sticky-header .logo-baseline {
    display: none; }
  header.sticky-header .logo-mono {
    display: block;
    height: 2.8rem;
    line-height: 2.8rem;
    vertical-align: middle;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    @media (max-width: 768.1px) {
      header.sticky-header .logo-mono {
        display: none; } }

/* fallback mixin for old browsers*/
.no-cssgrid header {
  vertical-align: top;
  width: 100% !important;
  display: block !important; }
  .no-cssgrid header .HeaderSearch {
    display: inline-block; }
    .no-cssgrid header .HeaderSearch label.button--search {
      display: inline; }
  .no-cssgrid header .headerGrid {
    width: 100% !important;
    display: block;
    vertical-align: top; }
    @media (max-width: 768.1px) {
      .no-cssgrid header .headerGrid {
        width: 100% !important;
        display: flex !important;
        flex-wrap: wrap;
        flex-direction: row; } }
  @media (max-width: 768.1px) {
    .no-cssgrid header .popOverSpeechbubble {
      width: 100% !important;
      display: block !important;
      left: 0 !important;
      right: 0 !important;
      position: fixed !important;
      top: 4rem !important; } }
  .no-cssgrid header .popOverSpeechbubble-item {
    width: 8%;
    display: inline-block;
    vertical-align: top; }
    @media (max-width: 768.1px) {
      .no-cssgrid header .popOverSpeechbubble-item {
        display: inline-block;
        padding: 0;
        margin: 0; } }
  @media (max-width: 768.1px) {
    .no-cssgrid header .popOverSpeechbubble-item-quick {
      order: 1;
      width: 20%;
      margin-left: 20%; } }
  .no-cssgrid header .headerLogo {
    width: 15%;
    display: inline-block;
    vertical-align: top; }
    @media (max-width: 768.1px) {
      .no-cssgrid header .headerLogo {
        order: 2;
        width: 20%; } }
  @media (max-width: 768.1px) {
    .no-cssgrid header .popOverSpeechbubble-item-account {
      order: 3;
      width: 20%; } }
  @media (max-width: 768.1px) {
    .no-cssgrid header .popOverSpeechbubble-item-cart {
      order: 4;
      width: 20%; } }
  .no-cssgrid header .HeaderSearch {
    width: 55%;
    display: inline-block;
    vertical-align: top; }
    @media (max-width: 768.1px) {
      .no-cssgrid header .HeaderSearch {
        order: 5;
        display: block;
        width: 100%;
        flex: 1 0 100%; } }

/* Selector Hacks IE 10+  */
_:-ms-input-placeholder,
:root header {
  vertical-align: top;
  width: 100% !important;
  display: block !important; }
  _:-ms-input-placeholder .HeaderSearch,
  :root header .HeaderSearch {
    display: inline-block; }
    _:-ms-input-placeholder .HeaderSearch label.button--search,
    :root header .HeaderSearch label.button--search {
      display: inline; }
  _:-ms-input-placeholder .headerGrid,
  :root header .headerGrid {
    width: 100% !important;
    display: block;
    vertical-align: top; }
    @media (max-width: 768.1px) {
      _:-ms-input-placeholder .headerGrid,
      :root header .headerGrid {
        width: 100% !important;
        display: flex !important;
        flex-wrap: wrap;
        flex-direction: row; } }
  @media (max-width: 768.1px) {
    _:-ms-input-placeholder .popOverSpeechbubble,
    :root header .popOverSpeechbubble {
      width: 100% !important;
      display: block !important;
      left: 0 !important;
      right: 0 !important;
      position: fixed !important;
      top: 4rem !important; } }
  _:-ms-input-placeholder .popOverSpeechbubble-item,
  :root header .popOverSpeechbubble-item {
    width: 8%;
    display: inline-block;
    vertical-align: top; }
    @media (max-width: 768.1px) {
      _:-ms-input-placeholder .popOverSpeechbubble-item,
      :root header .popOverSpeechbubble-item {
        display: inline-block;
        padding: 0;
        margin: 0; } }
  @media (max-width: 768.1px) {
    _:-ms-input-placeholder .popOverSpeechbubble-item-quick,
    :root header .popOverSpeechbubble-item-quick {
      order: 1;
      width: 20%;
      margin-left: 20%; } }
  _:-ms-input-placeholder .headerLogo,
  :root header .headerLogo {
    width: 15%;
    display: inline-block;
    vertical-align: top; }
    @media (max-width: 768.1px) {
      _:-ms-input-placeholder .headerLogo,
      :root header .headerLogo {
        order: 2;
        width: 20%; } }
  @media (max-width: 768.1px) {
    _:-ms-input-placeholder .popOverSpeechbubble-item-account,
    :root header .popOverSpeechbubble-item-account {
      order: 3;
      width: 20%; } }
  @media (max-width: 768.1px) {
    _:-ms-input-placeholder .popOverSpeechbubble-item-cart,
    :root header .popOverSpeechbubble-item-cart {
      order: 4;
      width: 20%; } }
  _:-ms-input-placeholder .HeaderSearch,
  :root header .HeaderSearch {
    width: 55%;
    display: inline-block;
    vertical-align: top; }
    @media (max-width: 768.1px) {
      _:-ms-input-placeholder .HeaderSearch,
      :root header .HeaderSearch {
        order: 5;
        display: block;
        width: 100%;
        flex: 1 0 100%; } }

/* Selector Hacks IE !,9,10 */
.ie header {
  vertical-align: top;
  width: 100% !important;
  display: block !important; }
  .ie header .HeaderSearch {
    display: inline-block; }
    .ie header .HeaderSearch label.button--search {
      display: inline; }
  .ie header .headerGrid {
    width: 100% !important;
    display: block;
    vertical-align: top; }
    @media (max-width: 768.1px) {
      .ie header .headerGrid {
        width: 100% !important;
        display: flex !important;
        flex-wrap: wrap;
        flex-direction: row; } }
  @media (max-width: 768.1px) {
    .ie header .popOverSpeechbubble {
      width: 100% !important;
      display: block !important;
      left: 0 !important;
      right: 0 !important;
      position: fixed !important;
      top: 4rem !important; } }
  .ie header .popOverSpeechbubble-item {
    width: 8%;
    display: inline-block;
    vertical-align: top; }
    @media (max-width: 768.1px) {
      .ie header .popOverSpeechbubble-item {
        display: inline-block;
        padding: 0;
        margin: 0; } }
  @media (max-width: 768.1px) {
    .ie header .popOverSpeechbubble-item-quick {
      order: 1;
      width: 20%;
      margin-left: 20%; } }
  .ie header .headerLogo {
    width: 15%;
    display: inline-block;
    vertical-align: top; }
    @media (max-width: 768.1px) {
      .ie header .headerLogo {
        order: 2;
        width: 20%; } }
  @media (max-width: 768.1px) {
    .ie header .popOverSpeechbubble-item-account {
      order: 3;
      width: 20%; } }
  @media (max-width: 768.1px) {
    .ie header .popOverSpeechbubble-item-cart {
      order: 4;
      width: 20%; } }
  .ie header .HeaderSearch {
    width: 55%;
    display: inline-block;
    vertical-align: top; }
    @media (max-width: 768.1px) {
      .ie header .HeaderSearch {
        order: 5;
        display: block;
        width: 100%;
        flex: 1 0 100%; } }

@supports not (display: grid) {
  header {
    vertical-align: top;
    width: 100% !important;
    display: block !important; }
    header .HeaderSearch {
      display: inline-block; }
      header .HeaderSearch label.button--search {
        display: inline; }
    header .headerGrid {
      width: 100% !important;
      display: block;
      vertical-align: top; }
      @media (max-width: 768.1px) {
        header .headerGrid {
          width: 100% !important;
          display: flex !important;
          flex-wrap: wrap;
          flex-direction: row; } }
    @media (max-width: 768.1px) {
      header .popOverSpeechbubble {
        width: 100% !important;
        display: block !important;
        left: 0 !important;
        right: 0 !important;
        position: fixed !important;
        top: 4rem !important; } }
    header .popOverSpeechbubble-item {
      width: 8%;
      display: inline-block;
      vertical-align: top; }
      @media (max-width: 768.1px) {
        header .popOverSpeechbubble-item {
          display: inline-block;
          padding: 0;
          margin: 0; } }
    @media (max-width: 768.1px) {
      header .popOverSpeechbubble-item-quick {
        order: 1;
        width: 20%;
        margin-left: 20%; } }
    header .headerLogo {
      width: 15%;
      display: inline-block;
      vertical-align: top; }
      @media (max-width: 768.1px) {
        header .headerLogo {
          order: 2;
          width: 20%; } }
    @media (max-width: 768.1px) {
      header .popOverSpeechbubble-item-account {
        order: 3;
        width: 20%; } }
    @media (max-width: 768.1px) {
      header .popOverSpeechbubble-item-cart {
        order: 4;
        width: 20%; } }
    header .HeaderSearch {
      width: 55%;
      display: inline-block;
      vertical-align: top; }
      @media (max-width: 768.1px) {
        header .HeaderSearch {
          order: 5;
          display: block;
          width: 100%;
          flex: 1 0 100%; } } }

.no-touchevents .label-level1:hover .level1-link {
  color: #e42313; }

/**
	* Story: Footer
*/
footer,
.footer {
  /*
	Chapter: popOverSpeechbubble
	---
	header popOverSpeechbubbles
*/
  /* easy hover */
  /* not support pointer media queries */
  /* difficult to hover or hover on long tab */
  /* no hover */
  /* Selector Hacks IE 10+ */
  margin-top: 3rem; }
  footer .input-popOverSpeechbubble,
  .footer .input-popOverSpeechbubble {
    display: none; }
  @media (max-width: 768.1px) {
    footer .label-popOverSpeechbubble,
    .footer .label-popOverSpeechbubble {
      position: unset !important; } }
  footer .popOverSpeechbubble,
  .footer .popOverSpeechbubble {
    position: absolute;
    font-size: 15px;
    line-height: 1.2rem;
    font-family: "Roboto";
    font-weight: 300;
    line-height: 1;
    top: 3rem;
    left: auto;
    right: 0;
    width: 23rem;
    text-align: left;
    overflow: visible;
    height: 0;
    max-height: 0;
    transition: max-height .6s;
    transition-delay: .25;
    opacity: 0;
    max-height: 0;
    height: 0;
    visibility: hidden; }
    @media (max-width: 480.1px) {
      footer .popOverSpeechbubble,
      .footer .popOverSpeechbubble {
        top: 2rem; } }
    footer .popOverSpeechbubble__inner,
    .footer .popOverSpeechbubble__inner {
      width: 100%;
      border: 1px solid #9b9b9b;
      background: #ffffff;
      padding: 1rem;
      margin-top: .7rem;
      font-size: 15px;
      line-height: 1.2rem;
      font-family: "Roboto";
      font-weight: 400;
      width: 100%;
      border: 1px solid #9b9b9b;
      background: #ffffff;
      padding: 1rem; }
      footer .popOverSpeechbubble__inner:before,
      .footer .popOverSpeechbubble__inner:before {
        width: 1rem;
        height: 1rem;
        background: #ffffff;
        transform: rotate(45deg);
        border-left: 1px solid #9b9b9b;
        border-top: 1px solid #9b9b9b;
        content: "";
        position: absolute;
        right: 1.2rem;
        top: 0.25rem; }
        @media (max-width: 768.1px) {
          footer .popOverSpeechbubble__inner:before,
          .footer .popOverSpeechbubble__inner:before {
            display: none; } }
      footer .popOverSpeechbubble__inner:after,
      .footer .popOverSpeechbubble__inner:after {
        width: 1rem;
        height: 1rem;
        background: #ffffff;
        transform: rotate(45deg);
        border-left: 1px solid #9b9b9b;
        border-top: 1px solid #9b9b9b;
        content: "";
        position: absolute;
        right: 1.2rem;
        top: 0.18rem; }
        @media (max-width: 768.1px) {
          footer .popOverSpeechbubble__inner:after,
          .footer .popOverSpeechbubble__inner:after {
            display: none; } }
      footer .popOverSpeechbubble__inner .popOver-row,
      .footer .popOverSpeechbubble__inner .popOver-row {
        width: 100%;
        display: block; }
      footer .popOverSpeechbubble__inner .popOver-listitem,
      .footer .popOverSpeechbubble__inner .popOver-listitem {
        border-bottom: 1px solid #9b9b9b;
        width: 100%;
        display: inline-block; }
        footer .popOverSpeechbubble__inner .popOver-listitem:before,
        .footer .popOverSpeechbubble__inner .popOver-listitem:before {
          margin-right: 0.5rem;
          vertical-align: middle;
          font-size: 2rem;
          color: #000000;
          display: inline-block; }
        footer .popOverSpeechbubble__inner .popOver-listitem:last-child,
        .footer .popOverSpeechbubble__inner .popOver-listitem:last-child {
          border-bottom: none; }
        footer .popOverSpeechbubble__inner .popOver-listitem a:hover, footer .popOverSpeechbubble__inner .popOver-listitem:hover,
        .footer .popOverSpeechbubble__inner .popOver-listitem a:hover,
        .footer .popOverSpeechbubble__inner .popOver-listitem:hover {
          color: #e42313; }
      footer .popOverSpeechbubble__inner .popOver-title,
      .footer .popOverSpeechbubble__inner .popOver-title {
        font-size: 15px;
        line-height: 1.2rem;
        font-family: "Roboto";
        font-weight: 500;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        line-height: 1;
        margin-top: 1rem;
        margin-bottom: 1.5rem;
        display: block; }
      footer .popOverSpeechbubble__inner .popOver-subtitle,
      .footer .popOverSpeechbubble__inner .popOver-subtitle {
        font-size: 15px;
        line-height: 1.2rem;
        font-family: "Roboto";
        font-weight: 500;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: block; }
    footer .popOverSpeechbubble .label-popOver-close,
    .footer .popOverSpeechbubble .label-popOver-close {
      text-align: right;
      position: absolute;
      right: 1rem;
      top: 1rem;
      display: none; }
      footer .popOverSpeechbubble .label-popOver-close .input-popOver,
      .footer .popOverSpeechbubble .label-popOver-close .input-popOver {
        display: none; }
      footer .popOverSpeechbubble .label-popOver-close:before,
      .footer .popOverSpeechbubble .label-popOver-close:before {
        font-family: 'bruneauAdaptiveIcons';
        font-size: 2rem;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e913"; }
    footer .popOverSpeechbubble .contact-box,
    footer .popOverSpeechbubble .popOver__bottom,
    .footer .popOverSpeechbubble .contact-box,
    .footer .popOverSpeechbubble .popOver__bottom {
      background: #f2f2f2;
      padding: 1.5rem;
      border: 1px dashed #9b9b9b;
      margin-top: 2rem; }
      footer .popOverSpeechbubble .contact-box a.phoneNumber,
      footer .popOverSpeechbubble .contact-box a.chat,
      footer .popOverSpeechbubble .popOver__bottom a.phoneNumber,
      footer .popOverSpeechbubble .popOver__bottom a.chat,
      .footer .popOverSpeechbubble .contact-box a.phoneNumber,
      .footer .popOverSpeechbubble .contact-box a.chat,
      .footer .popOverSpeechbubble .popOver__bottom a.phoneNumber,
      .footer .popOverSpeechbubble .popOver__bottom a.chat {
        text-decoration: underline; }
      footer .popOverSpeechbubble .contact-box a.phoneNumber,
      footer .popOverSpeechbubble .popOver__bottom a.phoneNumber,
      .footer .popOverSpeechbubble .contact-box a.phoneNumber,
      .footer .popOverSpeechbubble .popOver__bottom a.phoneNumber {
        white-space: nowrap; }
      footer .popOverSpeechbubble .contact-box .title--contact-box,
      footer .popOverSpeechbubble .popOver__bottom .title--contact-box,
      .footer .popOverSpeechbubble .contact-box .title--contact-box,
      .footer .popOverSpeechbubble .popOver__bottom .title--contact-box {
        font-size: 15px;
        line-height: 1.2rem;
        font-family: "Roboto";
        font-weight: 500;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: block;
        margin-bottom: 0; }
    @media (max-width: 768.1px) {
      footer .popOverSpeechbubble,
      .footer .popOverSpeechbubble {
        width: 100%;
        display: block;
        right: 0;
        left: 0; } }
  .touchevents .label-popOverSpeechbubble:hover {
    cursor: pointer; }
  @media (any-hover: hover) {
    footer .label-popOverSpeechbubble:hover .popOverSpeechbubble,
    .footer .label-popOverSpeechbubble:hover .popOverSpeechbubble {
      opacity: 1;
      max-height: 200rem;
      height: auto;
      visibility: visible;
      cursor: default; } }
  .no-csspointerevents .label-popOverSpeechbubble:hover .popOverSpeechbubble {
    opacity: 1;
    max-height: 200rem;
    height: auto;
    visibility: visible;
    cursor: default; }
  @media (any-hover: on-demand) {
    footer .input-popOverSpeechbubble:checked ~ .popOverSpeechbubble,
    .footer .input-popOverSpeechbubble:checked ~ .popOverSpeechbubble {
      opacity: 1;
      max-height: 200rem;
      height: auto;
      visibility: visible;
      cursor: default; } }
  @media (any-hover: none) {
    footer .input-popOverSpeechbubble:checked ~ .popOverSpeechbubble,
    .footer .input-popOverSpeechbubble:checked ~ .popOverSpeechbubble {
      opacity: 1;
      max-height: 200rem;
      height: auto;
      visibility: visible;
      cursor: default; } }
  footer .popOverSpeechbubble.show,
  .footer .popOverSpeechbubble.show {
    opacity: 1;
    max-height: 200rem;
    height: auto;
    visibility: visible; }
  _:-ms-input-placeholder,
  :root .label-popOverSpeechbubble:hover .popOverSpeechbubble {
    opacity: 1 !important;
    max-height: 200rem !important;
    height: auto !important;
    visibility: visible !important;
    cursor: default !important; }
  .ie .label-popOverSpeechbubble:hover .popOverSpeechbubble {
    opacity: 1 !important;
    max-height: 200rem !important;
    height: auto !important;
    visibility: visible !important;
    cursor: default !important; }
  .lt-ie9 .label-popOverSpeechbubble:hover .popOverSpeechbubble {
    opacity: 1 !important;
    max-height: 200rem !important;
    height: auto !important;
    visibility: visible !important;
    cursor: default !important; }
  .no-csspointerevents .label-popOverSpeechbubble:hover .popOverSpeechbubble {
    opacity: 1 !important;
    max-height: 200rem !important;
    height: auto !important;
    visibility: visible !important;
    cursor: default !important; }
  footer .popOverSpeechbubble,
  .footer .popOverSpeechbubble {
    top: auto;
    bottom: 100%;
    left: 0;
    right: auto;
    width: 25rem;
    transition: unset; }
    @media (max-width: 1020.1px) {
      footer .popOverSpeechbubble,
      .footer .popOverSpeechbubble {
        left: 0;
        right: 0;
        width: 100%; } }
    footer .popOverSpeechbubble .popOverSpeechbubble__inner,
    .footer .popOverSpeechbubble .popOverSpeechbubble__inner {
      margin-bottom: 1.2rem;
      width: 100%;
      border: 1px solid #9b9b9b;
      background: #ffffff;
      padding: 3rem 1rem 1rem 1rem; }
      footer .popOverSpeechbubble .popOverSpeechbubble__inner:before,
      .footer .popOverSpeechbubble .popOverSpeechbubble__inner:before {
        width: 1rem;
        height: 1rem;
        background: #ffffff;
        border-left: 1px solid #9b9b9b;
        border-top: 1px solid #9b9b9b;
        content: "";
        top: auto;
        left: 1.5rem;
        bottom: .7rem;
        right: auto;
        position: absolute;
        display: block;
        transform: rotate(225deg); }
      footer .popOverSpeechbubble .popOverSpeechbubble__inner:after,
      .footer .popOverSpeechbubble .popOverSpeechbubble__inner:after {
        display: none; }
    footer .popOverSpeechbubble .label-popOver-close,
    .footer .popOverSpeechbubble .label-popOver-close {
      display: block;
      margin-top: 1.25rem; }
      footer .popOverSpeechbubble .label-popOver-close .input-popOver-close,
      .footer .popOverSpeechbubble .label-popOver-close .input-popOver-close {
        display: none; }
    footer .popOverSpeechbubble .call-back-row,
    .footer .popOverSpeechbubble .call-back-row {
      margin-top: 1rem; }
    @media (max-width: 1020.1px) {
      footer .popOverSpeechbubble,
      .footer .popOverSpeechbubble {
        left: 0;
        right: 0;
        width: 100%; } }
  footer__services,
  .footer__services {
    display: block;
    width: 100%;
    padding: 0 0 3rem;
    background: #e42313;
    color: #ffffff; }
    footer__services h3.title--services,
    .footer__services h3.title--services {
      font-size: 28px;
      line-height: 1.2rem;
      font-family: "Roboto";
      font-weight: 400;
      line-height: normal;
      text-align: left;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      display: block;
      max-width: 90rem;
      margin: 2rem auto 1.5rem; }
    footer__services .arrowDown,
    .footer__services .arrowDown {
      width: 0;
      height: 0;
      margin: auto;
      border-left: 1.2rem solid transparent;
      border-right: 1.2rem solid transparent;
      border-top: 1rem solid #ffffff;
      font-size: 0; }
    footer__services ul.services-list,
    .footer__services ul.services-list {
      max-width: 90rem;
      margin: 0 auto;
      display: inline-block;
      display: grid;
      grid-template-columns: repeat(15, 1fr);
      grid-gap: 21.6px; }
      @media (max-width: 1020.1px) {
        footer__services ul.services-list,
        .footer__services ul.services-list {
          display: inline-block;
          display: grid;
          grid-template-columns: repeat(12, 1fr);
          grid-gap: 21.6px; } }
      @media (max-width: 768.1px) {
        footer__services ul.services-list,
        .footer__services ul.services-list {
          display: inline-block;
          display: grid;
          grid-template-columns: repeat(8, 1fr);
          grid-gap: 11.52px; } }
      @media (max-width: 480.1px) {
        footer__services ul.services-list,
        .footer__services ul.services-list {
          display: inline-block;
          display: grid;
          grid-template-columns: repeat(4, 1fr);
          grid-gap: 7.2px; } }
      footer__services ul.services-list h4.title--service,
      .footer__services ul.services-list h4.title--service {
        font-size: 18px;
        line-height: 1.2rem;
        font-family: "Roboto";
        font-weight: 500;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        line-height: 1.8rem;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-align: left;
        margin-bottom: .4rem; }
        @media (max-width: 1350.1px) {
          footer__services ul.services-list h4.title--service,
          .footer__services ul.services-list h4.title--service {
            font-size: 15px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 500;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            line-height: normal; } }
      footer__services ul.services-list li,
      .footer__services ul.services-list li {
        grid-column: span 3;
        text-align: left; }
        @media (max-width: 1020.1px) {
          footer__services ul.services-list li,
          .footer__services ul.services-list li {
            grid-column: span 4; } }
        @media (max-width: 768.1px) {
          footer__services ul.services-list li,
          .footer__services ul.services-list li {
            grid-column: span 4; } }
        @media (max-width: 480.1px) {
          footer__services ul.services-list li,
          .footer__services ul.services-list li {
            grid-column: span 2; } }
        footer__services ul.services-list li .description,
        .footer__services ul.services-list li .description {
          font-size: 15px;
          line-height: 1.2rem;
          font-family: "Roboto";
          font-weight: 400;
          line-height: normal;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; }
      footer__services ul.services-list li:hover:before,
      .footer__services ul.services-list li:hover:before {
        color: #ffffff; }
      footer__services ul.services-list .delivery:before,
      .footer__services ul.services-list .delivery:before {
        font-family: 'bruneauAdaptiveIcons';
        font-size: 2.25rem;
        padding-bottom: 0.45rem;
        display: block;
        text-align: center;
        content: "\e90a"; }
      footer__services ul.services-list .advice:before,
      .footer__services ul.services-list .advice:before {
        font-family: 'bruneauAdaptiveIcons';
        font-size: 2.25rem;
        padding-bottom: 0.45rem;
        display: block;
        text-align: center;
        content: "\e904"; }
      footer__services ul.services-list .happyclient:before,
      .footer__services ul.services-list .happyclient:before {
        font-family: 'bruneauAdaptiveIcons';
        font-size: 2.25rem;
        padding-bottom: 0.45rem;
        display: block;
        text-align: center;
        content: "\e919"; }
      footer__services ul.services-list .moneyback:before,
      .footer__services ul.services-list .moneyback:before {
        font-family: 'bruneauAdaptiveIcons';
        font-size: 2.25rem;
        padding-bottom: 0.45rem;
        display: block;
        text-align: center;
        content: "\e90b"; }
      footer__services ul.services-list .tools:before,
      .footer__services ul.services-list .tools:before {
        font-family: 'bruneauAdaptiveIcons';
        font-size: 2.25rem;
        padding-bottom: 0.45rem;
        display: block;
        text-align: center;
        content: "\e903"; }
      footer__services ul.services-list .tools:before,
      footer__services ul.services-list .moneyback:before,
      footer__services ul.services-list .happyclient:before,
      footer__services ul.services-list .advice:before,
      footer__services ul.services-list .delivery:before,
      .footer__services ul.services-list .tools:before,
      .footer__services ul.services-list .moneyback:before,
      .footer__services ul.services-list .happyclient:before,
      .footer__services ul.services-list .advice:before,
      .footer__services ul.services-list .delivery:before {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 2.7rem;
        line-height: normal;
        text-align: left;
        margin-bottom: .3rem; }
  footer__news,
  .footer__news {
    display: block;
    width: 100%;
    padding: 4rem 0 3rem; }
    footer__news .title,
    .footer__news .title {
      font-size: 18px;
      line-height: 1.2rem;
      font-family: "Roboto";
      font-weight: 500;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    footer__news__inner,
    .footer__news__inner {
      margin: 0 auto;
      text-align: center;
      max-width: 90rem;
      display: inline-block;
      display: grid;
      grid-template-columns: repeat(15, 1fr);
      grid-gap: 21.6px; }
      footer__news__inner label.button,
      footer__news__inner label.button--cancel,
      footer__news__inner label.button--submitConversion,
      footer__news__inner label.button--submitNext,
      footer__news__inner label.button--submit,
      footer__news__inner label.button--bruneau,
      .footer__news__inner label.button,
      .footer__news__inner label.button--cancel,
      .footer__news__inner label.button--submitConversion,
      .footer__news__inner label.button--submitNext,
      .footer__news__inner label.button--submit,
      .footer__news__inner label.button--bruneau {
        height: 3rem;
        line-height: 3rem;
        vertical-align: middle;
        position: relative;
        display: inline-block;
        width: 100%;
        text-align: center;
        border-radius: 0.3rem;
        margin-top: 1.5rem;
        margin-bottom: 1rem; }
        footer__news__inner label.button input,
        footer__news__inner label.button--cancel input,
        footer__news__inner label.button--submitConversion input,
        footer__news__inner label.button--submitNext input,
        footer__news__inner label.button--submit input,
        footer__news__inner label.button--bruneau input,
        .footer__news__inner label.button input,
        .footer__news__inner label.button--cancel input,
        .footer__news__inner label.button--submitConversion input,
        .footer__news__inner label.button--submitNext input,
        .footer__news__inner label.button--submit input,
        .footer__news__inner label.button--bruneau input {
          width: 100%;
          height: 3rem;
          line-height: 3rem;
          vertical-align: middle;
          font-size: 18px;
          line-height: 1.2rem;
          font-family: "Roboto";
          font-weight: 700;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          text-align: center;
          background: transparent;
          border: none;
          cursor: pointer;
          text-align: center;
          vertical-align: middle; }
          footer__news__inner label.button input:hover,
          footer__news__inner label.button--cancel input:hover,
          footer__news__inner label.button--submitConversion input:hover,
          footer__news__inner label.button--submitNext input:hover,
          footer__news__inner label.button--submit input:hover,
          footer__news__inner label.button--bruneau input:hover,
          .footer__news__inner label.button input:hover,
          .footer__news__inner label.button--cancel input:hover,
          .footer__news__inner label.button--submitConversion input:hover,
          .footer__news__inner label.button--submitNext input:hover,
          .footer__news__inner label.button--submit input:hover,
          .footer__news__inner label.button--bruneau input:hover {
            background: transparent; }
        footer__news__inner label.button span,
        footer__news__inner label.button--cancel span,
        footer__news__inner label.button--submitConversion span,
        footer__news__inner label.button--submitNext span,
        footer__news__inner label.button--submit span,
        footer__news__inner label.button--bruneau span,
        .footer__news__inner label.button span,
        .footer__news__inner label.button--cancel span,
        .footer__news__inner label.button--submitConversion span,
        .footer__news__inner label.button--submitNext span,
        .footer__news__inner label.button--submit span,
        .footer__news__inner label.button--bruneau span {
          display: none; }
      footer__news__inner .button--submit,
      .footer__news__inner .button--submit {
        background: #333333;
        color: #ffffff; }
        footer__news__inner .button--submit input,
        .footer__news__inner .button--submit input {
          color: #ffffff; }
          footer__news__inner .button--submit input:hover,
          .footer__news__inner .button--submit input:hover {
            border: none;
            color: #ffffff; }
          footer__news__inner .button--submit input:hover,
          .footer__news__inner .button--submit input:hover {
            color: #ffffff;
            display: inline-block; }
        footer__news__inner .button--submit:hover,
        .footer__news__inner .button--submit:hover {
          background: #000000;
          color: #ffffff;
          display: inline-block; }
      footer__news__inner .button--submit,
      .footer__news__inner .button--submit {
        overflow: hidden;
        position: relative; }
      footer__news__inner .button--submit:after,
      .footer__news__inner .button--submit:after {
        content: '';
        display: block;
        width: 0;
        height: .3rem;
        background: #f2f2f2;
        transition: ease-out width .7s;
        position: absolute;
        bottom: 0;
        left: 0; }
      footer__news__inner .button--submit.saving:after,
      .footer__news__inner .button--submit.saving:after {
        width: 100%; }
      @media (max-width: 1020.1px) {
        footer__news__inner,
        .footer__news__inner {
          display: inline-block;
          display: grid;
          grid-template-columns: repeat(12, 1fr);
          grid-gap: 21.6px; } }
      @media (max-width: 768.1px) {
        footer__news__inner,
        .footer__news__inner {
          display: inline-block;
          display: grid;
          grid-template-columns: repeat(8, 1fr);
          grid-gap: 11.52px; } }
      @media (max-width: 480.1px) {
        footer__news__inner,
        .footer__news__inner {
          display: inline-block;
          display: grid;
          grid-template-columns: repeat(4, 1fr);
          grid-gap: 7.2px; } }
      footer__news__inner .footer-newsletter,
      .footer__news__inner .footer-newsletter {
        grid-column: span 4;
        text-align: left; }
        @media (max-width: 1020.1px) {
          footer__news__inner .footer-newsletter,
          .footer__news__inner .footer-newsletter {
            grid-column: span 3; } }
        @media (max-width: 768.1px) {
          footer__news__inner .footer-newsletter,
          .footer__news__inner .footer-newsletter {
            grid-column: span 8; } }
        @media (max-width: 480.1px) {
          footer__news__inner .footer-newsletter,
          .footer__news__inner .footer-newsletter {
            grid-column: span 4; } }
        footer__news__inner .footer-newsletter .title,
        .footer__news__inner .footer-newsletter .title {
          margin-bottom: 1rem; }
        footer__news__inner .footer-newsletter strong,
        .footer__news__inner .footer-newsletter strong {
          color: #e42313; }
        footer__news__inner .footer-newsletter label.simple-input-type-text,
        footer__news__inner .footer-newsletter label.simple-input-type-dateTime,
        .footer__news__inner .footer-newsletter label.simple-input-type-text,
        .footer__news__inner .footer-newsletter label.simple-input-type-dateTime {
          width: 100%;
          display: block;
          margin-bottom: 1rem;
          font-size: 18px;
          line-height: 1.2rem;
          font-family: "Roboto";
          font-weight: 400; }
          footer__news__inner .footer-newsletter label.simple-input-type-text input,
          footer__news__inner .footer-newsletter label.simple-input-type-dateTime input,
          .footer__news__inner .footer-newsletter label.simple-input-type-text input,
          .footer__news__inner .footer-newsletter label.simple-input-type-dateTime input {
            font-size: 15px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 300;
            width: 100%;
            display: block;
            height: 3rem;
            line-height: 3rem;
            border: 1px solid #9b9b9b;
            padding-left: .5rem;
            padding-right: .5rem;
            cursor: text; }
            footer__news__inner .footer-newsletter label.simple-input-type-text input:hover,
            footer__news__inner .footer-newsletter label.simple-input-type-dateTime input:hover,
            .footer__news__inner .footer-newsletter label.simple-input-type-text input:hover,
            .footer__news__inner .footer-newsletter label.simple-input-type-dateTime input:hover {
              border: 1.2px solid	#000000; }
            footer__news__inner .footer-newsletter label.simple-input-type-text input:focus,
            footer__news__inner .footer-newsletter label.simple-input-type-dateTime input:focus,
            .footer__news__inner .footer-newsletter label.simple-input-type-text input:focus,
            .footer__news__inner .footer-newsletter label.simple-input-type-dateTime input:focus {
              border: 1.2px solid	#000000; }
            footer__news__inner .footer-newsletter label.simple-input-type-text input:active,
            footer__news__inner .footer-newsletter label.simple-input-type-dateTime input:active,
            .footer__news__inner .footer-newsletter label.simple-input-type-text input:active,
            .footer__news__inner .footer-newsletter label.simple-input-type-dateTime input:active {
              border: 1.2px solid	#000000; }
            footer__news__inner .footer-newsletter label.simple-input-type-text input:focus-within,
            footer__news__inner .footer-newsletter label.simple-input-type-dateTime input:focus-within,
            .footer__news__inner .footer-newsletter label.simple-input-type-text input:focus-within,
            .footer__news__inner .footer-newsletter label.simple-input-type-dateTime input:focus-within {
              border: 1.2px solid	#000000; }
            footer__news__inner .footer-newsletter label.simple-input-type-text input:valid,
            footer__news__inner .footer-newsletter label.simple-input-type-dateTime input:valid,
            .footer__news__inner .footer-newsletter label.simple-input-type-text input:valid,
            .footer__news__inner .footer-newsletter label.simple-input-type-dateTime input:valid {
              /*@include border--succes;*/ }
            footer__news__inner .footer-newsletter label.simple-input-type-text input:invalid,
            footer__news__inner .footer-newsletter label.simple-input-type-dateTime input:invalid,
            .footer__news__inner .footer-newsletter label.simple-input-type-text input:invalid,
            .footer__news__inner .footer-newsletter label.simple-input-type-dateTime input:invalid {
              border: 1px solid #e42313; }
          footer__news__inner .footer-newsletter label.simple-input-type-text input.changing,
          footer__news__inner .footer-newsletter label.simple-input-type-dateTime input.changing,
          .footer__news__inner .footer-newsletter label.simple-input-type-text input.changing,
          .footer__news__inner .footer-newsletter label.simple-input-type-dateTime input.changing {
            border: 1px solid #739900; }
          footer__news__inner .footer-newsletter label.simple-input-type-text > span,
          footer__news__inner .footer-newsletter label.simple-input-type-dateTime > span,
          .footer__news__inner .footer-newsletter label.simple-input-type-text > span,
          .footer__news__inner .footer-newsletter label.simple-input-type-dateTime > span {
            width: 100%;
            display: block;
            margin-bottom: 1rem;
            margin-top: 1.5rem; }
          footer__news__inner .footer-newsletter label.simple-input-type-text .errors,
          footer__news__inner .footer-newsletter label.simple-input-type-dateTime .errors,
          .footer__news__inner .footer-newsletter label.simple-input-type-text .errors,
          .footer__news__inner .footer-newsletter label.simple-input-type-dateTime .errors {
            margin-top: .5rem;
            color: #e42313;
            font-size: 15px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 400; }
        footer__news__inner .footer-newsletter label.button,
        footer__news__inner .footer-newsletter label.button--cancel,
        footer__news__inner .footer-newsletter label.button--submitConversion,
        footer__news__inner .footer-newsletter label.button--submitNext,
        footer__news__inner .footer-newsletter label.button--submit,
        footer__news__inner .footer-newsletter label.button--bruneau,
        .footer__news__inner .footer-newsletter label.button,
        .footer__news__inner .footer-newsletter label.button--cancel,
        .footer__news__inner .footer-newsletter label.button--submitConversion,
        .footer__news__inner .footer-newsletter label.button--submitNext,
        .footer__news__inner .footer-newsletter label.button--submit,
        .footer__news__inner .footer-newsletter label.button--bruneau {
          height: 3rem;
          line-height: 3rem;
          vertical-align: middle;
          position: relative;
          display: inline-block;
          width: 100%;
          text-align: center;
          border-radius: 0.3rem;
          margin-top: 1.5rem;
          margin-bottom: 1rem; }
          footer__news__inner .footer-newsletter label.button input,
          footer__news__inner .footer-newsletter label.button--cancel input,
          footer__news__inner .footer-newsletter label.button--submitConversion input,
          footer__news__inner .footer-newsletter label.button--submitNext input,
          footer__news__inner .footer-newsletter label.button--submit input,
          footer__news__inner .footer-newsletter label.button--bruneau input,
          .footer__news__inner .footer-newsletter label.button input,
          .footer__news__inner .footer-newsletter label.button--cancel input,
          .footer__news__inner .footer-newsletter label.button--submitConversion input,
          .footer__news__inner .footer-newsletter label.button--submitNext input,
          .footer__news__inner .footer-newsletter label.button--submit input,
          .footer__news__inner .footer-newsletter label.button--bruneau input {
            width: 100%;
            height: 3rem;
            line-height: 3rem;
            vertical-align: middle;
            font-size: 18px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 700;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            text-align: center;
            background: transparent;
            border: none;
            cursor: pointer;
            text-align: center;
            vertical-align: middle; }
            footer__news__inner .footer-newsletter label.button input:hover,
            footer__news__inner .footer-newsletter label.button--cancel input:hover,
            footer__news__inner .footer-newsletter label.button--submitConversion input:hover,
            footer__news__inner .footer-newsletter label.button--submitNext input:hover,
            footer__news__inner .footer-newsletter label.button--submit input:hover,
            footer__news__inner .footer-newsletter label.button--bruneau input:hover,
            .footer__news__inner .footer-newsletter label.button input:hover,
            .footer__news__inner .footer-newsletter label.button--cancel input:hover,
            .footer__news__inner .footer-newsletter label.button--submitConversion input:hover,
            .footer__news__inner .footer-newsletter label.button--submitNext input:hover,
            .footer__news__inner .footer-newsletter label.button--submit input:hover,
            .footer__news__inner .footer-newsletter label.button--bruneau input:hover {
              background: transparent; }
          footer__news__inner .footer-newsletter label.button span,
          footer__news__inner .footer-newsletter label.button--cancel span,
          footer__news__inner .footer-newsletter label.button--submitConversion span,
          footer__news__inner .footer-newsletter label.button--submitNext span,
          footer__news__inner .footer-newsletter label.button--submit span,
          footer__news__inner .footer-newsletter label.button--bruneau span,
          .footer__news__inner .footer-newsletter label.button span,
          .footer__news__inner .footer-newsletter label.button--cancel span,
          .footer__news__inner .footer-newsletter label.button--submitConversion span,
          .footer__news__inner .footer-newsletter label.button--submitNext span,
          .footer__news__inner .footer-newsletter label.button--submit span,
          .footer__news__inner .footer-newsletter label.button--bruneau span {
            display: none; }
        footer__news__inner .footer-newsletter .button--submit,
        .footer__news__inner .footer-newsletter .button--submit {
          background: #333333;
          color: #ffffff; }
          footer__news__inner .footer-newsletter .button--submit input,
          .footer__news__inner .footer-newsletter .button--submit input {
            color: #ffffff; }
            footer__news__inner .footer-newsletter .button--submit input:hover,
            .footer__news__inner .footer-newsletter .button--submit input:hover {
              border: none;
              color: #ffffff; }
            footer__news__inner .footer-newsletter .button--submit input:hover,
            .footer__news__inner .footer-newsletter .button--submit input:hover {
              color: #ffffff;
              display: inline-block; }
          footer__news__inner .footer-newsletter .button--submit:hover,
          .footer__news__inner .footer-newsletter .button--submit:hover {
            background: #000000;
            color: #ffffff;
            display: inline-block; }
        footer__news__inner .footer-newsletter .button--submit,
        .footer__news__inner .footer-newsletter .button--submit {
          overflow: hidden;
          position: relative; }
        footer__news__inner .footer-newsletter .button--submit:after,
        .footer__news__inner .footer-newsletter .button--submit:after {
          content: '';
          display: block;
          width: 0;
          height: .3rem;
          background: #f2f2f2;
          transition: ease-out width .7s;
          position: absolute;
          bottom: 0;
          left: 0; }
        footer__news__inner .footer-newsletter .button--submit.saving:after,
        .footer__news__inner .footer-newsletter .button--submit.saving:after {
          width: 100%; }
      footer__news__inner .footer-social,
      .footer__news__inner .footer-social {
        grid-column: span 7;
        margin-top: 2rem; }
        @media (max-width: 1020.1px) {
          footer__news__inner .footer-social,
          .footer__news__inner .footer-social {
            grid-column: span 6; } }
        @media (max-width: 768.1px) {
          footer__news__inner .footer-social,
          .footer__news__inner .footer-social {
            grid-column: span 8;
            margin-bottom: 2rem; } }
        @media (max-width: 480.1px) {
          footer__news__inner .footer-social,
          .footer__news__inner .footer-social {
            grid-column: span 4; } }
      footer__news__inner .footer-catalog,
      .footer__news__inner .footer-catalog {
        grid-column: span 4; }
        footer__news__inner .footer-catalog .footer-catalog-image,
        .footer__news__inner .footer-catalog .footer-catalog-image {
          width: 100%;
          display: block;
          text-align: center;
          margin: 1rem auto; }
        @media (max-width: 1020.1px) {
          footer__news__inner .footer-catalog,
          .footer__news__inner .footer-catalog {
            grid-column: span 3; } }
        @media (max-width: 768.1px) {
          footer__news__inner .footer-catalog,
          .footer__news__inner .footer-catalog {
            grid-column: span 8;
            margin-bottom: 1rem; } }
        @media (max-width: 480.1px) {
          footer__news__inner .footer-catalog,
          .footer__news__inner .footer-catalog {
            grid-column: span 4; } }
      footer__news__inner .social-list,
      .footer__news__inner .social-list {
        width: 100%; }
        footer__news__inner .social-list li,
        .footer__news__inner .social-list li {
          display: inline-block;
          background: #f2f2f2; }
          footer__news__inner .social-list li:last-child,
          .footer__news__inner .social-list li:last-child {
            margin-right: 0em; }
          footer__news__inner .social-list li a:hover,
          .footer__news__inner .social-list li a:hover {
            color: #e42313; }
          footer__news__inner .social-list li .facebook:before,
          .footer__news__inner .social-list li .facebook:before {
            font-family: 'bruneauAdaptiveIcons';
            font-size: 1.7rem;
            line-height: 2.8rem;
            width: 3rem;
            height: 3rem;
            display: block;
            text-align: center;
            content: "\e912"; }
          footer__news__inner .social-list li .linkedin:before,
          .footer__news__inner .social-list li .linkedin:before {
            font-family: 'bruneauAdaptiveIcons';
            font-size: 1.7rem;
            line-height: 2.8rem;
            width: 3rem;
            height: 3rem;
            display: block;
            text-align: center;
            content: "\e90f"; }
          footer__news__inner .social-list li .instagram:before,
          .footer__news__inner .social-list li .instagram:before {
            font-family: 'bruneauAdaptiveIcons';
            font-size: 1.7rem;
            line-height: 2.8rem;
            width: 3rem;
            height: 3rem;
            display: block;
            text-align: center;
            content: "\e911"; }
          footer__news__inner .social-list li .pintrest:before,
          .footer__news__inner .social-list li .pintrest:before {
            font-family: 'bruneauAdaptiveIcons';
            font-size: 1.7rem;
            line-height: 2.8rem;
            width: 3rem;
            height: 3rem;
            display: block;
            text-align: center;
            content: "\e915"; }
          footer__news__inner .social-list li .twitter:before,
          .footer__news__inner .social-list li .twitter:before {
            font-family: 'bruneauAdaptiveIcons';
            font-size: 1.7rem;
            line-height: 2.8rem;
            width: 3rem;
            height: 3rem;
            display: block;
            text-align: center;
            content: "\e916"; }
          footer__news__inner .social-list li .youtube:before,
          .footer__news__inner .social-list li .youtube:before {
            font-family: 'bruneauAdaptiveIcons';
            font-size: 1.7rem;
            line-height: 2.8rem;
            width: 3rem;
            height: 3rem;
            display: block;
            text-align: center;
            content: "\e917"; }
    @media (max-width: 768.1px) {
      footer__news,
      .footer__news {
        display: block; } }
  footer__help,
  .footer__help {
    width: 100%;
    padding: 3rem 0 2rem;
    background: #f2f2f2;
    color: #000000;
    /* call popups labels and inputs to call popup*/ }
    footer__help .title,
    .footer__help .title {
      font-size: 15px;
      line-height: 1.2rem;
      font-family: "Roboto";
      font-weight: 400;
      text-transform: uppercase; }
    footer__help .footer-links-list a:hover,
    .footer__help .footer-links-list a:hover {
      color: #e42313; }
    footer__help .input--call-me-back,
    footer__help .input--mail-me-back,
    footer__help .input--feedback,
    .footer__help .input--call-me-back,
    .footer__help .input--mail-me-back,
    .footer__help .input--feedback {
      display: none; }
    footer__help .label-call-me-back,
    footer__help .label-mail-me-back,
    footer__help .label-footer-feedback,
    .footer__help .label-call-me-back,
    .footer__help .label-mail-me-back,
    .footer__help .label-footer-feedback {
      width: 100%;
      display: block;
      position: relative;
      text-decoration: underline; }
    footer__help .title,
    .footer__help .title {
      display: block;
      margin-bottom: 1rem; }
    footer__help .footer-links-button:hover,
    .footer__help .footer-links-button:hover {
      color: #e42313; }
    footer__help__inner,
    .footer__help__inner {
      margin: 0 auto;
      max-width: 90rem;
      display: inline-block;
      display: grid;
      grid-template-columns: repeat(15, 1fr);
      grid-gap: 21.6px; }
      @media (max-width: 1020.1px) {
        footer__help__inner,
        .footer__help__inner {
          display: inline-block;
          display: grid;
          grid-template-columns: repeat(12, 1fr);
          grid-gap: 21.6px; } }
      @media (max-width: 768.1px) {
        footer__help__inner,
        .footer__help__inner {
          display: inline-block;
          display: grid;
          grid-template-columns: repeat(8, 1fr);
          grid-gap: 11.52px; } }
      @media (max-width: 480.1px) {
        footer__help__inner,
        .footer__help__inner {
          display: inline-block;
          display: grid;
          grid-template-columns: repeat(4, 1fr);
          grid-gap: 7.2px; } }
      footer__help__inner .footer-contact__col,
      .footer__help__inner .footer-contact__col {
        text-align: left;
        grid-column: span 3; }
        @media (max-width: 1020.1px) {
          footer__help__inner .footer-contact__col,
          .footer__help__inner .footer-contact__col {
            grid-column: span 3; } }
        @media (max-width: 768.1px) {
          footer__help__inner .footer-contact__col,
          .footer__help__inner .footer-contact__col {
            grid-column: span 8; } }
        @media (max-width: 480.1px) {
          footer__help__inner .footer-contact__col,
          .footer__help__inner .footer-contact__col {
            grid-column: span 4; } }
        footer__help__inner .footer-contact__col li,
        .footer__help__inner .footer-contact__col li {
          display: block;
          margin-bottom: 1rem; }
        footer__help__inner .footer-contact__col .footer-chat:before,
        .footer__help__inner .footer-contact__col .footer-chat:before {
          font-family: 'bruneauAdaptiveIcons';
          font-size: 2.25rem;
          line-height: normal;
          width: 2.5rem;
          color: #e42313;
          display: inline-block;
          vertical-align: top;
          content: "\e905"; }
        footer__help__inner .footer-contact__col .footer-call,
        footer__help__inner .footer-contact__col .footer-chat,
        .footer__help__inner .footer-contact__col .footer-call,
        .footer__help__inner .footer-contact__col .footer-chat {
          margin-bottom: 1.5rem; }
        footer__help__inner .footer-contact__col .footer-call:before,
        .footer__help__inner .footer-contact__col .footer-call:before {
          font-family: 'bruneauAdaptiveIcons';
          font-size: 2.25rem;
          line-height: normal;
          width: 2.5rem;
          color: #e42313;
          display: inline-block;
          vertical-align: top;
          content: "\e904"; }
        footer__help__inner .footer-contact__col .footer-mail:before,
        .footer__help__inner .footer-contact__col .footer-mail:before {
          font-family: 'bruneauAdaptiveIcons';
          font-size: 2.25rem;
          line-height: normal;
          width: 2.5rem;
          color: #e42313;
          display: inline-block;
          vertical-align: top;
          content: "\e906"; }
        @media (max-width: 768.1px) {
          footer__help__inner .footer-contact__col,
          .footer__help__inner .footer-contact__col {
            margin-bottom: 1rem;
            padding: 0 3rem; } }
      footer__help__inner .footer-contact__col.contact,
      .footer__help__inner .footer-contact__col.contact {
        grid-column: span 6; }
        @media (max-width: 1020.1px) {
          footer__help__inner .footer-contact__col.contact,
          .footer__help__inner .footer-contact__col.contact {
            grid-column: span 3; } }
        @media (max-width: 768.1px) {
          footer__help__inner .footer-contact__col.contact,
          .footer__help__inner .footer-contact__col.contact {
            grid-column: span 8; } }
        @media (max-width: 480.1px) {
          footer__help__inner .footer-contact__col.contact,
          .footer__help__inner .footer-contact__col.contact {
            grid-column: span 4; } }
        footer__help__inner .footer-contact__col.contact .title,
        .footer__help__inner .footer-contact__col.contact .title {
          margin-bottom: 0rem; }
        footer__help__inner .footer-contact__col.contact .footer-contact-text,
        .footer__help__inner .footer-contact__col.contact .footer-contact-text {
          width: 80%;
          display: inline-block; }
        @media (max-width: 768.1px) {
          footer__help__inner .footer-contact__col.contact,
          .footer__help__inner .footer-contact__col.contact {
            padding: 0 2rem; } }
      @media (max-width: 768.1px) {
        footer__help__inner,
        .footer__help__inner {
          grid-template-columns: 50% 50%;
          grid-template-rows: auto; } }
      @media (max-width: 480.1px) {
        footer__help__inner,
        .footer__help__inner {
          display: block; } }
  footer__logos,
  .footer__logos {
    max-width: 90rem;
    margin: 0 auto;
    display: inline-block;
    display: grid;
    grid-template-columns: repeat(15, 1fr);
    grid-gap: 21.6px;
    width: 100%;
    margin: 2rem auto; }
    @media (max-width: 1020.1px) {
      footer__logos,
      .footer__logos {
        display: inline-block;
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        grid-gap: 21.6px; } }
    @media (max-width: 768.1px) {
      footer__logos,
      .footer__logos {
        display: inline-block;
        display: grid;
        grid-template-columns: repeat(8, 1fr);
        grid-gap: 11.52px; } }
    @media (max-width: 480.1px) {
      footer__logos,
      .footer__logos {
        display: inline-block;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 7.2px; } }
    footer__logos .logosTrust,
    .footer__logos .logosTrust {
      text-align: right;
      display: inline-block;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-gap: 21.6px; }
      @media (max-width: 1020.1px) {
        footer__logos .logosTrust,
        .footer__logos .logosTrust {
          max-width: 68rem;
          grid-template-columns: repeat(4, 1fr);
          grid-gap: 16.32px; } }
      @media (max-width: 768.1px) {
        footer__logos .logosTrust,
        .footer__logos .logosTrust {
          max-width: 51.2rem;
          grid-template-columns: repeat(4, 1fr);
          grid-gap: 11.52px; } }
      @media (max-width: 480.1px) {
        footer__logos .logosTrust,
        .footer__logos .logosTrust {
          max-width: 32rem;
          grid-template-columns: repeat(4, 1fr);
          grid-gap: 7.2px; } }
      @media (max-width: 768.1px) {
        footer__logos .logosTrust,
        .footer__logos .logosTrust {
          text-align: center; } }
      @media (max-width: 1020.1px) {
        footer__logos .logosTrust,
        .footer__logos .logosTrust {
          grid-column: span 4; } }
      @media (max-width: 768.1px) {
        footer__logos .logosTrust,
        .footer__logos .logosTrust {
          grid-column: span 8; } }
      @media (max-width: 480.1px) {
        footer__logos .logosTrust,
        .footer__logos .logosTrust {
          grid-column: span 4; } }
      footer__logos .logosTrust li,
      .footer__logos .logosTrust li {
        grid-column: span 1; }
      footer__logos .logosTrust li span,
      .footer__logos .logosTrust li span {
        background-repeat: no-repeat;
        background-image: url("https://asset8.jm-bruneau.be/images/logos/paymentmethods/footer_logos.png");
        height: 46px;
        width: 55px;
        display: block;
        filter: grayscale(100%);
        opacity: 0.7;
        opacity: 0.5;
        transition: opacity .5s linear;
        /*&.trust1 {
			background-position: -871px 0;
			width: 70px;
		}*/ }
        footer__logos .logosTrust li span:hover,
        .footer__logos .logosTrust li span:hover {
          opacity: 1;
          filter: none; }
        footer__logos .logosTrust li span.trust2,
        .footer__logos .logosTrust li span.trust2 {
          background-position: -963px 0;
          width: 48px; }
        footer__logos .logosTrust li span.trust3,
        .footer__logos .logosTrust li span.trust3 {
          background-position: -1042px 0;
          width: 60px; }
        footer__logos .logosTrust li span.trust4,
        .footer__logos .logosTrust li span.trust4 {
          background-position: -1141px 0;
          width: 50px; }
    footer__logos .logosPayment,
    .footer__logos .logosPayment {
      text-align: left;
      display: inline-block;
      display: grid;
      grid-template-columns: repeat(10, 1fr);
      grid-gap: 21.6px; }
      @media (max-width: 1020.1px) {
        footer__logos .logosPayment,
        .footer__logos .logosPayment {
          max-width: 68rem;
          grid-template-columns: repeat(8, 1fr);
          grid-gap: 16.32px; } }
      @media (max-width: 768.1px) {
        footer__logos .logosPayment,
        .footer__logos .logosPayment {
          max-width: 51.2rem;
          grid-template-columns: repeat(8, 1fr);
          grid-gap: 11.52px; } }
      @media (max-width: 480.1px) {
        footer__logos .logosPayment,
        .footer__logos .logosPayment {
          max-width: 32rem;
          grid-template-columns: repeat(4, 1fr);
          grid-gap: 7.2px; } }
      @media (max-width: 768.1px) {
        footer__logos .logosPayment,
        .footer__logos .logosPayment {
          text-align: center; } }
      @media (max-width: 1020.1px) {
        footer__logos .logosPayment,
        .footer__logos .logosPayment {
          grid-column: span 8; } }
      @media (max-width: 768.1px) {
        footer__logos .logosPayment,
        .footer__logos .logosPayment {
          grid-column: span 8; } }
      @media (max-width: 480.1px) {
        footer__logos .logosPayment,
        .footer__logos .logosPayment {
          grid-column: span 4; } }
      footer__logos .logosPayment li,
      .footer__logos .logosPayment li {
        grid-column: span 1; }
      footer__logos .logosPayment li span,
      .footer__logos .logosPayment li span {
        background-repeat: no-repeat;
        background-image: url("https://asset8.jm-bruneau.be/images/logos/paymentmethods/footer_logos.png");
        height: 46px;
        width: 55px;
        display: block;
        filter: grayscale(100%);
        opacity: 0.7;
        opacity: 0.5;
        transition: opacity .5s linear; }
        footer__logos .logosPayment li span:hover,
        .footer__logos .logosPayment li span:hover {
          opacity: 1;
          filter: none; }
        footer__logos .logosPayment li span.bankcontact,
        .footer__logos .logosPayment li span.bankcontact {
          background-position: -18px 0px; }
        footer__logos .logosPayment li span.mastercard,
        .footer__logos .logosPayment li span.mastercard {
          background-position: -102px 0; }
        footer__logos .logosPayment li span.visa,
        .footer__logos .logosPayment li span.visa {
          background-position: -188px 0px; }
        footer__logos .logosPayment li span.americanExpress,
        .footer__logos .logosPayment li span.americanExpress {
          background-position: -281px 0px;
          width: 42px; }
        footer__logos .logosPayment li span.paypal,
        .footer__logos .logosPayment li span.paypal {
          background-position: -370px 0px;
          width: 62px; }
        footer__logos .logosPayment li span.ing,
        .footer__logos .logosPayment li span.ing {
          background-position: -446px 0;
          width: 62px; }
        footer__logos .logosPayment li span.belfius,
        .footer__logos .logosPayment li span.belfius {
          background-position: -532px 0;
          width: 70px; }
        footer__logos .logosPayment li span.kbc,
        .footer__logos .logosPayment li span.kbc {
          background-position: -624px 0;
          width: 42px; }
        footer__logos .logosPayment li span.cbc,
        .footer__logos .logosPayment li span.cbc {
          background-position: -717px 0px;
          width: 42px; }
        footer__logos .logosPayment li span.ideal,
        .footer__logos .logosPayment li span.ideal {
          background-position: -802px 0;
          width: 42px; }
    footer__logos__left,
    .footer__logos__left {
      grid-column: span 11; }
    footer__logos__right,
    .footer__logos__right {
      grid-column: span 4; }
  footer__disclaimer,
  .footer__disclaimer {
    font-size: 12px;
    line-height: 1.6rem;
    font-family: "Roboto";
    font-weight: 300;
    line-height: 1.2rem;
    margin: 0 auto;
    text-align: left;
    max-width: 90rem;
    margin: 0 auto 1rem; }
  footer__companyDetails,
  .footer__companyDetails {
    font-size: 12px;
    line-height: 1.6rem;
    font-family: "Roboto";
    font-weight: 300;
    line-height: 1.2rem;
    text-align: left;
    max-width: 90rem;
    margin: 1rem auto 2rem; }
  footer .label-footer-feedback,
  footer .footer-links-list,
  footer .footer-links-text,
  footer .footer-links-button,
  .footer .label-footer-feedback,
  .footer .footer-links-list,
  .footer .footer-links-text,
  .footer .footer-links-button {
    font-size: 15px;
    line-height: 1.2rem;
    font-family: "Roboto";
    font-weight: 300;
    line-height: 1; }
  footer .popOverSpeechbubble,
  .footer .popOverSpeechbubble {
    opacity: 0;
    max-height: 20;
    height: 0;
    visibility: hidden; }
    footer .popOverSpeechbubble label.button,
    footer .popOverSpeechbubble label.button--cancel,
    footer .popOverSpeechbubble label.button--submitConversion,
    footer .popOverSpeechbubble label.button--submitNext,
    footer .popOverSpeechbubble label.button--submit,
    footer .popOverSpeechbubble label.button--bruneau,
    .footer .popOverSpeechbubble label.button,
    .footer .popOverSpeechbubble label.button--cancel,
    .footer .popOverSpeechbubble label.button--submitConversion,
    .footer .popOverSpeechbubble label.button--submitNext,
    .footer .popOverSpeechbubble label.button--submit,
    .footer .popOverSpeechbubble label.button--bruneau {
      height: 3rem;
      line-height: 3rem;
      vertical-align: middle;
      position: relative;
      display: inline-block;
      width: 100%;
      text-align: center;
      border-radius: 0.3rem;
      margin-top: 1.5rem;
      margin-bottom: 1rem; }
      footer .popOverSpeechbubble label.button input,
      footer .popOverSpeechbubble label.button--cancel input,
      footer .popOverSpeechbubble label.button--submitConversion input,
      footer .popOverSpeechbubble label.button--submitNext input,
      footer .popOverSpeechbubble label.button--submit input,
      footer .popOverSpeechbubble label.button--bruneau input,
      .footer .popOverSpeechbubble label.button input,
      .footer .popOverSpeechbubble label.button--cancel input,
      .footer .popOverSpeechbubble label.button--submitConversion input,
      .footer .popOverSpeechbubble label.button--submitNext input,
      .footer .popOverSpeechbubble label.button--submit input,
      .footer .popOverSpeechbubble label.button--bruneau input {
        width: 100%;
        height: 3rem;
        line-height: 3rem;
        vertical-align: middle;
        font-size: 18px;
        line-height: 1.2rem;
        font-family: "Roboto";
        font-weight: 700;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-align: center;
        background: transparent;
        border: none;
        cursor: pointer;
        text-align: center;
        vertical-align: middle; }
        footer .popOverSpeechbubble label.button input:hover,
        footer .popOverSpeechbubble label.button--cancel input:hover,
        footer .popOverSpeechbubble label.button--submitConversion input:hover,
        footer .popOverSpeechbubble label.button--submitNext input:hover,
        footer .popOverSpeechbubble label.button--submit input:hover,
        footer .popOverSpeechbubble label.button--bruneau input:hover,
        .footer .popOverSpeechbubble label.button input:hover,
        .footer .popOverSpeechbubble label.button--cancel input:hover,
        .footer .popOverSpeechbubble label.button--submitConversion input:hover,
        .footer .popOverSpeechbubble label.button--submitNext input:hover,
        .footer .popOverSpeechbubble label.button--submit input:hover,
        .footer .popOverSpeechbubble label.button--bruneau input:hover {
          background: transparent; }
      footer .popOverSpeechbubble label.button span,
      footer .popOverSpeechbubble label.button--cancel span,
      footer .popOverSpeechbubble label.button--submitConversion span,
      footer .popOverSpeechbubble label.button--submitNext span,
      footer .popOverSpeechbubble label.button--submit span,
      footer .popOverSpeechbubble label.button--bruneau span,
      .footer .popOverSpeechbubble label.button span,
      .footer .popOverSpeechbubble label.button--cancel span,
      .footer .popOverSpeechbubble label.button--submitConversion span,
      .footer .popOverSpeechbubble label.button--submitNext span,
      .footer .popOverSpeechbubble label.button--submit span,
      .footer .popOverSpeechbubble label.button--bruneau span {
        display: none; }
    footer .popOverSpeechbubble .button--submit,
    .footer .popOverSpeechbubble .button--submit {
      background: #333333;
      color: #ffffff; }
      footer .popOverSpeechbubble .button--submit input,
      .footer .popOverSpeechbubble .button--submit input {
        color: #ffffff; }
        footer .popOverSpeechbubble .button--submit input:hover,
        .footer .popOverSpeechbubble .button--submit input:hover {
          border: none;
          color: #ffffff; }
        footer .popOverSpeechbubble .button--submit input:hover,
        .footer .popOverSpeechbubble .button--submit input:hover {
          color: #ffffff;
          display: inline-block; }
      footer .popOverSpeechbubble .button--submit:hover,
      .footer .popOverSpeechbubble .button--submit:hover {
        background: #000000;
        color: #ffffff;
        display: inline-block; }
    footer .popOverSpeechbubble .button--submit,
    .footer .popOverSpeechbubble .button--submit {
      overflow: hidden;
      position: relative; }
    footer .popOverSpeechbubble .button--submit:after,
    .footer .popOverSpeechbubble .button--submit:after {
      content: '';
      display: block;
      width: 0;
      height: .3rem;
      background: #f2f2f2;
      transition: ease-out width .7s;
      position: absolute;
      bottom: 0;
      left: 0; }
    footer .popOverSpeechbubble .button--submit.saving:after,
    .footer .popOverSpeechbubble .button--submit.saving:after {
      width: 100%; }
    footer .popOverSpeechbubble label.simple-input-type-text,
    footer .popOverSpeechbubble label.simple-input-type-dateTime,
    .footer .popOverSpeechbubble label.simple-input-type-text,
    .footer .popOverSpeechbubble label.simple-input-type-dateTime {
      width: 100%;
      display: block;
      margin-bottom: 1rem;
      font-size: 18px;
      line-height: 1.2rem;
      font-family: "Roboto";
      font-weight: 400; }
      footer .popOverSpeechbubble label.simple-input-type-text input,
      footer .popOverSpeechbubble label.simple-input-type-dateTime input,
      .footer .popOverSpeechbubble label.simple-input-type-text input,
      .footer .popOverSpeechbubble label.simple-input-type-dateTime input {
        font-size: 15px;
        line-height: 1.2rem;
        font-family: "Roboto";
        font-weight: 300;
        width: 100%;
        display: block;
        height: 3rem;
        line-height: 3rem;
        border: 1px solid #9b9b9b;
        padding-left: .5rem;
        padding-right: .5rem;
        cursor: text; }
        footer .popOverSpeechbubble label.simple-input-type-text input:hover,
        footer .popOverSpeechbubble label.simple-input-type-dateTime input:hover,
        .footer .popOverSpeechbubble label.simple-input-type-text input:hover,
        .footer .popOverSpeechbubble label.simple-input-type-dateTime input:hover {
          border: 1.2px solid	#000000; }
        footer .popOverSpeechbubble label.simple-input-type-text input:focus,
        footer .popOverSpeechbubble label.simple-input-type-dateTime input:focus,
        .footer .popOverSpeechbubble label.simple-input-type-text input:focus,
        .footer .popOverSpeechbubble label.simple-input-type-dateTime input:focus {
          border: 1.2px solid	#000000; }
        footer .popOverSpeechbubble label.simple-input-type-text input:active,
        footer .popOverSpeechbubble label.simple-input-type-dateTime input:active,
        .footer .popOverSpeechbubble label.simple-input-type-text input:active,
        .footer .popOverSpeechbubble label.simple-input-type-dateTime input:active {
          border: 1.2px solid	#000000; }
        footer .popOverSpeechbubble label.simple-input-type-text input:focus-within,
        footer .popOverSpeechbubble label.simple-input-type-dateTime input:focus-within,
        .footer .popOverSpeechbubble label.simple-input-type-text input:focus-within,
        .footer .popOverSpeechbubble label.simple-input-type-dateTime input:focus-within {
          border: 1.2px solid	#000000; }
        footer .popOverSpeechbubble label.simple-input-type-text input:valid,
        footer .popOverSpeechbubble label.simple-input-type-dateTime input:valid,
        .footer .popOverSpeechbubble label.simple-input-type-text input:valid,
        .footer .popOverSpeechbubble label.simple-input-type-dateTime input:valid {
          /*@include border--succes;*/ }
        footer .popOverSpeechbubble label.simple-input-type-text input:invalid,
        footer .popOverSpeechbubble label.simple-input-type-dateTime input:invalid,
        .footer .popOverSpeechbubble label.simple-input-type-text input:invalid,
        .footer .popOverSpeechbubble label.simple-input-type-dateTime input:invalid {
          border: 1px solid #e42313; }
      footer .popOverSpeechbubble label.simple-input-type-text input.changing,
      footer .popOverSpeechbubble label.simple-input-type-dateTime input.changing,
      .footer .popOverSpeechbubble label.simple-input-type-text input.changing,
      .footer .popOverSpeechbubble label.simple-input-type-dateTime input.changing {
        border: 1px solid #739900; }
      footer .popOverSpeechbubble label.simple-input-type-text > span,
      footer .popOverSpeechbubble label.simple-input-type-dateTime > span,
      .footer .popOverSpeechbubble label.simple-input-type-text > span,
      .footer .popOverSpeechbubble label.simple-input-type-dateTime > span {
        width: 100%;
        display: block;
        margin-bottom: 1rem;
        margin-top: 1.5rem; }
      footer .popOverSpeechbubble label.simple-input-type-text .errors,
      footer .popOverSpeechbubble label.simple-input-type-dateTime .errors,
      .footer .popOverSpeechbubble label.simple-input-type-text .errors,
      .footer .popOverSpeechbubble label.simple-input-type-dateTime .errors {
        margin-top: .5rem;
        color: #e42313;
        font-size: 15px;
        line-height: 1.2rem;
        font-family: "Roboto";
        font-weight: 400; }
    footer .popOverSpeechbubble label.simple-input-type-text,
    .footer .popOverSpeechbubble label.simple-input-type-text {
      width: 100%;
      display: block;
      margin-bottom: 1rem;
      font-size: 18px;
      line-height: 1.2rem;
      font-family: "Roboto";
      font-weight: 400; }
      footer .popOverSpeechbubble label.simple-input-type-text textarea,
      .footer .popOverSpeechbubble label.simple-input-type-text textarea {
        font-size: 15px;
        line-height: 1.2rem;
        font-family: "Roboto";
        font-weight: 300;
        width: 100%;
        display: block;
        border: 1px solid #9b9b9b;
        padding: .5rem; }
        footer .popOverSpeechbubble label.simple-input-type-text textarea:hover,
        .footer .popOverSpeechbubble label.simple-input-type-text textarea:hover {
          border: 1.2px solid	#000000; }
        footer .popOverSpeechbubble label.simple-input-type-text textarea:focus,
        .footer .popOverSpeechbubble label.simple-input-type-text textarea:focus {
          border: 1.2px solid	#000000; }
        footer .popOverSpeechbubble label.simple-input-type-text textarea:active,
        .footer .popOverSpeechbubble label.simple-input-type-text textarea:active {
          border: 1.2px solid	#000000; }
        footer .popOverSpeechbubble label.simple-input-type-text textarea:focus-within,
        .footer .popOverSpeechbubble label.simple-input-type-text textarea:focus-within {
          border: 1.2px solid	#000000; }
        footer .popOverSpeechbubble label.simple-input-type-text textarea:valid,
        .footer .popOverSpeechbubble label.simple-input-type-text textarea:valid {
          /*@include border--succes;*/ }
        footer .popOverSpeechbubble label.simple-input-type-text textarea:invalid,
        .footer .popOverSpeechbubble label.simple-input-type-text textarea:invalid {
          border: 1px solid #e42313; }
      footer .popOverSpeechbubble label.simple-input-type-text > span,
      .footer .popOverSpeechbubble label.simple-input-type-text > span {
        width: auto;
        display: inline-block;
        margin-bottom: .7rem;
        margin-top: .7rem; }
      footer .popOverSpeechbubble label.simple-input-type-text .errors,
      .footer .popOverSpeechbubble label.simple-input-type-text .errors {
        margin-top: .5rem;
        color: #e42313;
        font-size: 15px;
        line-height: 1.2rem;
        font-family: "Roboto";
        font-weight: 400; }
    footer .popOverSpeechbubble label.required span.mainlabel:after,
    footer .popOverSpeechbubble div.required span.mainlabel:after,
    .footer .popOverSpeechbubble label.required span.mainlabel:after,
    .footer .popOverSpeechbubble div.required span.mainlabel:after {
      content: '*'; }
    footer .popOverSpeechbubble label.formInputChoice,
    footer .popOverSpeechbubble li.formInputChoice,
    .footer .popOverSpeechbubble label.formInputChoice,
    .footer .popOverSpeechbubble li.formInputChoice {
      position: relative;
      padding-left: 1.75rem;
      cursor: pointer;
      /* checkbox aspect */ }
      footer .popOverSpeechbubble label.formInputChoice label:before,
      footer .popOverSpeechbubble li.formInputChoice label:before,
      .footer .popOverSpeechbubble label.formInputChoice label:before,
      .footer .popOverSpeechbubble li.formInputChoice label:before {
        font-family: 'bruneauAdaptiveIcons';
        font-size: 2rem;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e950"; }
      footer .popOverSpeechbubble label.formInputChoice label:after,
      footer .popOverSpeechbubble li.formInputChoice label:after,
      .footer .popOverSpeechbubble label.formInputChoice label:after,
      .footer .popOverSpeechbubble li.formInputChoice label:after {
        font-family: 'bruneauAdaptiveIcons';
        font-size: 2rem;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e95f"; }
      footer .popOverSpeechbubble label.formInputChoice input[type=checkbox]:not(:checked),
      footer .popOverSpeechbubble label.formInputChoice input[type=checkbox]:checked,
      footer .popOverSpeechbubble li.formInputChoice input[type=checkbox]:not(:checked),
      footer .popOverSpeechbubble li.formInputChoice input[type=checkbox]:checked,
      .footer .popOverSpeechbubble label.formInputChoice input[type=checkbox]:not(:checked),
      .footer .popOverSpeechbubble label.formInputChoice input[type=checkbox]:checked,
      .footer .popOverSpeechbubble li.formInputChoice input[type=checkbox]:not(:checked),
      .footer .popOverSpeechbubble li.formInputChoice input[type=checkbox]:checked {
        position: absolute;
        left: -9999px; }
      footer .popOverSpeechbubble label.formInputChoice input[type=checkbox]:not(:checked) + label:before,
      footer .popOverSpeechbubble label.formInputChoice input[type=checkbox]:checked + label:before,
      footer .popOverSpeechbubble label.formInputChoice input[type=checkbox]:not(:checked) + label:after,
      footer .popOverSpeechbubble label.formInputChoice input[type=checkbox]:checked + label:after,
      footer .popOverSpeechbubble li.formInputChoice input[type=checkbox]:not(:checked) + label:before,
      footer .popOverSpeechbubble li.formInputChoice input[type=checkbox]:checked + label:before,
      footer .popOverSpeechbubble li.formInputChoice input[type=checkbox]:not(:checked) + label:after,
      footer .popOverSpeechbubble li.formInputChoice input[type=checkbox]:checked + label:after,
      .footer .popOverSpeechbubble label.formInputChoice input[type=checkbox]:not(:checked) + label:before,
      .footer .popOverSpeechbubble label.formInputChoice input[type=checkbox]:checked + label:before,
      .footer .popOverSpeechbubble label.formInputChoice input[type=checkbox]:not(:checked) + label:after,
      .footer .popOverSpeechbubble label.formInputChoice input[type=checkbox]:checked + label:after,
      .footer .popOverSpeechbubble li.formInputChoice input[type=checkbox]:not(:checked) + label:before,
      .footer .popOverSpeechbubble li.formInputChoice input[type=checkbox]:checked + label:before,
      .footer .popOverSpeechbubble li.formInputChoice input[type=checkbox]:not(:checked) + label:after,
      .footer .popOverSpeechbubble li.formInputChoice input[type=checkbox]:checked + label:after {
        position: absolute;
        top: 0;
        left: 0;
        font-size: 1.2rem;
        line-height: 1.2rem;
        transition: all .2s; }
      footer .popOverSpeechbubble label.formInputChoice input[type=checkbox]:not(:checked) + label:before,
      footer .popOverSpeechbubble li.formInputChoice input[type=checkbox]:not(:checked) + label:before,
      .footer .popOverSpeechbubble label.formInputChoice input[type=checkbox]:not(:checked) + label:before,
      .footer .popOverSpeechbubble li.formInputChoice input[type=checkbox]:not(:checked) + label:before {
        opacity: 0;
        transform: scale(0); }
      footer .popOverSpeechbubble label.formInputChoice input[type=checkbox]:checked + label:before,
      footer .popOverSpeechbubble li.formInputChoice input[type=checkbox]:checked + label:before,
      .footer .popOverSpeechbubble label.formInputChoice input[type=checkbox]:checked + label:before,
      .footer .popOverSpeechbubble li.formInputChoice input[type=checkbox]:checked + label:before {
        opacity: 1;
        transform: scale(1); }
      footer .popOverSpeechbubble label.formInputChoice input[type=checkbox]:checked + label:after,
      footer .popOverSpeechbubble li.formInputChoice input[type=checkbox]:checked + label:after,
      .footer .popOverSpeechbubble label.formInputChoice input[type=checkbox]:checked + label:after,
      .footer .popOverSpeechbubble li.formInputChoice input[type=checkbox]:checked + label:after {
        opacity: 0;
        transform: scale(0); }
      footer .popOverSpeechbubble label.formInputChoice input[type=checkbox]:not(:checked) + label:after,
      footer .popOverSpeechbubble li.formInputChoice input[type=checkbox]:not(:checked) + label:after,
      .footer .popOverSpeechbubble label.formInputChoice input[type=checkbox]:not(:checked) + label:after,
      .footer .popOverSpeechbubble li.formInputChoice input[type=checkbox]:not(:checked) + label:after {
        opacity: 1;
        transform: scale(1); }
      footer .popOverSpeechbubble label.formInputChoice input[type=checkbox]:not(:checked) + label:after,
      footer .popOverSpeechbubble label.formInputChoice input[type=checkbox]:checked + label:after,
      footer .popOverSpeechbubble label.formInputChoice input[type=checkbox]:not(:checked):focus + label:after,
      footer .popOverSpeechbubble label.formInputChoice input[type=checkbox]:checked:focus + label:after,
      footer .popOverSpeechbubble li.formInputChoice input[type=checkbox]:not(:checked) + label:after,
      footer .popOverSpeechbubble li.formInputChoice input[type=checkbox]:checked + label:after,
      footer .popOverSpeechbubble li.formInputChoice input[type=checkbox]:not(:checked):focus + label:after,
      footer .popOverSpeechbubble li.formInputChoice input[type=checkbox]:checked:focus + label:after,
      .footer .popOverSpeechbubble label.formInputChoice input[type=checkbox]:not(:checked) + label:after,
      .footer .popOverSpeechbubble label.formInputChoice input[type=checkbox]:checked + label:after,
      .footer .popOverSpeechbubble label.formInputChoice input[type=checkbox]:not(:checked):focus + label:after,
      .footer .popOverSpeechbubble label.formInputChoice input[type=checkbox]:checked:focus + label:after,
      .footer .popOverSpeechbubble li.formInputChoice input[type=checkbox]:not(:checked) + label:after,
      .footer .popOverSpeechbubble li.formInputChoice input[type=checkbox]:checked + label:after,
      .footer .popOverSpeechbubble li.formInputChoice input[type=checkbox]:not(:checked):focus + label:after,
      .footer .popOverSpeechbubble li.formInputChoice input[type=checkbox]:checked:focus + label:after {
        color: #9b9b9b; }
      footer .popOverSpeechbubble label.formInputChoice input[type=checkbox]:disabled:before,
      footer .popOverSpeechbubble label.formInputChoice input[type=checkbox].disabled:before,
      footer .popOverSpeechbubble li.formInputChoice input[type=checkbox]:disabled:before,
      footer .popOverSpeechbubble li.formInputChoice input[type=checkbox].disabled:before,
      .footer .popOverSpeechbubble label.formInputChoice input[type=checkbox]:disabled:before,
      .footer .popOverSpeechbubble label.formInputChoice input[type=checkbox].disabled:before,
      .footer .popOverSpeechbubble li.formInputChoice input[type=checkbox]:disabled:before,
      .footer .popOverSpeechbubble li.formInputChoice input[type=checkbox].disabled:before {
        color: #bdbdbd;
        cursor: default; }
      footer .popOverSpeechbubble label.formInputChoice input[type=checkbox]:checked + label:before,
      footer .popOverSpeechbubble label.formInputChoice input[type=checkbox]:not(:checked) + label:before,
      footer .popOverSpeechbubble label.formInputChoice input[type=checkbox]:hover + label:before,
      footer .popOverSpeechbubble label.formInputChoice input[type=checkbox]:checked:focus + label:before,
      footer .popOverSpeechbubble label.formInputChoice input[type=checkbox]:not(:checked):focus + label:before,
      footer .popOverSpeechbubble li.formInputChoice input[type=checkbox]:checked + label:before,
      footer .popOverSpeechbubble li.formInputChoice input[type=checkbox]:not(:checked) + label:before,
      footer .popOverSpeechbubble li.formInputChoice input[type=checkbox]:hover + label:before,
      footer .popOverSpeechbubble li.formInputChoice input[type=checkbox]:checked:focus + label:before,
      footer .popOverSpeechbubble li.formInputChoice input[type=checkbox]:not(:checked):focus + label:before,
      .footer .popOverSpeechbubble label.formInputChoice input[type=checkbox]:checked + label:before,
      .footer .popOverSpeechbubble label.formInputChoice input[type=checkbox]:not(:checked) + label:before,
      .footer .popOverSpeechbubble label.formInputChoice input[type=checkbox]:hover + label:before,
      .footer .popOverSpeechbubble label.formInputChoice input[type=checkbox]:checked:focus + label:before,
      .footer .popOverSpeechbubble label.formInputChoice input[type=checkbox]:not(:checked):focus + label:before,
      .footer .popOverSpeechbubble li.formInputChoice input[type=checkbox]:checked + label:before,
      .footer .popOverSpeechbubble li.formInputChoice input[type=checkbox]:not(:checked) + label:before,
      .footer .popOverSpeechbubble li.formInputChoice input[type=checkbox]:hover + label:before,
      .footer .popOverSpeechbubble li.formInputChoice input[type=checkbox]:checked:focus + label:before,
      .footer .popOverSpeechbubble li.formInputChoice input[type=checkbox]:not(:checked):focus + label:before {
        color: #739900; }
    footer .popOverSpeechbubble .feedback-intro,
    .footer .popOverSpeechbubble .feedback-intro {
      margin: 1rem 0; }
  footer .input--feedback:checked ~ .popOverSpeechbubble,
  footer .input--call-me-back:checked ~ .popOverSpeechbubble,
  footer .input--mail-me-back:checked ~ .popOverSpeechbubble,
  .footer .input--feedback:checked ~ .popOverSpeechbubble,
  .footer .input--call-me-back:checked ~ .popOverSpeechbubble,
  .footer .input--mail-me-back:checked ~ .popOverSpeechbubble {
    opacity: 1;
    max-height: 200rem;
    height: auto;
    visibility: visible; }

.no-cssgrid footer .footer__news__inner {
  display: block; }
  .no-cssgrid footer .footer__news__inner .input-type-email {
    vertical-align: top; }
  .no-cssgrid footer .footer__news__inner .footer-newsletter {
    display: inline-block;
    width: 30%; }
    @media (max-width: 480.1px) {
      .no-cssgrid footer .footer__news__inner .footer-newsletter {
        width: 100%; } }
  .no-cssgrid footer .footer__news__inner .footer-catalog {
    display: inline-block !important;
    width: 22% !important; }
  @media (max-width: 480.1px) {
    .no-cssgrid footer .footer__news__inner {
      width: 108%; } }
  .no-cssgrid footer .footer__news__inner .footer-social {
    display: inline-block !important;
    width: 35% !important; }
    @media (max-width: 480.1px) {
      .no-cssgrid footer .footer__news__inner .footer-social {
        width: 108%; } }
    .no-cssgrid footer .footer__news__inner .footer-social ul {
      display: block;
      width: 80%; }
      .no-cssgrid footer .footer__news__inner .footer-social ul li {
        display: inline-block;
        width: 3rem !important; }

.no-cssgrid footer .services-list {
  display: block !important;
  width: 100%; }
  .no-cssgrid footer .services-list li {
    display: inline-block !important;
    width: 18% !important;
    vertical-align: top; }

.no-cssgrid footer .footer__help,
.no-cssgrid footer .footer__help__inner {
  vertical-align: top;
  display: block !important;
  width: 100%; }

.no-cssgrid footer .footer-contact__col {
  display: inline-block !important;
  width: 23% !important;
  vertical-align: top; }

.no-cssgrid footer .footer__logos {
  display: block !important;
  width: 100%; }
  .no-cssgrid footer .footer__logos .footer__logos__left {
    display: inline-block !important;
    width: 60% !important; }
    .no-cssgrid footer .footer__logos .footer__logos__left li {
      display: inline-block !important;
      width: auto !important; }
  .no-cssgrid footer .footer__logos .footer__logos__right {
    display: inline-block !important;
    width: 35% !important; }
    .no-cssgrid footer .footer__logos .footer__logos__right li {
      display: inline-block !important;
      width: auto !important; }

.no-cssgrid footer .footer-paymethods {
  display: block !important;
  width: 100%; }

/* Selector Hacks IE 10+ */
_:-ms-input-placeholder .footer__news__inner,
:root footer .footer__news__inner {
  display: block; }
  _:-ms-input-placeholder .footer__news__inner .input-type-email,
  :root footer .footer__news__inner .input-type-email {
    vertical-align: top; }
  _:-ms-input-placeholder .footer__news__inner .footer-newsletter,
  :root footer .footer__news__inner .footer-newsletter {
    display: inline-block;
    width: 30%; }
    @media (max-width: 480.1px) {
      _:-ms-input-placeholder .footer__news__inner .footer-newsletter,
      :root footer .footer__news__inner .footer-newsletter {
        width: 100%; } }
  _:-ms-input-placeholder .footer__news__inner .footer-catalog,
  :root footer .footer__news__inner .footer-catalog {
    display: inline-block !important;
    width: 22% !important; }
  @media (max-width: 480.1px) {
    _:-ms-input-placeholder .footer__news__inner,
    :root footer .footer__news__inner {
      width: 108%; } }
  _:-ms-input-placeholder .footer__news__inner .footer-social,
  :root footer .footer__news__inner .footer-social {
    display: inline-block !important;
    width: 35% !important; }
    @media (max-width: 480.1px) {
      _:-ms-input-placeholder .footer__news__inner .footer-social,
      :root footer .footer__news__inner .footer-social {
        width: 108%; } }
    _:-ms-input-placeholder .footer__news__inner .footer-social ul,
    :root footer .footer__news__inner .footer-social ul {
      display: block;
      width: 80%; }
      _:-ms-input-placeholder .footer__news__inner .footer-social ul li,
      :root footer .footer__news__inner .footer-social ul li {
        display: inline-block;
        width: 3rem !important; }

_:-ms-input-placeholder .services-list,
:root footer .services-list {
  display: block !important;
  width: 100%; }
  _:-ms-input-placeholder .services-list li,
  :root footer .services-list li {
    display: inline-block !important;
    width: 18% !important;
    vertical-align: top; }

_:-ms-input-placeholder .footer__help,
_:-ms-input-placeholder .footer__help__inner,
:root footer .footer__help,
:root footer .footer__help__inner {
  vertical-align: top;
  display: block !important;
  width: 100%; }

_:-ms-input-placeholder .footer-contact__col,
:root footer .footer-contact__col {
  display: inline-block !important;
  width: 23% !important;
  vertical-align: top; }

_:-ms-input-placeholder .footer__logos,
:root footer .footer__logos {
  display: block !important;
  width: 100%; }
  _:-ms-input-placeholder .footer__logos .footer__logos__left,
  :root footer .footer__logos .footer__logos__left {
    display: inline-block !important;
    width: 60% !important; }
    _:-ms-input-placeholder .footer__logos .footer__logos__left li,
    :root footer .footer__logos .footer__logos__left li {
      display: inline-block !important;
      width: auto !important; }
  _:-ms-input-placeholder .footer__logos .footer__logos__right,
  :root footer .footer__logos .footer__logos__right {
    display: inline-block !important;
    width: 35% !important; }
    _:-ms-input-placeholder .footer__logos .footer__logos__right li,
    :root footer .footer__logos .footer__logos__right li {
      display: inline-block !important;
      width: auto !important; }

_:-ms-input-placeholder .footer-paymethods,
:root footer .footer-paymethods {
  display: block !important;
  width: 100%; }

.ie footer .footer__news__inner {
  display: block; }
  .ie footer .footer__news__inner .input-type-email {
    vertical-align: top; }
  .ie footer .footer__news__inner .footer-newsletter {
    display: inline-block;
    width: 30%; }
    @media (max-width: 480.1px) {
      .ie footer .footer__news__inner .footer-newsletter {
        width: 100%; } }
  .ie footer .footer__news__inner .footer-catalog {
    display: inline-block !important;
    width: 22% !important; }
  @media (max-width: 480.1px) {
    .ie footer .footer__news__inner {
      width: 108%; } }
  .ie footer .footer__news__inner .footer-social {
    display: inline-block !important;
    width: 35% !important; }
    @media (max-width: 480.1px) {
      .ie footer .footer__news__inner .footer-social {
        width: 108%; } }
    .ie footer .footer__news__inner .footer-social ul {
      display: block;
      width: 80%; }
      .ie footer .footer__news__inner .footer-social ul li {
        display: inline-block;
        width: 3rem !important; }

.ie footer .services-list {
  display: block !important;
  width: 100%; }
  .ie footer .services-list li {
    display: inline-block !important;
    width: 18% !important;
    vertical-align: top; }

.ie footer .footer__help,
.ie footer .footer__help__inner {
  vertical-align: top;
  display: block !important;
  width: 100%; }

.ie footer .footer-contact__col {
  display: inline-block !important;
  width: 23% !important;
  vertical-align: top; }

.ie footer .footer__logos {
  display: block !important;
  width: 100%; }
  .ie footer .footer__logos .footer__logos__left {
    display: inline-block !important;
    width: 60% !important; }
    .ie footer .footer__logos .footer__logos__left li {
      display: inline-block !important;
      width: auto !important; }
  .ie footer .footer__logos .footer__logos__right {
    display: inline-block !important;
    width: 35% !important; }
    .ie footer .footer__logos .footer__logos__right li {
      display: inline-block !important;
      width: auto !important; }

.ie footer .footer-paymethods {
  display: block !important;
  width: 100%; }

@supports not (display: grid) {
  footer .footer__news__inner {
    display: block; }
    footer .footer__news__inner .input-type-email {
      vertical-align: top; }
    footer .footer__news__inner .footer-newsletter {
      display: inline-block;
      width: 30%; }
      @media (max-width: 480.1px) {
        footer .footer__news__inner .footer-newsletter {
          width: 100%; } }
    footer .footer__news__inner .footer-catalog {
      display: inline-block !important;
      width: 22% !important; }
    @media (max-width: 480.1px) {
      footer .footer__news__inner {
        width: 108%; } }
    footer .footer__news__inner .footer-social {
      display: inline-block !important;
      width: 35% !important; }
      @media (max-width: 480.1px) {
        footer .footer__news__inner .footer-social {
          width: 108%; } }
      footer .footer__news__inner .footer-social ul {
        display: block;
        width: 80%; }
        footer .footer__news__inner .footer-social ul li {
          display: inline-block;
          width: 3rem !important; }
  footer .services-list {
    display: block !important;
    width: 100%; }
    footer .services-list li {
      display: inline-block !important;
      width: 18% !important;
      vertical-align: top; }
  footer .footer__help,
  footer .footer__help__inner {
    vertical-align: top;
    display: block !important;
    width: 100%; }
  footer .footer-contact__col {
    display: inline-block !important;
    width: 23% !important;
    vertical-align: top; }
  footer .footer__logos {
    display: block !important;
    width: 100%; }
    footer .footer__logos .footer__logos__left {
      display: inline-block !important;
      width: 60% !important; }
      footer .footer__logos .footer__logos__left li {
        display: inline-block !important;
        width: auto !important; }
    footer .footer__logos .footer__logos__right {
      display: inline-block !important;
      width: 35% !important; }
      footer .footer__logos .footer__logos__right li {
        display: inline-block !important;
        width: auto !important; }
  footer .footer-paymethods {
    display: block !important;
    width: 100%; } }

/*
Story: Chat olark
---
*/
button.olark-launch-button {
  border-radius: 0.3rem !important; }

#olark-container .olark-required-asterisk svg {
  display: none !important;
  fill: white !important; }

#olark-container .olark-error-message {
  font-weight: 500 !important;
  font-size: .9em !important;
  line-height: 1.2rem !important;
  text-align: left !important;
  margin: 1rem 0 !important; }

#olark-container .olark-branding-link {
  display: none !important; }

#olark-container .olark-generated-message {
  font-weight: 500 !important;
  line-height: 1.4rem !important;
  margin: 1rem 0 !important;
  padding: 0  !important;
  font-size: 0.9rem !important;
  text-align: left !important; }

/*will this conflict?*/
.custom-gift-popup {
  width: 71%;
  height: 70%;
  top: 15%;
  margin: 0 auto;
  position: relative;
  border: solid 8px white; }
  .custom-gift-popup iframe {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: block; }

.part-landingsPage {
  max-width: 90rem;
  margin: 0 auto;
  display: inline-block;
  display: grid;
  grid-template-columns: repeat(15, 1fr);
  grid-gap: 21.6px;
  position: relative; }
  @media (max-width: 1020.1px) {
    .part-landingsPage {
      display: inline-block;
      display: grid;
      grid-template-columns: repeat(12, 1fr);
      grid-gap: 21.6px; } }
  @media (max-width: 768.1px) {
    .part-landingsPage {
      display: inline-block;
      display: grid;
      grid-template-columns: repeat(8, 1fr);
      grid-gap: 11.52px; } }
  @media (max-width: 480.1px) {
    .part-landingsPage {
      display: inline-block;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-gap: 7.2px; } }

/**
 * list of all allowed stories in this template
 */
.part-landingsPage {
  /*
Paragraphs: Commercial Visual
---
Visualisation of commercial banner product
*/
  /***
 *
 * Color Modifier for different type of coupons
 *
***/
  /***
 * 
 * Border with scissors icon on top right
 *
***/
  /*
Paragraphs: Overlay state
---
overlay state block on commercial image
*/
  /* Toggle read more text
-----------------------------
*/
  /* Switch the detail view on click or hover
---------------------------------------------
*/
  /* Collapse
-----------------------------
*/
  /***
 *
 * Color Modifier for different type of coupons
 *
***/
  /***
 * 
 * Border with scissors icon on top right
 *
***/
  /*~ advantage-visual mixin for height ~*/
  /*
 *  Owl Carousel - Core
 */
  /* No Js */
  /*
 *  Owl Carousel - Animate Plugin
 */
  /*
 * 	Owl Carousel - Auto Height Plugin
 */
  /*
 * 	Owl Carousel - Lazy Load Plugin
 */
  /*
 * 	Owl Carousel - Video Plugin
 */
  /*
 * 	Default theme - Owl Carousel CSS File
 */
  /* Disable the arrows of the carousel nav when at first or last image */ }
  .no-touchevents .AcmbSelective .commercial-visual:hover .advantage-picker__overlay, .no-touchevents .AcmbSelective .commercial-visual:focus .advantage-picker__overlay, .no-touchevents .AcmbSelective .commercial-visual:active .advantage-picker__overlay,
  .no-touchevents .AcmbCumulative .commercial-visual:hover .advantage-picker__overlay,
  .no-touchevents .AcmbCumulative .commercial-visual:focus .advantage-picker__overlay,
  .no-touchevents .AcmbCumulative .commercial-visual:active .advantage-picker__overlay {
    opacity: 1;
    transition: opacity .3s ease; }
  .part-landingsPage .commercial-visual {
    position: relative;
    height: 100%;
    background: inherit;
    z-index: 0;
    line-height: 0; }
    .part-landingsPage .commercial-visual .carousel-wrapper {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 100%; }
    .part-landingsPage .commercial-visual .carousel-wrapper .owl-item img {
      height: 100%;
      width: 100%; }
    .part-landingsPage .commercial-visual--image-wrapper li.commercial-visual--image__item {
      list-style-type: none; }
    .part-landingsPage .commercial-visual--image {
      width: 100%;
      height: auto; }
    .part-landingsPage .commercial-visual--logo {
      position: absolute;
      top: 3em;
      right: 1em;
      max-width: 25%; }
    .part-landingsPage .commercial-visual--added {
      display: none;
      height: 4rem;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0; }
      .part-landingsPage .commercial-visual--added .overlay-state__inner {
        width: 100%; }
        .part-landingsPage .commercial-visual--added .overlay-state__inner span.icon {
          position: absolute;
          left: calc(50% - 4rem);
          bottom: 0;
          background: #ffffff;
          height: 3rem;
          width: 3rem;
          display: inline-block;
          border-radius: 50%;
          text-align: center;
          padding: .7rem;
          margin-bottom: .5rem; }
          .part-landingsPage .commercial-visual--added .overlay-state__inner span.icon:before {
            font-family: 'bruneauAdaptiveIcons';
            font-size: 2rem;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\e91e";
            line-height: 1;
            font-size: 1.4rem;
            color: #000000; }
        .part-landingsPage .commercial-visual--added .overlay-state__inner span.icon.isChosen {
          padding: .05rem; }
          .part-landingsPage .commercial-visual--added .overlay-state__inner span.icon.isChosen:before {
            font-family: 'bruneauAdaptiveIcons';
            font-size: 2rem;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\e93f";
            font-size: 2rem;
            position: relative;
            top: 7px; }
        .part-landingsPage .commercial-visual--added .overlay-state__inner span.overlay-state__text {
          float: left;
          color: #ffffff;
          margin: 1.5rem 0 0 calc(50% - .2rem); }
    .part-landingsPage .commercial-visual--info {
      position: absolute;
      top: 3em; }
      .part-landingsPage .commercial-visual--info > span {
        padding: .5em 1em .3em; }
      .part-landingsPage .commercial-visual--info span.free {
        font-size: 21px;
        line-height: 1.2rem;
        font-family: "Roboto";
        font-weight: 700;
        text-transform: uppercase;
        background-color: #ff0066;
        color: #333333;
        display: inline-block; }
      .part-landingsPage .commercial-visual--info span.sub {
        font-size: 18px;
        line-height: 1.2rem;
        font-family: "Roboto";
        font-weight: 300;
        background-color: #ffffff;
        color: #000000;
        display: block; }
        @media (max-width: 480.1px) {
          .part-landingsPage .commercial-visual--info span.sub {
            display: none; } }
      @media (max-width: 1020.1px) {
        .part-landingsPage .commercial-visual--info span.sub,
        .part-landingsPage .commercial-visual--info span.free {
          font-size: 15px;
          line-height: 1.2rem;
          font-family: "Roboto";
          font-weight: 300; } }
  .part-landingsPage .soft-advantage {
    align-self: start;
    width: 100%;
    grid-column: span 15;
    position: relative;
    width: 100%;
    height: 100%; }
    @media (max-width: 1020.1px) {
      .part-landingsPage .soft-advantage {
        grid-column: span 12; } }
    @media (max-width: 768.1px) {
      .part-landingsPage .soft-advantage {
        grid-column: span 8; } }
    @media (max-width: 480.1px) {
      .part-landingsPage .soft-advantage {
        grid-column: span 4; } }
    .part-landingsPage .soft-advantage .advantage-picker__overlay img {
      height: 100%;
      width: 100%;
      object-fit: cover;
      object-position: 50% 30%; }
    .no-touchevents .part-landingsPage .soft-advantage:hover .advantage-picker__overlay, .no-touchevents .part-landingsPage .soft-advantage:focus .advantage-picker__overlay, .no-touchevents .part-landingsPage .soft-advantage:active .advantage-picker__overlay {
      opacity: 1;
      transition: opacity .3s ease; }
    .part-landingsPage .soft-advantage__inner {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      /*padding: 1rem;*/
      border-color: #606060;
      width: calc(100% - 2.5rem);
      height: calc(100% - 2.5rem); }
      .part-landingsPage .soft-advantage__inner:before {
        font-family: 'bruneauAdaptiveIcons';
        font-size: 2rem;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e923";
        font-size: 2.4rem;
        clip: rect(-0.4rem, 3rem, 0.7rem, 0);
        position: absolute;
        top: -.7rem;
        right: 0;
        display: none; }
        @media (max-width: 480.1px) {
          .part-landingsPage .soft-advantage__inner:before {
            font-size: 1.4rem;
            clip: rect(-0.4rem, 3rem, 0.65rem, 0);
            top: -.65rem; } }
      @media (max-width: 480.1px) {
        .part-landingsPage .soft-advantage__inner {
          width: calc(100% - 1.3rem);
          height: calc(100% - 1.3rem); } }
    .part-landingsPage .soft-advantage__content {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      text-transform: uppercase;
      text-align: center;
      width: 100%; }
      .part-landingsPage .soft-advantage__content > span {
        display: block; }
      .part-landingsPage .soft-advantage__content .bonusValue {
        font-size: 72px;
        line-height: 4rem;
        font-family: "Roboto";
        font-weight: 700;
        margin-top: .4rem; }
        .part-landingsPage .soft-advantage__content .bonusValue .euro {
          font-size: 39px;
          line-height: 1.2rem;
          font-family: "Roboto";
          font-weight: 500;
          margin-right: -0.5rem; }
        .part-landingsPage .soft-advantage__content .bonusValue .multiplier {
          text-transform: lowercase; }
        @media (max-width: 480.1px) {
          .part-landingsPage .soft-advantage__content .bonusValue {
            font-size: 39px;
            line-height: 2.6rem; }
            .part-landingsPage .soft-advantage__content .bonusValue .euro {
              font-size: 21px;
              margin-right: -0.2rem; } }
      .part-landingsPage .soft-advantage__content .bonusType {
        font-size: 39px;
        line-height: 1.2rem;
        font-family: "Roboto";
        font-weight: 300;
        line-height: 3.2rem; }
        .part-landingsPage .soft-advantage__content .bonusType .bonusType--focus {
          font-size: 39px;
          line-height: 1.2rem;
          font-family: "Roboto";
          font-weight: 500;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          line-height: 1.6rem; }
        @media (max-width: 480.1px) {
          .part-landingsPage .soft-advantage__content .bonusType {
            font-size: 28px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 400;
            line-height: 1.6rem; }
            .part-landingsPage .soft-advantage__content .bonusType .bonusType--focus {
              font-size: 28px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 500; } }
      .part-landingsPage .soft-advantage__content .sub {
        text-transform: initial; }
  .part-landingsPage .soft-advantage--fidelityPoints-fixed-15 {
    color: #CC99CC;
    background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #CC99CC33; }
    .part-landingsPage .soft-advantage--fidelityPoints-fixed-15 .soft-advantage__inner {
      border-color: #CC99CC; }
  .part-landingsPage .soft-advantage--fidelityPoints-fixed-20 {
    color: #369a3c;
    background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #369a3c33; }
    .part-landingsPage .soft-advantage--fidelityPoints-fixed-20 .soft-advantage__inner {
      border-color: #369a3c; }
  .part-landingsPage .soft-advantage--fidelityPoints-fixed-30 {
    color: #99CC00;
    background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #99CC0033; }
    .part-landingsPage .soft-advantage--fidelityPoints-fixed-30 .soft-advantage__inner {
      border-color: #99CC00; }
  .part-landingsPage .soft-advantage--fidelityPoints-fixed-40 {
    color: #FF6600;
    background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #FF660033; }
    .part-landingsPage .soft-advantage--fidelityPoints-fixed-40 .soft-advantage__inner {
      border-color: #FF6600; }
  .part-landingsPage .soft-advantage--fidelityPoints-fixed-45 {
    color: #3399CC;
    background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #3399CC33; }
    .part-landingsPage .soft-advantage--fidelityPoints-fixed-45 .soft-advantage__inner {
      border-color: #3399CC; }
  .part-landingsPage .soft-advantage--fidelityPoints-fixed-50 {
    color: #e46a21;
    background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #e46a2133; }
    .part-landingsPage .soft-advantage--fidelityPoints-fixed-50 .soft-advantage__inner {
      border-color: #e46a21; }
  .part-landingsPage .soft-advantage--fidelityPoints-fixed-100 {
    color: #a9001d;
    background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #a9001d33; }
    .part-landingsPage .soft-advantage--fidelityPoints-fixed-100 .soft-advantage__inner {
      border-color: #a9001d; }
  .part-landingsPage .soft-advantage--fidelityPoints-fixed-200 {
    color: #d33277;
    background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #d3327733; }
    .part-landingsPage .soft-advantage--fidelityPoints-fixed-200 .soft-advantage__inner {
      border-color: #d33277; }
  .part-landingsPage .soft-advantage--fidelityPoints-fixed-500 {
    color: #5d5e9c;
    background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #5d5e9c33; }
    .part-landingsPage .soft-advantage--fidelityPoints-fixed-500 .soft-advantage__inner {
      border-color: #5d5e9c; }
  .part-landingsPage .soft-advantage--fidelityPoints-fixed-750 {
    color: #045ca6;
    background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #045ca633; }
    .part-landingsPage .soft-advantage--fidelityPoints-fixed-750 .soft-advantage__inner {
      border-color: #045ca6; }
  .part-landingsPage .soft-advantage--fidelityPoints-fixed-1000 {
    color: #631719;
    background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #63171933; }
    .part-landingsPage .soft-advantage--fidelityPoints-fixed-1000 .soft-advantage__inner {
      border-color: #631719; }
  .part-landingsPage .soft-advantage--fidelityPoints-multiplier-2 {
    color: #CC721F;
    background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #CC721F33; }
    .part-landingsPage .soft-advantage--fidelityPoints-multiplier-2 .soft-advantage__inner {
      border-color: #CC721F; }
  .part-landingsPage .soft-advantage--fidelityPoints-multiplier-3 {
    color: #E42313;
    background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #E4231333; }
    .part-landingsPage .soft-advantage--fidelityPoints-multiplier-3 .soft-advantage__inner {
      border-color: #E42313; }
  .part-landingsPage .soft-advantage--discount-fixed-5 {
    color: #D1B323;
    background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #D1B32333; }
    .part-landingsPage .soft-advantage--discount-fixed-5 .soft-advantage__inner {
      border-color: #D1B323; }
  .part-landingsPage .soft-advantage--discount-fixed-10 {
    color: #F69933;
    background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #F6993333; }
    .part-landingsPage .soft-advantage--discount-fixed-10 .soft-advantage__inner {
      border-color: #F69933; }
  .part-landingsPage .soft-advantage--discount-fixed-15 {
    color: #EE5030;
    background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #EE503033; }
    .part-landingsPage .soft-advantage--discount-fixed-15 .soft-advantage__inner {
      border-color: #EE5030; }
  .part-landingsPage .soft-advantage--discount-fixed-16 {
    color: #B6D144;
    background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #B6D14433; }
    .part-landingsPage .soft-advantage--discount-fixed-16 .soft-advantage__inner {
      border-color: #B6D144; }
  .part-landingsPage .soft-advantage--discount-fixed-20 {
    color: #009999;
    background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #00999933; }
    .part-landingsPage .soft-advantage--discount-fixed-20 .soft-advantage__inner {
      border-color: #009999; }
  .part-landingsPage .soft-advantage--discount-fixed-24 {
    color: #8FA049;
    background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #8FA04933; }
    .part-landingsPage .soft-advantage--discount-fixed-24 .soft-advantage__inner {
      border-color: #8FA049; }
  .part-landingsPage .soft-advantage--discount-fixed-25 {
    color: #2AA1D8;
    background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #2AA1D833; }
    .part-landingsPage .soft-advantage--discount-fixed-25 .soft-advantage__inner {
      border-color: #2AA1D8; }
  .part-landingsPage .soft-advantage--discount-fixed-30 {
    color: #99CC00;
    background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #99CC0033; }
    .part-landingsPage .soft-advantage--discount-fixed-30 .soft-advantage__inner {
      border-color: #99CC00; }
  .part-landingsPage .soft-advantage--discount-fixed-36 {
    color: #5BB74E;
    background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #5BB74E33; }
    .part-landingsPage .soft-advantage--discount-fixed-36 .soft-advantage__inner {
      border-color: #5BB74E; }
  .part-landingsPage .soft-advantage--discount-fixed-40 {
    color: #FF6600;
    background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #FF660033; }
    .part-landingsPage .soft-advantage--discount-fixed-40 .soft-advantage__inner {
      border-color: #FF6600; }
  .part-landingsPage .soft-advantage--discount-fixed-50 {
    color: #3E65AC;
    background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #3E65AC33; }
    .part-landingsPage .soft-advantage--discount-fixed-50 .soft-advantage__inner {
      border-color: #3E65AC; }
  .part-landingsPage .soft-advantage--discount-fixed-100 {
    color: #000000;
    background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #60606033; }
    .part-landingsPage .soft-advantage--discount-fixed-100 .soft-advantage__inner {
      border-color: #000000; }
  .part-landingsPage .soft-advantage--discount-percentual-5 {
    color: #fff;
    background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 0%), #00AEC7; }
    .part-landingsPage .soft-advantage--discount-percentual-5 .soft-advantage__inner {
      border-color: #fff; }
  .part-landingsPage .soft-advantage--discount-percentual-10 {
    color: #F69933;
    background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #F6993333; }
    .part-landingsPage .soft-advantage--discount-percentual-10 .soft-advantage__inner {
      border-color: #F69933; }
  .part-landingsPage .soft-advantage--discount-percentual-15 {
    color: #E0892A;
    background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #E0892A33; }
    .part-landingsPage .soft-advantage--discount-percentual-15 .soft-advantage__inner {
      border-color: #E0892A; }
  .part-landingsPage .soft-advantage--discount-percentual-20 {
    color: #E21A8C;
    background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #E21A8C33; }
    .part-landingsPage .soft-advantage--discount-percentual-20 .soft-advantage__inner {
      border-color: #E21A8C; }
  .part-landingsPage .soft-advantage--discount-percentual-25 {
    color: #EB2531;
    background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #EB253133; }
    .part-landingsPage .soft-advantage--discount-percentual-25 .soft-advantage__inner {
      border-color: #EB2531; }
  .part-landingsPage .fidelity-points {
    padding: 2rem;
    background-color: #9D837C;
    color: #ffffff;
    position: relative;
    width: 100%;
    height: 100%; }
    .part-landingsPage .fidelity-points__inner {
      vertical-align: top; }
      @media (max-width: 768.1px) {
        .part-landingsPage .fidelity-points__inner {
          padding: 2rem;
          width: calc(100% - 2em);
          height: calc(100% - 2em); } }
      @media (max-width: 480.1px) {
        .part-landingsPage .fidelity-points__inner {
          padding: 1rem;
          width: calc(100% - 1em);
          height: calc(100% - 1em); } }
    .part-landingsPage .fidelity-points p.fidelity-points__description {
      font-size: 15px;
      line-height: 1.2rem;
      font-family: "Roboto";
      font-weight: 300;
      text-align: center;
      width: auto; }
    .part-landingsPage .fidelity-points p.fidelity-points__title {
      font-size: 28px;
      line-height: 1.2rem;
      font-family: "Roboto";
      font-weight: 500;
      text-align: center;
      width: auto; }
      @media (max-width: 1350.1px) {
        .part-landingsPage .fidelity-points p.fidelity-points__title {
          font-size: 28px;
          line-height: 1.2rem;
          font-family: "Roboto";
          font-weight: 500; } }
      @media (max-width: 1020.1px) {
        .part-landingsPage .fidelity-points p.fidelity-points__title {
          font-size: 21px;
          line-height: 1.2rem;
          font-family: "Roboto";
          font-weight: 500; } }
      @media (max-width: 768.1px) {
        .part-landingsPage .fidelity-points p.fidelity-points__title {
          font-size: 18px;
          line-height: 1.2rem;
          font-family: "Roboto";
          font-weight: 500;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; } }
      @media (max-width: 480.1px) {
        .part-landingsPage .fidelity-points p.fidelity-points__title {
          font-size: 18px;
          line-height: 1.2rem;
          font-family: "Roboto";
          font-weight: 500;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; } }
  .part-landingsPage .advantage--2 .fidelity-points {
    background-color: #9D837C; }
  .part-landingsPage .advantage--3 .fidelity-points {
    background-color: #855791; }
  .part-landingsPage .advantage--4 .fidelity-points {
    background-color: #1D7A9B; }
  .part-landingsPage .advantage--5 .fidelity-points {
    background-color: #40A6BE; }
  .part-landingsPage .advantage--6 .fidelity-points {
    background-color: #EF8F19; }
  .part-landingsPage .advantage--7 .fidelity-points {
    background-color: #E1572A; }
  .part-landingsPage .advantage--8 .fidelity-points {
    background-color: #92BF76; }
  .part-landingsPage .advantage--9 .fidelity-points {
    background-color: #9C9A5B; }
  .part-landingsPage .advantage--10 .fidelity-points {
    background-color: #E42313; }
  .part-landingsPage .overlay-state {
    font-size: 15px;
    line-height: 1.2rem;
    font-family: "Roboto";
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    .part-landingsPage .overlay-state--green {
      background-color: rgba(115, 153, 0, 0.85);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9739900,endColorstr=#D9739900);
      zoom: 1;
      color: #333333; }
    .part-landingsPage .overlay-state__inner {
      vertical-align: top; }
      .part-landingsPage .overlay-state__inner > * {
        display: inline-block;
        vertical-align: middle; }
    .part-landingsPage .overlay-state__text {
      margin: 2rem; }
  .part-landingsPage .toggle {
    display: inline-flex;
    flex-direction: column-reverse; }
  .part-landingsPage .toggle__input:not(checked) {
    display: none; }
  .part-landingsPage .toggle__input + label {
    color: #000000;
    text-decoration: underline; }
  .part-landingsPage .toggle__input:not(checked) ~ .toggle__content {
    height: 4.7em;
    overflow: hidden;
    transition: all .3s ease; }
  .part-landingsPage .toggle__input:checked ~ .toggle__content {
    height: auto; }
  .part-landingsPage .toggle__input + label .toggle__less,
  .part-landingsPage .toggle__input:checked + label .toggle__more {
    display: none; }
  .part-landingsPage .toggle__input:checked + label .toggle__less {
    display: inline; }
  .part-landingsPage .mainwrapper {
    position: relative; }
    .part-landingsPage .mainwrapper .item {
      position: absolute;
      top: -999999px;
      left: -999999px;
      opacity: 0;
      transition: opacity .3s ease; }
      .part-landingsPage .mainwrapper .item.active {
        opacity: 1;
        position: relative;
        top: 0;
        left: 0; }
  .part-landingsPage .collapse-group {
    width: 100%; }
    .part-landingsPage .collapse-group .collapse {
      margin: 3rem 0;
      border-bottom: 1px dashed #9b9b9b;
      position: relative;
      width: 100%; }
      .part-landingsPage .collapse-group .collapse input[type=radio] {
        position: absolute;
        left: 0;
        top: 0;
        z-index: -999; }
      .part-landingsPage .collapse-group .collapse label {
        margin: 2rem;
        cursor: pointer;
        display: block;
        background-color: #ffffff;
        color: #000000; }
      .part-landingsPage .collapse-group .collapse input:focus + label,
      .part-landingsPage .collapse-group .collapse label:hover {
        font-weight: bold; }
      .part-landingsPage .collapse-group .collapse__title {
        font-size: 21px;
        line-height: 1.2rem;
        font-family: "Roboto";
        font-weight: 400; }
        .part-landingsPage .collapse-group .collapse__title:after {
          font-family: 'bruneauAdaptiveIcons';
          content: '\e913';
          float: right; }
      .part-landingsPage .collapse-group .collapse__content {
        max-height: 0;
        overflow: hidden;
        transition: all .3s; }
  .part-landingsPage .collapse input:checked ~ .collapse__content {
    max-height: 100%; }
  .part-landingsPage .collapse input:checked ~ .collapse__title:after {
    content: '\e914'; }
  .part-landingsPage .advantage .soft-advantage {
    z-index: 0; }
  .part-landingsPage .acmbGrid--4 {
    /* Set height for feature(highlighted) advantage */ }
    @media (max-width: 768.1px) {
      .part-landingsPage .acmbGrid--4 .advantage.highlighted .advantage__visual {
        height: 27rem; } }
    @media (max-width: 480.1px) {
      .part-landingsPage .acmbGrid--4 .advantage.highlighted .advantage__visual {
        height: 17rem; } }
  @media (max-width: 768.1px) {
    .part-landingsPage .AcmbCumulative .advantage.highlighted,
    .part-landingsPage .AcmbCumulative .showmore-button {
      grid-column: span 3; } }
  .part-landingsPage .AcmbCumulative .showmoreLayout .advantage {
    grid-column: span 3; }
  .part-landingsPage .AcmbSelectiveList .advantage.highlighted .advantage__visual {
    border: none; }
  .part-landingsPage .AcmbSelectiveList .acmbGrid__child--grid .advantage__visual,
  .part-landingsPage .AcmbSelectiveList .childwrapper .advantage__visual {
    height: 12em; }
  .part-landingsPage .acmbGrid__cumulativeList .acmbGrid__child--grid .advantage__visual,
  .part-landingsPage .acmbGrid__cumulativeList .childwrapper .advantage__visual,
  .part-landingsPage .acmbGrid__cumulativeList .childwrapper .advantage__visual {
    height: 12em; }
  .part-landingsPage .acmbGrid__cumulativeList .acmbGrid__child--grid .advantage__info,
  .part-landingsPage .acmbGrid__cumulativeList .childwrapper .advantage__info,
  .part-landingsPage .acmbGrid__cumulativeList .childwrapper .advantage__info {
    display: none; }
  .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual {
    height: 11em; }
    @media (max-width: 768.1px) {
      .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual {
        width: 30vw; } }
    @media (max-width: 480.1px) {
      .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual {
        height: 8rem;
        width: 40vw; } }
    .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--fidelityPoints-fixed-15 {
      color: #CC99CC;
      background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #CC99CC33; }
      .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--fidelityPoints-fixed-15 .soft-advantage__inner {
        border-color: #CC99CC; }
    .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--fidelityPoints-fixed-20 {
      color: #369a3c;
      background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #369a3c33; }
      .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--fidelityPoints-fixed-20 .soft-advantage__inner {
        border-color: #369a3c; }
    .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--fidelityPoints-fixed-30 {
      color: #99CC00;
      background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #99CC0033; }
      .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--fidelityPoints-fixed-30 .soft-advantage__inner {
        border-color: #99CC00; }
    .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--fidelityPoints-fixed-40 {
      color: #FF6600;
      background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #FF660033; }
      .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--fidelityPoints-fixed-40 .soft-advantage__inner {
        border-color: #FF6600; }
    .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--fidelityPoints-fixed-45 {
      color: #3399CC;
      background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #3399CC33; }
      .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--fidelityPoints-fixed-45 .soft-advantage__inner {
        border-color: #3399CC; }
    .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--fidelityPoints-fixed-50 {
      color: #e46a21;
      background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #e46a2133; }
      .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--fidelityPoints-fixed-50 .soft-advantage__inner {
        border-color: #e46a21; }
    .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--fidelityPoints-fixed-100 {
      color: #a9001d;
      background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #a9001d33; }
      .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--fidelityPoints-fixed-100 .soft-advantage__inner {
        border-color: #a9001d; }
    .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--fidelityPoints-fixed-200 {
      color: #d33277;
      background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #d3327733; }
      .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--fidelityPoints-fixed-200 .soft-advantage__inner {
        border-color: #d33277; }
    .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--fidelityPoints-fixed-500 {
      color: #5d5e9c;
      background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #5d5e9c33; }
      .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--fidelityPoints-fixed-500 .soft-advantage__inner {
        border-color: #5d5e9c; }
    .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--fidelityPoints-fixed-750 {
      color: #045ca6;
      background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #045ca633; }
      .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--fidelityPoints-fixed-750 .soft-advantage__inner {
        border-color: #045ca6; }
    .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--fidelityPoints-fixed-1000 {
      color: #631719;
      background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #63171933; }
      .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--fidelityPoints-fixed-1000 .soft-advantage__inner {
        border-color: #631719; }
    .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--fidelityPoints-multiplier-2 {
      color: #CC721F;
      background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #CC721F33; }
      .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--fidelityPoints-multiplier-2 .soft-advantage__inner {
        border-color: #CC721F; }
    .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--fidelityPoints-multiplier-3 {
      color: #E42313;
      background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #E4231333; }
      .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--fidelityPoints-multiplier-3 .soft-advantage__inner {
        border-color: #E42313; }
    .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--discount-fixed-5 {
      color: #D1B323;
      background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #D1B32333; }
      .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--discount-fixed-5 .soft-advantage__inner {
        border-color: #D1B323; }
    .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--discount-fixed-10 {
      color: #F69933;
      background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #F6993333; }
      .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--discount-fixed-10 .soft-advantage__inner {
        border-color: #F69933; }
    .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--discount-fixed-15 {
      color: #EE5030;
      background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #EE503033; }
      .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--discount-fixed-15 .soft-advantage__inner {
        border-color: #EE5030; }
    .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--discount-fixed-16 {
      color: #B6D144;
      background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #B6D14433; }
      .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--discount-fixed-16 .soft-advantage__inner {
        border-color: #B6D144; }
    .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--discount-fixed-20 {
      color: #009999;
      background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #00999933; }
      .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--discount-fixed-20 .soft-advantage__inner {
        border-color: #009999; }
    .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--discount-fixed-24 {
      color: #8FA049;
      background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #8FA04933; }
      .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--discount-fixed-24 .soft-advantage__inner {
        border-color: #8FA049; }
    .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--discount-fixed-25 {
      color: #2AA1D8;
      background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #2AA1D833; }
      .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--discount-fixed-25 .soft-advantage__inner {
        border-color: #2AA1D8; }
    .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--discount-fixed-30 {
      color: #99CC00;
      background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #99CC0033; }
      .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--discount-fixed-30 .soft-advantage__inner {
        border-color: #99CC00; }
    .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--discount-fixed-36 {
      color: #5BB74E;
      background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #5BB74E33; }
      .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--discount-fixed-36 .soft-advantage__inner {
        border-color: #5BB74E; }
    .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--discount-fixed-40 {
      color: #FF6600;
      background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #FF660033; }
      .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--discount-fixed-40 .soft-advantage__inner {
        border-color: #FF6600; }
    .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--discount-fixed-50 {
      color: #3E65AC;
      background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #3E65AC33; }
      .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--discount-fixed-50 .soft-advantage__inner {
        border-color: #3E65AC; }
    .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--discount-fixed-100 {
      color: #000000;
      background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #60606033; }
      .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--discount-fixed-100 .soft-advantage__inner {
        border-color: #000000; }
    .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--discount-percentual-5 {
      color: #fff;
      background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 0%), #00AEC7; }
      .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--discount-percentual-5 .soft-advantage__inner {
        border-color: #fff; }
    .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--discount-percentual-10 {
      color: #F69933;
      background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #F6993333; }
      .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--discount-percentual-10 .soft-advantage__inner {
        border-color: #F69933; }
    .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--discount-percentual-15 {
      color: #E0892A;
      background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #E0892A33; }
      .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--discount-percentual-15 .soft-advantage__inner {
        border-color: #E0892A; }
    .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--discount-percentual-20 {
      color: #E21A8C;
      background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #E21A8C33; }
      .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--discount-percentual-20 .soft-advantage__inner {
        border-color: #E21A8C; }
    .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--discount-percentual-25 {
      color: #EB2531;
      background: radial-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #EB253133; }
      .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage--discount-percentual-25 .soft-advantage__inner {
        border-color: #EB2531; }
    .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage__inner:before {
      font-family: 'bruneauAdaptiveIcons';
      font-size: 2rem;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e923";
      font-size: 2.4rem;
      clip: rect(-0.4rem, 3rem, 0.7rem, 0);
      position: absolute;
      top: -.7rem;
      right: 0;
      display: none;
      font-size: 1.6rem;
      clip: rect(-0.4rem, 3rem, 0.65rem, 0);
      top: -.65rem; }
      @media (max-width: 480.1px) {
        .part-landingsPage .acmbGrid__pyramid .childwrapper .advantage__visual .soft-advantage__inner:before {
          font-size: 1.4rem;
          clip: rect(-0.4rem, 3rem, 0.65rem, 0);
          top: -.65rem; } }
  .part-landingsPage .label-overlay {
    font-size: 36px;
    line-height: 1.2rem;
    font-family: "Roboto";
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 1em;
    left: 0;
    text-align: center; }
    @media (max-width: 1350.1px) {
      .part-landingsPage .label-overlay {
        font-size: 28px;
        line-height: 1.2rem;
        font-family: "Roboto";
        font-weight: 400; } }
    @media (max-width: 768.1px) {
      .part-landingsPage .label-overlay {
        font-size: 21px;
        line-height: 1.2rem;
        font-family: "Roboto";
        font-weight: 400;
        top: .5em; } }
    @media (max-width: 480.1px) {
      .part-landingsPage .label-overlay {
        font-size: 15px;
        line-height: 1.2rem;
        font-family: "Roboto";
        font-weight: 400; } }
    .part-landingsPage .label-overlay--and .label-overlay__inner {
      padding: 1.4rem 1.35rem 1.36rem 1.35rem;
      background-color: #697f26;
      color: #ffffff; }
      .part-landingsPage .label-overlay--and .label-overlay__inner:before {
        font-family: 'bruneauAdaptiveIcons';
        font-size: 2rem;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e943"; }
        @media (max-width: 1020.1px) {
          .part-landingsPage .label-overlay--and .label-overlay__inner:before {
            font-size: 1.6rem; } }
        @media (max-width: 480.1px) {
          .part-landingsPage .label-overlay--and .label-overlay__inner:before {
            font-size: 1rem; } }
      .part-landingsPage .label-overlay--and .label-overlay__inner span {
        display: none; }
      @media (max-width: 1020.1px) {
        .part-landingsPage .label-overlay--and .label-overlay__inner {
          padding: .88rem 1rem .98rem 1rem; } }
      @media (max-width: 480.1px) {
        .part-landingsPage .label-overlay--and .label-overlay__inner {
          width: 34px;
          height: 30px;
          padding: .4rem .55rem 1.5rem; } }
    .part-landingsPage .label-overlay--or .label-overlay__inner {
      padding: 1.28rem .5rem 1.08rem;
      background-color: #ffcc00;
      color: #000000;
      font-size: 26px;
      font-family: "Roboto";
      font-weight: 500; }
      @media (max-width: 768.1px) {
        .part-landingsPage .label-overlay--or .label-overlay__inner {
          font-size: 24px;
          padding: 1rem .5rem .8rem; } }
      @media (max-width: 480.1px) {
        .part-landingsPage .label-overlay--or .label-overlay__inner {
          font-size: 16px;
          padding: .5rem .2rem .3rem; } }
    .part-landingsPage .label-overlay__inner {
      padding: 1rem 3rem 0rem;
      position: relative;
      border-top-right-radius: 1rem;
      border-bottom-right-radius: 1rem;
      background-color: #ffcc00;
      color: #000000;
      text-transform: uppercase; }
      @media (max-width: 768.1px) {
        .part-landingsPage .label-overlay__inner {
          padding: 1rem 2rem 0rem;
          border-top-right-radius: .67rem;
          border-bottom-right-radius: .67rem; } }
      @media (max-width: 480.1px) {
        .part-landingsPage .label-overlay__inner {
          padding: 1rem 1rem 0rem;
          border-top-right-radius: .53rem;
          border-bottom-right-radius: .53rem; } }
      .part-landingsPage .label-overlay__inner:after {
        content: '';
        position: absolute;
        z-index: -2;
        bottom: .35em;
        right: 1em;
        left: 0.3em;
        width: 80%;
        height: 55%;
        -webkit-box-shadow: 3px 8px 8px 4px rgba(100, 97, 121, 0.8);
        -moz-box-shadow: 3px 8px 8px 4px rgba(100, 97, 121, 0.8);
        box-shadow: 3px 8px 8px 4px rgba(100, 97, 121, 0.8);
        -webkit-transform: rotate(8deg);
        -moz-transform: rotate(8deg);
        -ms-transform: rotate(8deg);
        -o-transform: rotate(8deg);
        transform: rotate(8deg); }
        @media (max-width: 768.1px) {
          .part-landingsPage .label-overlay__inner:after {
            bottom: .85em;
            -webkit-box-shadow: 5px 16px 8px 4px rgba(100, 97, 121, 0.8);
            -moz-box-shadow: 5px 16px 8px 4px rgba(100, 97, 121, 0.8);
            box-shadow: 5px 16px 8px 4px rgba(100, 97, 121, 0.8); } }
        @media (max-width: 480.1px) {
          .part-landingsPage .label-overlay__inner:after {
            bottom: 1em;
            left: 0.6em;
            width: 70%;
            height: 45%; } }
  .part-landingsPage .owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1; }
    .part-landingsPage .owl-carousel .owl-stage {
      position: relative;
      -ms-touch-action: pan-Y;
      touch-action: manipulation;
      -moz-backface-visibility: hidden;
      /* fix firefox animation glitch */ }
    .part-landingsPage .owl-carousel .owl-stage:after {
      content: ".";
      display: block;
      clear: both;
      visibility: hidden;
      line-height: 0;
      height: 0; }
    .part-landingsPage .owl-carousel .owl-stage-outer {
      position: relative;
      overflow: hidden;
      /* fix for flashing background */
      -webkit-transform: translate3d(0px, 0px, 0px); }
    .part-landingsPage .owl-carousel .owl-wrapper,
    .part-landingsPage .owl-carousel .owl-item {
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0); }
    .part-landingsPage .owl-carousel .owl-item {
      position: relative;
      min-height: 1px;
      float: left;
      -webkit-backface-visibility: hidden;
      -webkit-tap-highlight-color: transparent;
      -webkit-touch-callout: none; }
    .part-landingsPage .owl-carousel.articleMediaCarouselNav .owl-item.current .item {
      border: 1px dashed #e42313;
      padding: 1px; }
    .part-landingsPage .owl-carousel .item {
      height: 5rem;
      width: 5rem;
      background-size: contain;
      background-position: center center;
      background-repeat: no-repeat; }
    .part-landingsPage .owl-carousel .owl-item img {
      display: block;
      width: 100%;
      /*max-height: 180px;*/
      margin: 0 auto; }
    .part-landingsPage .owl-carousel .owl-nav.disabled,
    .part-landingsPage .owl-carousel .owl-dots.disabled {
      display: none; }
    .part-landingsPage .owl-carousel .owl-nav .owl-prev,
    .part-landingsPage .owl-carousel .owl-nav .owl-next,
    .part-landingsPage .owl-carousel .owl-dot {
      cursor: pointer;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
    .part-landingsPage .owl-carousel .owl-nav button.owl-prev,
    .part-landingsPage .owl-carousel .owl-nav button.owl-next,
    .part-landingsPage .owl-carousel button.owl-dot {
      background: none;
      color: inherit;
      border: none;
      padding: 0 !important;
      font: inherit; }
    .part-landingsPage .owl-carousel .owl-nav {
      padding-left: 2rem;
      padding-right: 2rem; }
    .part-landingsPage .owl-carousel .owl-prev,
    .part-landingsPage .owl-carousel .owl-next {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      opacity: .2; }
      .part-landingsPage .owl-carousel .owl-prev:hover,
      .part-landingsPage .owl-carousel .owl-next:hover {
        opacity: 1; }
    .part-landingsPage .owl-carousel .owl-prev {
      left: 0; }
      .part-landingsPage .owl-carousel .owl-prev span.icon--left {
        color: #000000; }
        .part-landingsPage .owl-carousel .owl-prev span.icon--left:before {
          font-family: 'bruneauAdaptiveIcons';
          font-size: 2rem;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "\e945"; }
    .part-landingsPage .owl-carousel .owl-next {
      right: 0; }
      .part-landingsPage .owl-carousel .owl-next span.icon--right {
        color: #000000; }
        .part-landingsPage .owl-carousel .owl-next span.icon--right:before {
          font-family: 'bruneauAdaptiveIcons';
          font-size: 2rem;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "\e946"; }
    .part-landingsPage .owl-carousel.owl-loaded {
      display: block; }
    .part-landingsPage .owl-carousel.owl-loading {
      opacity: 0;
      display: block; }
    .part-landingsPage .owl-carousel.owl-hidden {
      opacity: 0; }
    .part-landingsPage .owl-carousel.owl-refresh .owl-item {
      visibility: hidden; }
    .part-landingsPage .owl-carousel.owl-drag .owl-item {
      touch-action: pan-y;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
    .part-landingsPage .owl-carousel.owl-grab {
      cursor: move;
      cursor: grab; }
    .part-landingsPage .owl-carousel.owl-rtl {
      direction: rtl; }
    .part-landingsPage .owl-carousel.owl-rtl .owl-item {
      float: right; }
  .part-landingsPage .no-js .owl-carousel {
    display: block; }
  .part-landingsPage .owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both; }
  .part-landingsPage .owl-carousel .owl-animated-in {
    z-index: 0; }
  .part-landingsPage .owl-carousel .owl-animated-out {
    z-index: 1; }
  .part-landingsPage .owl-carousel .fadeOut {
    animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
  .part-landingsPage .owl-height {
    transition: height 500ms ease-in-out; }
  .part-landingsPage .owl-carousel .owl-item {
    /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */ }
    .part-landingsPage .owl-carousel .owl-item .owl-lazy {
      opacity: 0;
      transition: opacity 400ms ease; }
    .part-landingsPage .owl-carousel .owl-item .owl-lazy[src^=""],
    .part-landingsPage .owl-carousel .owl-item .owl-lazy:not([src]) {
      max-height: 0; }
    .part-landingsPage .owl-carousel .owl-item img.owl-lazy {
      transform-style: preserve-3d; }
  .part-landingsPage .owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000; }
  .part-landingsPage .owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 100ms ease; }
  .part-landingsPage .owl-carousel .owl-video-play-icon:hover {
    transform: scale(1.3, 1.3); }
  .part-landingsPage .owl-carousel .owl-video-playing .owl-video-tn,
  .part-landingsPage .owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none; }
  .part-landingsPage .owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease; }
  .part-landingsPage .owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%; }
  .part-landingsPage .carousel-wrapper .owl-item img {
    width: auto;
    margin: 0 auto; }
    @media (max-width: 768.1px) {
      .part-landingsPage .carousel-wrapper .owl-item img {
        height: 17rem; } }
    @media (max-width: 480.1px) {
      .part-landingsPage .carousel-wrapper .owl-item img {
        height: 18rem; } }
  @media (max-width: 480.1px) {
    .part-landingsPage .owl-carousel .owl-stage {
      margin: 0 auto; } }
  .part-landingsPage .owl-next.disabled,
  .part-landingsPage .owl-next.disabled:hover,
  .part-landingsPage .owl-prev.disabled,
  .part-landingsPage .owl-prev.disabled:hover,
  .part-landingsPage .owl-nav .owl-next.disabled,
  .part-landingsPage .owl-nav .owl-prev.disabled {
    opacity: 0 !important;
    pointer-events: none; }
  .part-landingsPage .owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent; }
    .part-landingsPage .owl-theme .owl-nav [class*='owl-'] {
      color: #ffffff;
      font-size: 14px;
      margin: 5px;
      padding: 4px 7px;
      background: #D6D6D6;
      display: inline-block;
      cursor: pointer;
      border-radius: 3px; }
      .part-landingsPage .owl-theme .owl-nav [class*='owl-']:hover {
        text-decoration: none; }
    .part-landingsPage .owl-theme .owl-nav .disabled {
      opacity: 0.5;
      cursor: default; }
  .part-landingsPage .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 10px; }
  .part-landingsPage .owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent; }
    .part-landingsPage .owl-theme .owl-dots .owl-dot {
      display: inline-block;
      zoom: 1;
      *display: inline; }
      .part-landingsPage .owl-theme .owl-dots .owl-dot span {
        width: 10px;
        height: 10px;
        margin: 5px 7px;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity 200ms ease;
        border-radius: 30px; }
  .part-landingsPage .media-type {
    position: absolute;
    bottom: 0;
    left: 3.5rem; }
    .part-landingsPage .media-type--360:before {
      font-family: 'bruneauAdaptiveIcons';
      font-size: 2rem;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e956";
      font-size: 1.6rem; }
    .part-landingsPage .media-type--video:before {
      font-family: 'bruneauAdaptiveIcons';
      font-size: 2rem;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e956";
      font-size: 1.6rem; }
  .part-landingsPage .accordion--AcmbAdvantageVisualisation {
    margin-top: 1rem; }
  .part-landingsPage .accordion--AcmbCumulative, .part-landingsPage .accordion--AcmbSelective {
    margin-top: 0.8rem; }
  .part-landingsPage .accordion-container .accordion {
    position: relative;
    border-bottom: 1px dashed #9b9b9b;
    width: 100%;
    overflow: hidden; }
    .part-landingsPage .accordion-container .accordion h3 {
      display: block;
      font-size: 15px;
      line-height: 1.2rem;
      font-family: "Roboto";
      font-weight: 500;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      cursor: pointer;
      padding: 1rem 3rem 1rem 0; }
      .part-landingsPage .accordion-container .accordion h3:hover {
        color: #e42313; }
      .part-landingsPage .accordion-container .accordion h3:after {
        position: absolute;
        right: 0;
        top: 0;
        display: block;
        width: 3rem;
        height: 3rem;
        line-height: 3rem;
        text-align: center;
        -webkit-transition: all .35s;
        -o-transition: all .35s;
        transition: all .35s; }
    .part-landingsPage .accordion-container .accordion .accordion-content {
      max-height: 0;
      overflow: hidden;
      -webkit-transition: max-height .35s;
      -o-transition: max-height .35s;
      transition: max-height .35s; }
    .part-landingsPage .accordion-container .accordion label {
      position: relative;
      display: block;
      cursor: pointer; }
    .part-landingsPage .accordion-container .accordion input {
      position: absolute;
      opacity: 0;
      z-index: 1;
      width: 100%;
      height: 2.5rem; }
    .part-landingsPage .accordion-container .accordion input:checked ~ .accordion-content {
      max-height: 500rem;
      padding-bottom: 1rem;
      width: 95%; }
    .part-landingsPage .accordion-container .accordion input[type=radio] + h3:after {
      font-family: 'bruneauAdaptiveIcons';
      font-size: 2rem;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e943";
      font-size: 1.5rem; }
    .part-landingsPage .accordion-container .accordion input[type=radio]:checked + h3:after {
      font-family: 'bruneauAdaptiveIcons';
      font-size: 2rem;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e944";
      font-size: 1.2rem;
      transform: rotate(90deg); }
    .part-landingsPage .accordion-container .accordion input[type=checkbox] + h3:after {
      font-family: 'bruneauAdaptiveIcons';
      font-size: 2rem;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e943";
      font-size: 1.5rem; }
    .part-landingsPage .accordion-container .accordion input[type=checkbox]:checked + h3:after {
      font-family: 'bruneauAdaptiveIcons';
      font-size: 2rem;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e944";
      font-size: 1.2rem;
      transform: rotate(90deg); }
  .part-landingsPage .accordion-container .accordion h3 {
    font-size: 18px;
    line-height: 1.2rem;
    font-family: "Roboto";
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: .6rem 3rem .7rem 0; }
    .part-landingsPage .accordion-container .accordion h3:after {
      top: -0.3rem; }
    @media (max-width: 480.1px) {
      .part-landingsPage .accordion-container .accordion h3 {
        font-size: 18px;
        line-height: 1.2rem;
        font-family: "Roboto";
        font-weight: 400; } }
  .part-landingsPage .accordion-container .accordion .accordion-content {
    font-size: 15px;
    line-height: 1.875rem;
    font-family: "Roboto";
    font-weight: 300; }
    .part-landingsPage .accordion-container .accordion .accordion-content .toggle .toggle__content {
      height: auto; }
      .part-landingsPage .accordion-container .accordion .accordion-content .toggle .toggle__content p {
        line-height: 1.25rem; }
    .part-landingsPage .accordion-container .accordion .accordion-content div {
      font-size: 14px;
      line-height: 1.2rem;
      font-family: "Roboto";
      font-weight: 300; }
      .part-landingsPage .accordion-container .accordion .accordion-content div ul, .part-landingsPage .accordion-container .accordion .accordion-content div ol {
        padding-left: 15px; }
        .part-landingsPage .accordion-container .accordion .accordion-content div ul li, .part-landingsPage .accordion-container .accordion .accordion-content div ol li {
          font-weight: 300;
          list-style-position: outside; }
    .part-landingsPage .accordion-container .accordion .accordion-content p, .part-landingsPage .accordion-container .accordion .accordion-content p span {
      font-size: 14px;
      font-weight: 300; }
  .part-landingsPage .accordion-container .accordion input[type=radio] + h3:after {
    font-size: 1.25rem; }
  .part-landingsPage .accordion-container .accordion input[type=radio]:checked + h3:after {
    font-size: 1rem; }
  .part-landingsPage .accordion-container .accordion input[type=checkbox] + h3:after {
    font-size: 1.25rem; }
  .part-landingsPage .accordion-container .accordion input[type=checkbox]:checked + h3:after {
    font-size: 1rem; }
  .part-landingsPage .acmbSpecifications {
    margin: 3rem 0; }
  .part-landingsPage .AdvantageCodeMarketingBanner {
    width: 100%;
    grid-column: span 15;
    margin-top: 0.5rem;
    position: relative;
    font-size: 15px;
    line-height: 1.2rem;
    font-family: "Roboto";
    font-weight: 300; }
    @media (max-width: 1020.1px) {
      .part-landingsPage .AdvantageCodeMarketingBanner {
        grid-column: span 12; } }
    @media (max-width: 768.1px) {
      .part-landingsPage .AdvantageCodeMarketingBanner {
        grid-column: span 8; } }
    @media (max-width: 480.1px) {
      .part-landingsPage .AdvantageCodeMarketingBanner {
        grid-column: span 4; } }
    .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective {
      display: inline-block;
      display: grid;
      grid-template-columns: repeat(12, 1fr);
      grid-gap: 21.6px;
      /*~ banner-subtitle for acmbGrid--2, acmbGrid--3, acmbGrid--4 ~*/
      /*~ banner-conditions for acmbGrid--2, acmbGrid--3, acmbGrid--4 ~*/ }
      @media (max-width: 1020.1px) {
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective {
          display: inline-block;
          display: grid;
          grid-template-columns: repeat(12, 1fr);
          grid-gap: 21.6px; } }
      @media (max-width: 768.1px) {
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective {
          display: inline-block;
          display: grid;
          grid-template-columns: repeat(8, 1fr);
          grid-gap: 11.52px; } }
      @media (max-width: 480.1px) {
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective {
          display: inline-block;
          display: grid;
          grid-template-columns: repeat(4, 1fr);
          grid-gap: 7.2px; } }
      .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective h2 {
        width: 100%;
        grid-column: span 12; }
        @media (max-width: 768.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective h2 {
            grid-column: span 8; } }
        @media (max-width: 480.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective h2 {
            grid-column: span 4; } }
      .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation {
        align-self: start;
        width: 100%;
        grid-column: span 15; }
        @media (max-width: 1020.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation {
            grid-column: span 12; } }
        @media (max-width: 768.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation {
            grid-column: span 8; } }
        @media (max-width: 480.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation {
            grid-column: span 4; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .banner__subtitle {
          font-size: 24px;
          line-height: 1.2rem;
          font-family: "Roboto";
          font-weight: 500;
          margin-top: 1rem;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .banner__subtitle {
              font-size: 24px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 500;
              line-height: 2rem; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .banner__subtitle {
              display: none; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .banner__conditions {
          margin-bottom: 1rem;
          font-size: 14px;
          line-height: 1.5rem;
          font-family: "Roboto";
          font-weight: 300; }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .banner__conditions {
              margin-top: 1rem;
              font-size: 15px; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .banner__conditions .free {
            font-family: "Roboto";
            font-weight: 500; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .banner__conditions .sub {
            font-family: "Roboto";
            font-weight: 300; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .banner__conditions .sub .strong {
            font-family: "Roboto";
            font-weight: 500; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .banner__description {
          width: 95%;
          font-size: 14px; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--1 {
          max-width: 90rem;
          margin: 0 auto;
          display: inline-block;
          display: grid;
          grid-template-columns: repeat(15, 1fr);
          grid-gap: 21.6px; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--1 {
              display: inline-block;
              display: grid;
              grid-template-columns: repeat(12, 1fr);
              grid-gap: 21.6px; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--1 {
              display: inline-block;
              display: grid;
              grid-template-columns: repeat(8, 1fr);
              grid-gap: 11.52px; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--1 {
              display: inline-block;
              display: grid;
              grid-template-columns: repeat(4, 1fr);
              grid-gap: 7.2px; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--1 .advantage__visual {
            width: 100%;
            /*grid-column: span 9;*/
            grid-column-start: 4;
            grid-column-end: 13; }
            @media (max-width: 1020.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--1 .advantage__visual {
                /*grid-column: span 7;*/
                grid-column-start: 2;
                grid-column-end: 12; } }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--1 .advantage__visual {
                grid-column: span 8; } }
            @media (max-width: 480.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--1 .advantage__visual {
                grid-column: span 4; } }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--1 .advantage__visual .soft-advantage {
              line-height: 0; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--1 .advantage__info {
            width: 100%;
            /*grid-column: span 6;*/
            grid-column-start: 4;
            grid-column-end: 13; }
            @media (max-width: 1020.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--1 .advantage__info {
                /*grid-column: span 5;*/
                grid-column-start: 2;
                grid-column-end: 12; } }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--1 .advantage__info {
                grid-column: span 8; } }
            @media (max-width: 480.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--1 .advantage__info {
                grid-column: span 4; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--1 h3.banner__subtitle {
            height: 0.5rem; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--2 {
          grid-column: span 6;
          /* @include breakpoint(wide-screen-size-min){ // IMPORTANT THIS WILL BREAK ON 1020PX: First will be 6, second will be 7.
			&:nth-child(3){
				grid-column: span 7;
			}
		} */ }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--2 .advantage__info .banner__subtitle {
            height: 1.5rem; }
            @media (max-width: 1020.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--2 .advantage__info .banner__subtitle {
                margin: 1.5rem 0; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--2 .advantage__info .banner__conditions {
            line-height: 1rem;
            margin-top: .3rem; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--2.AcmbAdvantageVisualisation--highlighted {
            grid-column: span 9; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--2.AcmbAdvantageVisualisation--highlightedSibling {
            grid-column: span 6; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--2 {
              grid-column: span 6; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--2.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 7; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--2.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 5; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--2 {
              grid-column: span 4; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--2.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 5; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--2.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 3; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--2 {
              grid-column: span 2; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--2.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 2; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--2.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 2; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3 {
          grid-column: span 4; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3 .advantage__info .banner__subtitle {
            height: 1.4rem;
            font-size: 22px; }
            @media (max-width: 1020.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3 .advantage__info .banner__subtitle {
                margin: 1.5rem 0; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3 .advantage__info .banner__conditions {
            line-height: 1rem;
            margin-top: .3rem; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlighted {
            grid-column: span 7; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlightedSibling {
            grid-column: span 4; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3 {
              grid-column: span 4; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 6; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 3; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3 {
              grid-column: span 3; } }
  @media (max-width: 768.1px) and (min-width: 480px) {
    .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3:nth-child(4) {
      grid-column: span 2; } }
          @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 4; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 2; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3 {
              grid-column: span 2; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 4; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 2; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--4 {
          grid-column: span 3;
          /*@include breakpoint(wide-screen-size-min){
			&:nth-child(5){
				grid-column: span 3;
			}
		}*/ }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlighted {
            grid-column: span 6; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlightedSibling {
            grid-column: span 3; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--4 {
              grid-column: span 3; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 6; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 2; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--4 {
              grid-column: span 4; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 8; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 3; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlightedSibling:nth-child(4) {
                grid-column: span 2; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--4 {
              /* mobile--close */
              grid-column: span 2;
              /* TODO: mobile--open */ }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 4; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 2; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--4 .acmbGrid__content {
            font-size: 2em; }
            @media (max-width: 1020.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--4 .acmbGrid__content {
                font-size: 1em; } }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--4 .acmbGrid__content {
                font-size: 1.2em; } }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--4 .acmbGrid__content.advantage-picker__overlay__content {
              font-size: 1em; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--4 .acmbGrid__content.advantage-picker__overlay__content button {
                font-size: 1em;
                line-height: 1; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--4 .highlighted .acmbGrid__content {
            font-size: 3em; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--4 .highlighted .acmbGrid__content.advantage-picker__overlay__content:first-child {
            font-size: 1.2em; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--4 .banner__subtitle {
            font-size: 24px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 500;
            margin-top: 1rem;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-size: 24px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 400;
            line-height: 2.4rem;
            height: 5rem; }
            @media (max-width: 1020.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--4 .banner__subtitle {
                font-size: 24px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 500;
                line-height: 2rem; } }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--4 .banner__subtitle {
                display: none; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--4 .banner__conditions {
            margin-bottom: 1rem;
            font-size: 14px;
            line-height: 1.5rem;
            font-family: "Roboto";
            font-weight: 300;
            font-size: 18px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 300; }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--4 .banner__conditions {
                margin-top: 1rem;
                font-size: 15px; } }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--4 .banner__conditions .free {
              font-family: "Roboto";
              font-weight: 500; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--4 .banner__conditions .sub {
              font-family: "Roboto";
              font-weight: 300; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--4 .banner__conditions .sub .strong {
              font-family: "Roboto";
              font-weight: 500; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--detailed {
          width: 100%;
          grid-column: span 9; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--detailed .banner__subtitle {
            height: 1.5rem; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--detailed {
              grid-column: span 6; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--detailed {
              grid-column: span 8; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--detailed {
              grid-column: span 4; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--grid {
          width: 100%;
          grid-column: span 3; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--grid .advantage__info .banner__conditions {
            text-align: center; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--grid .advantage__info .banner__conditions .sub .strong::before {
              content: "\a";
              white-space: pre; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlighted {
            grid-column: span 6; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlightedSibling {
            grid-column: span 3; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--grid {
              grid-column: span 3; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 6; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 3; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--grid {
              grid-column: span 4; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 4; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 4; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--grid {
              grid-column: span 2; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 2; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 2; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation.AcmbAdvantageVisualisation--bonusAdvantage {
          display: none; }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation.AcmbAdvantageVisualisation--bonusAdvantage {
              display: grid;
              grid-column: span 4; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation.AcmbAdvantageVisualisation--bonusAdvantage {
              display: grid;
              grid-column: span 2; } }
        @media (max-width: 768.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation.AcmbAdvantageVisualisation--bonusAdvantageSibling {
            grid-column: span 4; } }
        @media (max-width: 480.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation.AcmbAdvantageVisualisation--bonusAdvantageSibling {
            grid-column: span 2; } }
        @media (max-width: 768.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation.AcmbAdvantageVisualisation--existsAsBonusAdvantage {
            display: none; } }
        @media (max-width: 480.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation.AcmbAdvantageVisualisation--existsAsBonusAdvantage {
            display: none; } }
      .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation {
        /*
		 * Shared styles for both AcmbSelective/Acmbcombo
		 */
        /*
Paragraphs: Advantage Picker
---
Overlay and top arrow styling for choosing advantages
*/ }
        @media (max-width: 768.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .commercial-visual--added {
            height: 3rem; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .commercial-visual--added .overlay-state__inner span.icon {
              height: 2rem;
              width: 2rem;
              padding: .1rem; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .commercial-visual--added .overlay-state__inner span.icon:before {
                font-size: 1.8rem; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .commercial-visual--added .overlay-state__inner span.overlay-state__text {
              margin: 1rem 0 0 calc(50% - 1rem); } }
        @media (max-width: 480.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .label-overlay__inner:after {
            left: .4rem; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .advantage-picker {
          font-size: 28px;
          line-height: 1.2rem;
          font-family: "Roboto";
          font-weight: 400;
          position: relative; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .advantage-picker:after {
            font-family: 'bruneauAdaptiveIcons';
            font-size: 2rem;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\e940";
            vertical-align: middle;
            position: absolute;
            bottom: 0; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .advantage-picker__overlay {
          width: 100%;
          height: 100%;
          overflow: hidden;
          position: relative;
          text-align: center;
          cursor: default;
          transition: all .2s linear; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .advantage-picker__overlay .mask,
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .advantage-picker__overlay .content {
            width: 100%;
            height: 5rem;
            position: absolute;
            bottom: 0;
            left: 0;
            overflow: hidden; }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .advantage-picker__overlay .mask,
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .advantage-picker__overlay .content {
                height: 4rem; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .advantage-picker__overlay .mask {
            opacity: 0;
            background-color: rgba(0, 0, 0, 0.7);
            transition: all .4s ease-in-out; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .advantage-picker__overlay .mask__inner {
              vertical-align: top;
              z-index: 1; }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .advantage-picker__overlay .mask {
                opacity: 0; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .advantage-picker__overlay img {
            display: block;
            position: relative;
            z-index: -2;
            width: 100%; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .advantage-picker__overlay p.text {
            font-size: 28px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 400;
            max-width: 80%;
            margin: 0 auto;
            text-shadow: 1px 1px 11px rgba(0, 0, 0, 0.8);
            position: relative;
            text-align: center;
            transform: translateY(100px);
            opacity: 0;
            transition: all .2s linear; }
            @media (max-width: 1350.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .advantage-picker__overlay p.text {
                font-size: 21px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 400; } }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .advantage-picker__overlay p.text {
                font-size: 15px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 700;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale; } }
            @media (max-width: 480.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .advantage-picker__overlay p.text {
                font-size: 15px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 400; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .advantage-picker__overlay .button.info,
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .advantage-picker__overlay button.info {
            vertical-align: top;
            font-size: 21px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 700;
            text-align: center;
            padding: 0 1rem;
            line-height: 3rem;
            width: 100%;
            vertical-align: middle;
            border-radius: 0.3rem;
            height: 4rem;
            background: #333333;
            color: #ffffff;
            display: inline-block;
            font-size: 18px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 700;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            height: 3rem;
            line-height: 3rem;
            font-size: 16px;
            margin-top: 1rem;
            height: 3rem;
            width: auto;
            opacity: 0;
            color: #000000;
            background: #ffcc00;
            transition: all .2s ease-in-out; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .advantage-picker__overlay .button.info:hover,
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .advantage-picker__overlay button.info:hover {
              background: #000000; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .advantage-picker__overlay .button.info:active,
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .advantage-picker__overlay button.info:active {
              background: #333333; }
            @media (max-width: 1350.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .advantage-picker__overlay .button.info,
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .advantage-picker__overlay button.info {
                height: 3rem;
                line-height: 3rem; } }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .advantage-picker__overlay .button.info,
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .advantage-picker__overlay button.info {
                font-size: 15px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 500;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                height: 2rem;
                line-height: 2rem; } }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .advantage-picker__overlay .button.info,
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .advantage-picker__overlay button.info {
                opacity: 1;
                margin-top: .45rem;
                height: 3.2rem; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .advantage-picker__overlay:hover h2,
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .advantage-picker__overlay:hover p,
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .advantage-picker__overlay:hover .button.info,
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .advantage-picker__overlay:hover button.info {
            opacity: 1;
            transform: translateY(0px); }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .advantage-picker__overlay:hover p {
            transition-delay: .1s; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .advantage-picker__overlay:hover .button.info,
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .advantage-picker__overlay:hover button.info {
            transition-delay: .2s; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .AcmbSingle .advantage-picker__overlay:hover .mask {
          opacity: 0; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .AcmbSingle .advantage-picker__overlay:hover h2,
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .AcmbSingle .advantage-picker__overlay:hover p,
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .AcmbSingle .advantage-picker__overlay:hover .button.info,
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .AcmbSingle .advantage-picker__overlay:hover button.info {
          opacity: 0; }
        @media (min-width: 480px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .AcmbAdvantageVisualisation:not(.selected) .advantage-picker__overlay:hover .mask {
            opacity: 1;
            z-index: 1; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .advantage-picker__overlay .mask,
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .advantage-picker__overlay .content {
          height: 4rem;
          display: none; }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .advantage-picker__overlay .mask,
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .advantage-picker__overlay .content {
              height: 3rem; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .advantage-picker__overlay .button.info,
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .advantage-picker__overlay button.info {
          margin-top: .5rem; }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .advantage-picker__overlay .button.info,
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation .advantage-picker__overlay button.info {
              margin-top: .2rem;
              height: 2.6rem; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--2 .advantage__visual {
          height: auto; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--2 .advantage__visual {
              height: auto; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--2 .advantage__visual {
              height: auto; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--2 .advantage__visual {
              height: auto; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--2 .advantage__visual .soft-advantage__inner .bonusValue {
            font-size: 96px;
            line-height: 1.2rem;
            margin-top: 3rem; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--2 .advantage__visual .soft-advantage__inner .bonusValue .euro {
              font-size: 56px;
              margin-right: -0.3rem; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--2 .advantage__visual .soft-advantage__inner .bonusValue--second {
            margin-top: 2.4rem; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--2 .advantage__visual .soft-advantage__inner .bonusType {
            font-family: "Roboto";
            font-weight: 300;
            font-size: 56px;
            margin-top: 3rem; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--2 .advantage__visual .soft-advantage__inner .bonusType .bonusType--focus {
              font-size: 56px;
              display: block;
              margin-bottom: 1.2rem; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--2 .advantage__visual .soft-advantage__inner .bonusType--first {
            margin-top: 0rem; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--2 .advantage__visual .soft-advantage__inner .club-logo {
            position: absolute;
            bottom: 1em;
            right: 1em;
            width: 100px; }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--2 .advantage__visual .soft-advantage__inner .bonusValue {
              font-size: 56px;
              margin-top: 2.5rem; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--2 .advantage__visual .soft-advantage__inner .bonusValue .euro {
                font-size: 36px; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--2 .advantage__visual .soft-advantage__inner .bonusType {
              font-size: 28px;
              margin-top: 1.4rem; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--2 .advantage__visual .soft-advantage__inner .bonusType .bonusType--focus {
                font-size: 28px;
                margin-bottom: -0.2rem; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--2 .advantage__visual .soft-advantage__inner {
              width: calc(100% - 1rem);
              height: calc(100% - 1rem); }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--2 .advantage__visual .soft-advantage__inner .bonusValue {
                font-size: 36px; }
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--2 .advantage__visual .soft-advantage__inner .bonusValue .euro {
                  font-size: 21px; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--2 .advantage__visual .soft-advantage__inner .bonusType {
                font-size: 18px;
                margin-top: .8rem; }
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--2 .advantage__visual .soft-advantage__inner .bonusType .bonusType--focus {
                  font-size: 18px; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--2 .advantage__visual .label-overlay--or {
            width: 5rem; }
            @media (max-width: 1020.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--2 .advantage__visual .label-overlay--or {
                left: -1.1rem; } }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--2 .advantage__visual .label-overlay--or {
                left: -0.7rem;
                width: 4.6rem; } }
            @media (max-width: 480.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--2 .advantage__visual .label-overlay--or {
                left: -0.5rem;
                width: 3rem; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3 .advantage__visual {
          height: auto; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3 .advantage__visual {
              height: auto; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3 .advantage__visual {
              height: auto; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3 .advantage__visual {
              height: auto; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3 .advantage__visual .soft-advantage__inner .bonusValue {
            font-size: 96px;
            line-height: 1.2rem;
            margin-top: 3rem; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3 .advantage__visual .soft-advantage__inner .bonusValue .euro {
              font-size: 56px;
              margin-right: -0.3rem; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3 .advantage__visual .soft-advantage__inner .bonusValue--second {
            margin-top: 2.4rem; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3 .advantage__visual .soft-advantage__inner .bonusType {
            font-family: "Roboto";
            font-weight: 300;
            font-size: 56px;
            margin-top: 3rem; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3 .advantage__visual .soft-advantage__inner .bonusType .bonusType--focus {
              font-size: 56px;
              display: block;
              margin-bottom: 1.2rem; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3 .advantage__visual .soft-advantage__inner .bonusType--first {
            margin-top: 0rem; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3 .advantage__visual .soft-advantage__inner .club-logo {
            position: absolute;
            bottom: 1em;
            right: 1em;
            width: 100px; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3 .advantage__visual .soft-advantage__inner .bonusValue {
            font-size: 56px;
            margin-top: 1.5rem; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3 .advantage__visual .soft-advantage__inner .bonusValue .euro {
              font-size: 48px; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3 .advantage__visual .soft-advantage__inner .bonusValue--second {
            margin-top: 0.8rem; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3 .advantage__visual .soft-advantage__inner .bonusType {
            font-size: 36px;
            margin-top: 1.5rem; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3 .advantage__visual .soft-advantage__inner .bonusType .bonusType--focus {
              font-size: 36px;
              margin-bottom: 0rem; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3 .advantage__visual .soft-advantage__inner .bonusType--first {
            margin-top: -1rem; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3 .advantage__visual .soft-advantage__inner .club-logo {
            bottom: 0.5em;
            right: 0.6em;
            width: 75px; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3 .advantage__visual .soft-advantage__inner .bonusValue {
              font-size: 64px;
              margin-top: 3rem; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3 .advantage__visual .soft-advantage__inner .bonusValue .euro {
                font-size: 38px; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3 .advantage__visual .soft-advantage__inner .bonusType {
              font-size: 32px;
              margin-top: 1.8rem; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3 .advantage__visual .soft-advantage__inner .bonusType .bonusType--focus {
                font-size: 32px;
                margin-bottom: .2rem; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3 .advantage__visual .soft-advantage__inner .bonusValue {
              font-size: 56px;
              margin-top: 2.5rem; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3 .advantage__visual .soft-advantage__inner .bonusValue .euro {
                font-size: 36px; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3 .advantage__visual .soft-advantage__inner .bonusType {
              font-size: 28px;
              margin-top: 1.4rem; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3 .advantage__visual .soft-advantage__inner .bonusType .bonusType--focus {
                font-size: 28px;
                margin-bottom: -0.2rem; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3 .advantage__visual .soft-advantage__inner {
              width: calc(100% - 1rem);
              height: calc(100% - 1rem); }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3 .advantage__visual .soft-advantage__inner .bonusValue {
                font-size: 36px; }
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3 .advantage__visual .soft-advantage__inner .bonusValue .euro {
                  font-size: 21px; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3 .advantage__visual .soft-advantage__inner .bonusType {
                font-size: 18px;
                margin-top: .8rem; }
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3 .advantage__visual .soft-advantage__inner .bonusType .bonusType--focus {
                  font-size: 18px; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3 .label-overlay--or {
          left: -1.35rem;
          width: 3.5rem; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3 .label-overlay--or .label-overlay__inner {
            font-size: 22px;
            padding: 1rem 0.9rem 0.9rem; }
            @media (max-width: 1020.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3 .label-overlay--or .label-overlay__inner {
                padding: 1.08rem .5rem .78rem;
                font-size: 24px;
                border-top-right-radius: .67rem;
                border-bottom-right-radius: .67rem; } }
            @media (max-width: 480.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3 .label-overlay--or .label-overlay__inner {
                padding: .5rem .2rem .3rem;
                font-size: 16px;
                border-top-right-radius: .53rem;
                border-bottom-right-radius: .53rem; } }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3 .label-overlay--or .label-overlay__inner span {
              font-weight: 500; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3 .label-overlay--or .label-overlay__inner:after {
            width: 75%;
            height: 50%; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3 .label-overlay--or {
              left: 0;
              width: 4.6rem; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3 .label-overlay--or {
              width: 3rem; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3 .label-overlay--and .label-overlay__inner {
          font-size: 1em;
          padding: 0.85rem 0.9rem 0.95rem; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3 .label-overlay--and .label-overlay__inner {
              font-size: 1.6rem;
              padding: .88rem .94rem .68rem;
              border-top-right-radius: .67rem;
              border-bottom-right-radius: .67rem; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3 .label-overlay--and .label-overlay__inner {
              padding: .38rem .4rem .28rem;
              border-top-right-radius: .53rem;
              border-bottom-right-radius: .53rem; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3 .label-overlay--and .label-overlay__inner:before {
          font-size: 1.5rem; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3 .label-overlay--and .label-overlay__inner:after {
          width: 75%;
          height: 50%; }
        @media (max-width: 768.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3 .label-overlay--and {
            left: -0.8rem; } }
        @media (max-width: 480.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .AcmbAdvantageVisualisation--3 .label-overlay--and {
            left: -0.5rem; } }
      .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .bottom-part {
        width: 100%;
        grid-column: span 12; }
        @media (max-width: 768.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .bottom-part {
            grid-column: span 8; } }
        @media (max-width: 480.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelective .bottom-part {
            grid-column: span 4; } }
    .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle {
      max-width: 90rem;
      margin: 0 auto;
      display: inline-block;
      display: grid;
      grid-template-columns: repeat(15, 1fr);
      grid-gap: 21.6px;
      /*~ banner-subtitle for acmbGrid--2, acmbGrid--3, acmbGrid--4 ~*/
      /*~ banner-conditions for acmbGrid--2, acmbGrid--3, acmbGrid--4 ~*/
      /* TODO: only add the styles for the AcmbSelective, a general grid file is a bad idea. */ }
      @media (max-width: 1020.1px) {
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle {
          display: inline-block;
          display: grid;
          grid-template-columns: repeat(12, 1fr);
          grid-gap: 21.6px; } }
      @media (max-width: 768.1px) {
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle {
          display: inline-block;
          display: grid;
          grid-template-columns: repeat(8, 1fr);
          grid-gap: 11.52px; } }
      @media (max-width: 480.1px) {
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle {
          display: inline-block;
          display: grid;
          grid-template-columns: repeat(4, 1fr);
          grid-gap: 7.2px; } }
      .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .banner__title {
        width: 100%;
        grid-column-start: 4;
        grid-column-end: 13;
        margin-bottom: .5rem;
        line-height: 2rem; }
        @media (max-width: 1020.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .banner__title {
            font-size: 24px;
            grid-column-start: 2;
            grid-column-end: 12; } }
        @media (max-width: 768.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .banner__title {
            font-size: 21px;
            grid-column-start: 1;
            grid-column-end: 9;
            line-height: 1.5rem; } }
        @media (max-width: 480.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .banner__title {
            grid-column-start: 1;
            grid-column-end: 5; } }
      .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation {
        align-self: start;
        width: 100%;
        grid-column: span 15; }
        @media (max-width: 1020.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation {
            grid-column: span 12; } }
        @media (max-width: 768.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation {
            grid-column: span 8; } }
        @media (max-width: 480.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation {
            grid-column: span 4; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation .banner__subtitle {
          font-size: 24px;
          line-height: 1.2rem;
          font-family: "Roboto";
          font-weight: 500;
          margin-top: 1rem;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation .banner__subtitle {
              font-size: 24px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 500;
              line-height: 2rem; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation .banner__subtitle {
              display: none; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation .banner__conditions {
          margin-bottom: 1rem;
          font-size: 14px;
          line-height: 1.5rem;
          font-family: "Roboto";
          font-weight: 300; }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation .banner__conditions {
              margin-top: 1rem;
              font-size: 15px; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation .banner__conditions .free {
            font-family: "Roboto";
            font-weight: 500; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation .banner__conditions .sub {
            font-family: "Roboto";
            font-weight: 300; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation .banner__conditions .sub .strong {
            font-family: "Roboto";
            font-weight: 500; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation .banner__description {
          width: 95%;
          font-size: 14px; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--1 {
          max-width: 90rem;
          margin: 0 auto;
          display: inline-block;
          display: grid;
          grid-template-columns: repeat(15, 1fr);
          grid-gap: 21.6px; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--1 {
              display: inline-block;
              display: grid;
              grid-template-columns: repeat(12, 1fr);
              grid-gap: 21.6px; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--1 {
              display: inline-block;
              display: grid;
              grid-template-columns: repeat(8, 1fr);
              grid-gap: 11.52px; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--1 {
              display: inline-block;
              display: grid;
              grid-template-columns: repeat(4, 1fr);
              grid-gap: 7.2px; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--1 .advantage__visual {
            width: 100%;
            /*grid-column: span 9;*/
            grid-column-start: 4;
            grid-column-end: 13; }
            @media (max-width: 1020.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--1 .advantage__visual {
                /*grid-column: span 7;*/
                grid-column-start: 2;
                grid-column-end: 12; } }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--1 .advantage__visual {
                grid-column: span 8; } }
            @media (max-width: 480.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--1 .advantage__visual {
                grid-column: span 4; } }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--1 .advantage__visual .soft-advantage {
              line-height: 0; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--1 .advantage__info {
            width: 100%;
            /*grid-column: span 6;*/
            grid-column-start: 4;
            grid-column-end: 13; }
            @media (max-width: 1020.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--1 .advantage__info {
                /*grid-column: span 5;*/
                grid-column-start: 2;
                grid-column-end: 12; } }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--1 .advantage__info {
                grid-column: span 8; } }
            @media (max-width: 480.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--1 .advantage__info {
                grid-column: span 4; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--1 h3.banner__subtitle {
            height: 0.5rem; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--2 {
          grid-column: span 6;
          /* @include breakpoint(wide-screen-size-min){ // IMPORTANT THIS WILL BREAK ON 1020PX: First will be 6, second will be 7.
			&:nth-child(3){
				grid-column: span 7;
			}
		} */ }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--2 .advantage__info .banner__subtitle {
            height: 1.5rem; }
            @media (max-width: 1020.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--2 .advantage__info .banner__subtitle {
                margin: 1.5rem 0; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--2 .advantage__info .banner__conditions {
            line-height: 1rem;
            margin-top: .3rem; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--2.AcmbAdvantageVisualisation--highlighted {
            grid-column: span 9; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--2.AcmbAdvantageVisualisation--highlightedSibling {
            grid-column: span 6; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--2 {
              grid-column: span 6; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--2.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 7; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--2.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 5; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--2 {
              grid-column: span 4; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--2.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 5; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--2.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 3; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--2 {
              grid-column: span 2; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--2.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 2; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--2.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 2; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--3 {
          grid-column: span 4; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--3 .advantage__info .banner__subtitle {
            height: 1.4rem;
            font-size: 22px; }
            @media (max-width: 1020.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--3 .advantage__info .banner__subtitle {
                margin: 1.5rem 0; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--3 .advantage__info .banner__conditions {
            line-height: 1rem;
            margin-top: .3rem; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlighted {
            grid-column: span 7; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlightedSibling {
            grid-column: span 4; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--3 {
              grid-column: span 4; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 6; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 3; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--3 {
              grid-column: span 3; } }
  @media (max-width: 768.1px) and (min-width: 480px) {
    .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--3:nth-child(4) {
      grid-column: span 2; } }
          @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 4; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 2; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--3 {
              grid-column: span 2; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 4; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 2; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--4 {
          grid-column: span 3;
          /*@include breakpoint(wide-screen-size-min){
			&:nth-child(5){
				grid-column: span 3;
			}
		}*/ }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlighted {
            grid-column: span 6; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlightedSibling {
            grid-column: span 3; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--4 {
              grid-column: span 3; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 6; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 2; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--4 {
              grid-column: span 4; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 8; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 3; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlightedSibling:nth-child(4) {
                grid-column: span 2; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--4 {
              /* mobile--close */
              grid-column: span 2;
              /* TODO: mobile--open */ }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 4; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 2; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--4 .acmbGrid__content {
            font-size: 2em; }
            @media (max-width: 1020.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--4 .acmbGrid__content {
                font-size: 1em; } }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--4 .acmbGrid__content {
                font-size: 1.2em; } }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--4 .acmbGrid__content.advantage-picker__overlay__content {
              font-size: 1em; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--4 .acmbGrid__content.advantage-picker__overlay__content button {
                font-size: 1em;
                line-height: 1; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--4 .highlighted .acmbGrid__content {
            font-size: 3em; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--4 .highlighted .acmbGrid__content.advantage-picker__overlay__content:first-child {
            font-size: 1.2em; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--4 .banner__subtitle {
            font-size: 24px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 500;
            margin-top: 1rem;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-size: 24px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 400;
            line-height: 2.4rem;
            height: 5rem; }
            @media (max-width: 1020.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--4 .banner__subtitle {
                font-size: 24px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 500;
                line-height: 2rem; } }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--4 .banner__subtitle {
                display: none; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--4 .banner__conditions {
            margin-bottom: 1rem;
            font-size: 14px;
            line-height: 1.5rem;
            font-family: "Roboto";
            font-weight: 300;
            font-size: 18px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 300; }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--4 .banner__conditions {
                margin-top: 1rem;
                font-size: 15px; } }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--4 .banner__conditions .free {
              font-family: "Roboto";
              font-weight: 500; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--4 .banner__conditions .sub {
              font-family: "Roboto";
              font-weight: 300; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--4 .banner__conditions .sub .strong {
              font-family: "Roboto";
              font-weight: 500; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--detailed {
          width: 100%;
          grid-column: span 9; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--detailed .banner__subtitle {
            height: 1.5rem; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--detailed {
              grid-column: span 6; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--detailed {
              grid-column: span 8; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--detailed {
              grid-column: span 4; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--grid {
          width: 100%;
          grid-column: span 3; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--grid .advantage__info .banner__conditions {
            text-align: center; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--grid .advantage__info .banner__conditions .sub .strong::before {
              content: "\a";
              white-space: pre; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlighted {
            grid-column: span 6; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlightedSibling {
            grid-column: span 3; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--grid {
              grid-column: span 3; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 6; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 3; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--grid {
              grid-column: span 4; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 4; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 4; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--grid {
              grid-column: span 2; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 2; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 2; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation.AcmbAdvantageVisualisation--bonusAdvantage {
          display: none; }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation.AcmbAdvantageVisualisation--bonusAdvantage {
              display: grid;
              grid-column: span 4; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation.AcmbAdvantageVisualisation--bonusAdvantage {
              display: grid;
              grid-column: span 2; } }
        @media (max-width: 768.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation.AcmbAdvantageVisualisation--bonusAdvantageSibling {
            grid-column: span 4; } }
        @media (max-width: 480.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation.AcmbAdvantageVisualisation--bonusAdvantageSibling {
            grid-column: span 2; } }
        @media (max-width: 768.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation.AcmbAdvantageVisualisation--existsAsBonusAdvantage {
            display: none; } }
        @media (max-width: 480.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation.AcmbAdvantageVisualisation--existsAsBonusAdvantage {
            display: none; } }
      .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .acmbGrid__wrapper {
        grid-template-columns: 9fr 6fr; }
        @media (max-width: 1350.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .acmbGrid__wrapper {
            grid-template-columns: 7fr 5fr; } }
        @media (max-width: 1020.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .acmbGrid__wrapper {
            grid-template-columns: 100%; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .acmbGrid__wrapper .acmbGrid__child.title {
          margin: 2rem 0; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .acmbGrid__wrapper .acmbGrid__child .advantage.no-description .mobile--collapsed {
          display: none; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .acmbGrid__wrapper .acmbGrid__child .advantage.no-visual .visual--hide {
          display: none; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .acmbGrid__wrapper .acmbGrid__child .js-toggle-thumb .commercial-visual--added {
          height: 4rem; }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .acmbGrid__wrapper .acmbGrid__child .js-toggle-thumb .commercial-visual--added {
              height: 3rem; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .acmbGrid__wrapper .acmbGrid__child .js-toggle-thumb .commercial-visual--added span.icon {
            margin-bottom: .5rem; }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .acmbGrid__wrapper .acmbGrid__child .js-toggle-thumb .commercial-visual--added span.icon {
                height: 30px;
                width: 30px;
                padding: 0; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .acmbGrid__wrapper .acmbGrid__child .js-toggle-thumb .commercial-visual--added span.overlay-state__text {
            margin: 1.5rem 0 0 calc(50% - .4rem); }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .acmbGrid__wrapper .acmbGrid__child .js-toggle-thumb .commercial-visual--added span.overlay-state__text {
                margin: 1rem 0 0 calc(50% - 1rem); } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .acmbGrid__wrapper .acmbGrid__child--grid {
          display: grid;
          column-gap: 1em;
          row-gap: 1em;
          grid-template-columns: repeat(2, minmax(1em, 1fr)); }
          @media (max-width: 1350.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .acmbGrid__wrapper .acmbGrid__child--grid {
              grid-template-columns: repeat(2, minmax(1em, 1fr)); } }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .acmbGrid__wrapper .acmbGrid__child--grid {
              grid-template-columns: repeat(2, minmax(1em, 1fr)); } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .acmbGrid__wrapper .acmbGrid__child--grid .advantage-picker__overlay .mask,
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .acmbGrid__wrapper .acmbGrid__child--grid .advantage-picker__overlay .content {
            height: 4rem; }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .acmbGrid__wrapper .acmbGrid__child--grid .advantage-picker__overlay .mask,
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .acmbGrid__wrapper .acmbGrid__child--grid .advantage-picker__overlay .content {
                height: 3rem; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .acmbGrid__wrapper .acmbGrid__child--grid .button.info,
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .acmbGrid__wrapper .acmbGrid__child--grid button.info {
            margin-top: .5rem;
            height: 3rem; }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .acmbGrid__wrapper .acmbGrid__child--grid .button.info,
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .acmbGrid__wrapper .acmbGrid__child--grid button.info {
                margin-top: .2rem;
                height: 2.6rem; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .acmbGrid__wrapper .acmbGrid__child .mainwrapper .mobile--collapsed {
          display: block; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .acmbGrid__wrapper .acmbGrid__child .mainwrapper .mobile--collapsed {
              display: none; } }
      .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .acmbGrid__innergrid--selectiveList {
        grid-template-columns: repeat(2, 3fr); }
        @media (max-width: 1350.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .acmbGrid__innergrid--selectiveList {
            grid-template-columns: repeat(2, 2fr); } }
        @media (max-width: 1020.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .acmbGrid__innergrid--selectiveList {
            grid-template-columns: repeat(3, 2fr); } }
        @media (max-width: 768.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .acmbGrid__innergrid--selectiveList {
            grid-template-columns: repeat(2, 2fr); } }
      @media (max-width: 1020.1px) {
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .acmbGrid.acmbGrid__cumulativeList .showmore-button, .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .acmbGrid.acmbGrid__selectiveList .showmore-button, .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .acmbGrid.acmbGrid__pyramid .showmore-button {
          text-align: right;
          position: relative;
          display: block;
          cursor: pointer; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .acmbGrid.acmbGrid__cumulativeList .showmore-button:after, .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .acmbGrid.acmbGrid__selectiveList .showmore-button:after, .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .acmbGrid.acmbGrid__pyramid .showmore-button:after {
            font-family: 'bruneauAdaptiveIcons';
            font-size: 2rem;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\e947";
            text-decoration: none;
            font-size: inherit; } }
      @media (max-width: 768.1px) {
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .acmbGrid.acmbGrid__cumulativeList .showmore-button, .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .acmbGrid.acmbGrid__selectiveList .showmore-button, .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .acmbGrid.acmbGrid__pyramid .showmore-button {
          display: none; } }
      .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .acmbGrid.acmbGrid__cumulativeList #showmore:checked ~ .showmore-button:after, .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .acmbGrid.acmbGrid__selectiveList #showmore:checked ~ .showmore-button:after, .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .acmbGrid.acmbGrid__pyramid #showmore:checked ~ .showmore-button:after {
        font-family: 'bruneauAdaptiveIcons';
        font-size: 2rem;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e948";
        text-decoration: none;
        font-size: inherit; }
      .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .hidden--mobile {
        opacity: 1;
        height: auto; }
        @media (max-width: 1020.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .hidden--mobile {
            opacity: 0;
            height: 0; } }
        @media (max-width: 768.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .hidden--mobile {
            opacity: 1;
            height: auto; } }
      .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .hidden--desktop {
        opacity: 0;
        height: 0; }
        @media (max-width: 1020.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .hidden--desktop {
            opacity: 1;
            height: auto; } }
        @media (max-width: 768.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .hidden--desktop {
            opacity: 0;
            height: 0; } }
      @media (max-width: 768.1px) {
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .show--mobile {
          opacity: 1;
          height: auto; } }
      .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .d--none {
        display: none; }
      .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .d--none--desktop {
        display: none; }
        @media (max-width: 1020.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .d--none--desktop {
            display: block; } }
        @media (max-width: 768.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .d--none--desktop {
            display: none; } }
      .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .showmoreLayout .hidden--desktop {
        opacity: 0;
        height: 0; }
      .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .showmoreLayout .hidden--mobile {
        opacity: 1;
        height: auto; }
      .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .acmbGrid__single {
        grid-template-columns: 9fr 6fr; }
        @media (max-width: 1350.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .acmbGrid__single {
            grid-template-columns: 7fr 5fr; } }
        @media (max-width: 768.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .acmbGrid__single {
            grid-template-columns: 100%; } }
      .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--1 .fake-banner {
        margin: 0 calc(50% - 95vw); }
        @media (max-width: 768.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--1 .fake-banner {
            display: none; } }
      .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--1 .advantage__visual {
        height: auto; }
        @media (max-width: 1020.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--1 .advantage__visual {
            height: auto; } }
        @media (max-width: 768.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--1 .advantage__visual {
            height: auto; } }
        @media (max-width: 480.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--1 .advantage__visual {
            height: auto; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--1 .advantage__visual .commercial-visual img {
          width: 100%; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--1 .advantage__visual .soft-advantage .soft-advantage__inner .bonusValue {
          font-size: 96px;
          line-height: 2rem;
          margin-top: 3rem; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--1 .advantage__visual .soft-advantage .soft-advantage__inner .bonusValue .euro {
            font-size: 56px;
            margin-right: -0.3rem; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--1 .advantage__visual .soft-advantage .soft-advantage__inner .bonusValue--second {
          margin-top: 2.4rem; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--1 .advantage__visual .soft-advantage .soft-advantage__inner .bonusType {
          font-family: "Roboto";
          font-weight: 300;
          font-size: 56px;
          margin-top: 3rem; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--1 .advantage__visual .soft-advantage .soft-advantage__inner .bonusType .bonusType--focus {
            font-size: 56px;
            display: block;
            margin-bottom: 1.2rem; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--1 .advantage__visual .soft-advantage .soft-advantage__inner .bonusType--first {
          margin-top: 0rem; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--1 .advantage__visual .soft-advantage .soft-advantage__inner .club-logo {
          position: absolute;
          bottom: 2em;
          right: 2em;
          width: 120px; }
        @media (max-width: 480.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--1 .advantage__visual .soft-advantage .soft-advantage__inner .bonusValue {
            font-size: 56px;
            margin-top: 1.5rem; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--1 .advantage__visual .soft-advantage .soft-advantage__inner .bonusValue .euro {
              font-size: 36px; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--1 .advantage__visual .soft-advantage .soft-advantage__inner .bonusType {
            font-size: 28px;
            margin-top: .6rem; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--1 .advantage__visual .soft-advantage .soft-advantage__inner .bonusType .bonusType--focus {
              font-size: 28px;
              margin-bottom: .3rem; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--1 .advantage__visual .soft-advantage.coupon {
          height: 35rem; }
      @media (max-width: 768.1px) {
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--1 .advantage__info .banner__conditions {
          font-size: 21px; } }
      @media (max-width: 480.1px) {
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--1 .advantage__info .banner__conditions {
          font-size: 18px; } }
      .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSingle .AcmbAdvantageVisualisation--1 .commercial-visual .commercial-visual--info .free {
        color: #ffffff; }
    .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList {
      width: 100%;
      grid-column: span 15;
      max-width: 90rem;
      margin: 0 auto;
      display: inline-block;
      display: grid;
      grid-template-columns: repeat(15, 1fr);
      grid-gap: 21.6px;
      /*~ banner-subtitle for acmbGrid--2, acmbGrid--3, acmbGrid--4 ~*/
      /*~ banner-conditions for acmbGrid--2, acmbGrid--3, acmbGrid--4 ~*/
      /*
Paragraphs: Advantage Picker
---
Overlay and top arrow styling for choosing advantages
*/ }
      @media (max-width: 1020.1px) {
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList {
          grid-column: span 12; } }
      @media (max-width: 768.1px) {
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList {
          grid-column: span 8; } }
      @media (max-width: 480.1px) {
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList {
          grid-column: span 4; } }
      @media (max-width: 1020.1px) {
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList {
          display: inline-block;
          display: grid;
          grid-template-columns: repeat(12, 1fr);
          grid-gap: 21.6px; } }
      @media (max-width: 768.1px) {
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList {
          display: inline-block;
          display: grid;
          grid-template-columns: repeat(8, 1fr);
          grid-gap: 11.52px; } }
      @media (max-width: 480.1px) {
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList {
          display: inline-block;
          display: grid;
          grid-template-columns: repeat(4, 1fr);
          grid-gap: 7.2px; } }
      .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation {
        align-self: start;
        width: 100%;
        grid-column: span 15; }
        @media (max-width: 1020.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation {
            grid-column: span 12; } }
        @media (max-width: 768.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation {
            grid-column: span 8; } }
        @media (max-width: 480.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation {
            grid-column: span 4; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation .banner__subtitle {
          font-size: 24px;
          line-height: 1.2rem;
          font-family: "Roboto";
          font-weight: 500;
          margin-top: 1rem;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation .banner__subtitle {
              font-size: 24px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 500;
              line-height: 2rem; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation .banner__subtitle {
              display: none; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation .banner__conditions {
          margin-bottom: 1rem;
          font-size: 14px;
          line-height: 1.5rem;
          font-family: "Roboto";
          font-weight: 300; }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation .banner__conditions {
              margin-top: 1rem;
              font-size: 15px; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation .banner__conditions .free {
            font-family: "Roboto";
            font-weight: 500; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation .banner__conditions .sub {
            font-family: "Roboto";
            font-weight: 300; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation .banner__conditions .sub .strong {
            font-family: "Roboto";
            font-weight: 500; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation .banner__description {
          width: 95%;
          font-size: 14px; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--1 {
          max-width: 90rem;
          margin: 0 auto;
          display: inline-block;
          display: grid;
          grid-template-columns: repeat(15, 1fr);
          grid-gap: 21.6px; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--1 {
              display: inline-block;
              display: grid;
              grid-template-columns: repeat(12, 1fr);
              grid-gap: 21.6px; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--1 {
              display: inline-block;
              display: grid;
              grid-template-columns: repeat(8, 1fr);
              grid-gap: 11.52px; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--1 {
              display: inline-block;
              display: grid;
              grid-template-columns: repeat(4, 1fr);
              grid-gap: 7.2px; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--1 .advantage__visual {
            width: 100%;
            /*grid-column: span 9;*/
            grid-column-start: 4;
            grid-column-end: 13; }
            @media (max-width: 1020.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--1 .advantage__visual {
                /*grid-column: span 7;*/
                grid-column-start: 2;
                grid-column-end: 12; } }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--1 .advantage__visual {
                grid-column: span 8; } }
            @media (max-width: 480.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--1 .advantage__visual {
                grid-column: span 4; } }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--1 .advantage__visual .soft-advantage {
              line-height: 0; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--1 .advantage__info {
            width: 100%;
            /*grid-column: span 6;*/
            grid-column-start: 4;
            grid-column-end: 13; }
            @media (max-width: 1020.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--1 .advantage__info {
                /*grid-column: span 5;*/
                grid-column-start: 2;
                grid-column-end: 12; } }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--1 .advantage__info {
                grid-column: span 8; } }
            @media (max-width: 480.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--1 .advantage__info {
                grid-column: span 4; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--1 h3.banner__subtitle {
            height: 0.5rem; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--2 {
          grid-column: span 6;
          /* @include breakpoint(wide-screen-size-min){ // IMPORTANT THIS WILL BREAK ON 1020PX: First will be 6, second will be 7.
			&:nth-child(3){
				grid-column: span 7;
			}
		} */ }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--2 .advantage__info .banner__subtitle {
            height: 1.5rem; }
            @media (max-width: 1020.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--2 .advantage__info .banner__subtitle {
                margin: 1.5rem 0; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--2 .advantage__info .banner__conditions {
            line-height: 1rem;
            margin-top: .3rem; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--2.AcmbAdvantageVisualisation--highlighted {
            grid-column: span 9; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--2.AcmbAdvantageVisualisation--highlightedSibling {
            grid-column: span 6; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--2 {
              grid-column: span 6; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--2.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 7; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--2.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 5; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--2 {
              grid-column: span 4; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--2.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 5; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--2.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 3; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--2 {
              grid-column: span 2; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--2.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 2; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--2.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 2; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--3 {
          grid-column: span 4; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--3 .advantage__info .banner__subtitle {
            height: 1.4rem;
            font-size: 22px; }
            @media (max-width: 1020.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--3 .advantage__info .banner__subtitle {
                margin: 1.5rem 0; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--3 .advantage__info .banner__conditions {
            line-height: 1rem;
            margin-top: .3rem; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlighted {
            grid-column: span 7; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlightedSibling {
            grid-column: span 4; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--3 {
              grid-column: span 4; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 6; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 3; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--3 {
              grid-column: span 3; } }
  @media (max-width: 768.1px) and (min-width: 480px) {
    .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--3:nth-child(4) {
      grid-column: span 2; } }
          @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 4; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 2; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--3 {
              grid-column: span 2; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 4; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 2; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--4 {
          grid-column: span 3;
          /*@include breakpoint(wide-screen-size-min){
			&:nth-child(5){
				grid-column: span 3;
			}
		}*/ }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlighted {
            grid-column: span 6; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlightedSibling {
            grid-column: span 3; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--4 {
              grid-column: span 3; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 6; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 2; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--4 {
              grid-column: span 4; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 8; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 3; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlightedSibling:nth-child(4) {
                grid-column: span 2; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--4 {
              /* mobile--close */
              grid-column: span 2;
              /* TODO: mobile--open */ }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 4; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 2; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--4 .acmbGrid__content {
            font-size: 2em; }
            @media (max-width: 1020.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--4 .acmbGrid__content {
                font-size: 1em; } }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--4 .acmbGrid__content {
                font-size: 1.2em; } }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--4 .acmbGrid__content.advantage-picker__overlay__content {
              font-size: 1em; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--4 .acmbGrid__content.advantage-picker__overlay__content button {
                font-size: 1em;
                line-height: 1; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--4 .highlighted .acmbGrid__content {
            font-size: 3em; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--4 .highlighted .acmbGrid__content.advantage-picker__overlay__content:first-child {
            font-size: 1.2em; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--4 .banner__subtitle {
            font-size: 24px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 500;
            margin-top: 1rem;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-size: 24px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 400;
            line-height: 2.4rem;
            height: 5rem; }
            @media (max-width: 1020.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--4 .banner__subtitle {
                font-size: 24px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 500;
                line-height: 2rem; } }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--4 .banner__subtitle {
                display: none; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--4 .banner__conditions {
            margin-bottom: 1rem;
            font-size: 14px;
            line-height: 1.5rem;
            font-family: "Roboto";
            font-weight: 300;
            font-size: 18px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 300; }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--4 .banner__conditions {
                margin-top: 1rem;
                font-size: 15px; } }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--4 .banner__conditions .free {
              font-family: "Roboto";
              font-weight: 500; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--4 .banner__conditions .sub {
              font-family: "Roboto";
              font-weight: 300; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--4 .banner__conditions .sub .strong {
              font-family: "Roboto";
              font-weight: 500; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--detailed {
          width: 100%;
          grid-column: span 9; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--detailed .banner__subtitle {
            height: 1.5rem; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--detailed {
              grid-column: span 6; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--detailed {
              grid-column: span 8; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--detailed {
              grid-column: span 4; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--grid {
          width: 100%;
          grid-column: span 3; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--grid .advantage__info .banner__conditions {
            text-align: center; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--grid .advantage__info .banner__conditions .sub .strong::before {
              content: "\a";
              white-space: pre; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlighted {
            grid-column: span 6; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlightedSibling {
            grid-column: span 3; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--grid {
              grid-column: span 3; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 6; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 3; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--grid {
              grid-column: span 4; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 4; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 4; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--grid {
              grid-column: span 2; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 2; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 2; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation.AcmbAdvantageVisualisation--bonusAdvantage {
          display: none; }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation.AcmbAdvantageVisualisation--bonusAdvantage {
              display: grid;
              grid-column: span 4; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation.AcmbAdvantageVisualisation--bonusAdvantage {
              display: grid;
              grid-column: span 2; } }
        @media (max-width: 768.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation.AcmbAdvantageVisualisation--bonusAdvantageSibling {
            grid-column: span 4; } }
        @media (max-width: 480.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation.AcmbAdvantageVisualisation--bonusAdvantageSibling {
            grid-column: span 2; } }
        @media (max-width: 768.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation.AcmbAdvantageVisualisation--existsAsBonusAdvantage {
            display: none; } }
        @media (max-width: 480.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation.AcmbAdvantageVisualisation--existsAsBonusAdvantage {
            display: none; } }
      .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantage-picker {
        font-size: 28px;
        line-height: 1.2rem;
        font-family: "Roboto";
        font-weight: 400;
        position: relative; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantage-picker:after {
          font-family: 'bruneauAdaptiveIcons';
          font-size: 2rem;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "\e940";
          vertical-align: middle;
          position: absolute;
          bottom: 0; }
      .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantage-picker__overlay {
        width: 100%;
        height: 100%;
        overflow: hidden;
        position: relative;
        text-align: center;
        cursor: default;
        transition: all .2s linear; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantage-picker__overlay .mask,
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantage-picker__overlay .content {
          width: 100%;
          height: 5rem;
          position: absolute;
          bottom: 0;
          left: 0;
          overflow: hidden; }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantage-picker__overlay .mask,
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantage-picker__overlay .content {
              height: 4rem; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantage-picker__overlay .mask {
          opacity: 0;
          background-color: rgba(0, 0, 0, 0.7);
          transition: all .4s ease-in-out; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantage-picker__overlay .mask__inner {
            vertical-align: top;
            z-index: 1; }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantage-picker__overlay .mask {
              opacity: 0; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantage-picker__overlay img {
          display: block;
          position: relative;
          z-index: -2;
          width: 100%; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantage-picker__overlay p.text {
          font-size: 28px;
          line-height: 1.2rem;
          font-family: "Roboto";
          font-weight: 400;
          max-width: 80%;
          margin: 0 auto;
          text-shadow: 1px 1px 11px rgba(0, 0, 0, 0.8);
          position: relative;
          text-align: center;
          transform: translateY(100px);
          opacity: 0;
          transition: all .2s linear; }
          @media (max-width: 1350.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantage-picker__overlay p.text {
              font-size: 21px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 400; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantage-picker__overlay p.text {
              font-size: 15px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 700;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantage-picker__overlay p.text {
              font-size: 15px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 400; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantage-picker__overlay .button.info,
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantage-picker__overlay button.info {
          vertical-align: top;
          font-size: 21px;
          line-height: 1.2rem;
          font-family: "Roboto";
          font-weight: 700;
          text-align: center;
          padding: 0 1rem;
          line-height: 3rem;
          width: 100%;
          vertical-align: middle;
          border-radius: 0.3rem;
          height: 4rem;
          background: #333333;
          color: #ffffff;
          display: inline-block;
          font-size: 18px;
          line-height: 1.2rem;
          font-family: "Roboto";
          font-weight: 700;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          height: 3rem;
          line-height: 3rem;
          font-size: 16px;
          margin-top: 1rem;
          height: 3rem;
          width: auto;
          opacity: 0;
          color: #000000;
          background: #ffcc00;
          transition: all .2s ease-in-out; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantage-picker__overlay .button.info:hover,
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantage-picker__overlay button.info:hover {
            background: #000000; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantage-picker__overlay .button.info:active,
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantage-picker__overlay button.info:active {
            background: #333333; }
          @media (max-width: 1350.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantage-picker__overlay .button.info,
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantage-picker__overlay button.info {
              height: 3rem;
              line-height: 3rem; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantage-picker__overlay .button.info,
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantage-picker__overlay button.info {
              font-size: 15px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 500;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              height: 2rem;
              line-height: 2rem; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantage-picker__overlay .button.info,
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantage-picker__overlay button.info {
              opacity: 1;
              margin-top: .45rem;
              height: 3.2rem; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantage-picker__overlay:hover h2,
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantage-picker__overlay:hover p,
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantage-picker__overlay:hover .button.info,
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantage-picker__overlay:hover button.info {
          opacity: 1;
          transform: translateY(0px); }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantage-picker__overlay:hover p {
          transition-delay: .1s; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantage-picker__overlay:hover .button.info,
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantage-picker__overlay:hover button.info {
          transition-delay: .2s; }
      .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbSingle .advantage-picker__overlay:hover .mask {
        opacity: 0; }
      .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbSingle .advantage-picker__overlay:hover h2,
      .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbSingle .advantage-picker__overlay:hover p,
      .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbSingle .advantage-picker__overlay:hover .button.info,
      .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbSingle .advantage-picker__overlay:hover button.info {
        opacity: 0; }
      @media (min-width: 480px) {
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .AcmbAdvantageVisualisation:not(.selected) .advantage-picker__overlay:hover .mask {
          opacity: 1;
          z-index: 1; } }
      .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList h2 {
        width: 100%;
        grid-column: span 15; }
        @media (max-width: 1020.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList h2 {
            grid-column: span 12; } }
        @media (max-width: 768.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList h2 {
            grid-column: span 8; } }
        @media (max-width: 480.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList h2 {
            grid-column: span 4; } }
      .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__details {
        cursor: pointer;
        align-self: start;
        grid-column: span 9;
        display: inline-block;
        display: grid;
        grid-template-columns: repeat(9, 1fr);
        grid-gap: 21.6px; }
        @media (max-width: 1020.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__details {
            grid-template-columns: repeat(6, 1fr);
            grid-gap: 16.32px; } }
        @media (max-width: 768.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__details {
            display: inline-block;
            display: grid;
            grid-template-columns: repeat(8, 1fr);
            grid-gap: 11.52px;
            grid-gap: 11.52px; } }
        @media (max-width: 480.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__details {
            display: inline-block;
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            grid-gap: 7.2px;
            grid-gap: 7.2px; } }
        @media (max-width: 1020.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__details {
            grid-column: span 6; } }
        @media (max-width: 768.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__details {
            grid-column: span 8; } }
        @media (max-width: 480.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__details {
            grid-column: span 4; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__details .AcmbAdvantageVisualisation--detailed {
          display: none; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__details .AcmbAdvantageVisualisation--detailed .advantage__visual {
            height: auto; }
            @media (max-width: 1020.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__details .AcmbAdvantageVisualisation--detailed .advantage__visual {
                height: auto; } }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__details .AcmbAdvantageVisualisation--detailed .advantage__visual {
                height: auto; } }
            @media (max-width: 480.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__details .AcmbAdvantageVisualisation--detailed .advantage__visual {
                height: 16rem; } }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__details .AcmbAdvantageVisualisation--detailed .advantage__visual .soft-advantage__inner .club-logo {
              position: absolute;
              bottom: 2em;
              right: 2em;
              width: 120px; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__details .AcmbAdvantageVisualisation--detailed.counter0 {
          display: block; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__details .commercialImage {
          width: 100%;
          grid-column: span 9; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__details .commercialImage {
              grid-column: span 6; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__details .commercialImage {
              grid-column: span 8; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__details .commercialImage {
              grid-column: span 4; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__details.hasCommercialImage .AcmbAdvantageVisualisation {
          display: none; }
      .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__list {
        align-self: start;
        grid-column: span 6;
        display: inline-block;
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        grid-gap: 1rem 21.6px; }
        @media (max-width: 1020.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__list {
            grid-template-columns: repeat(6, 1fr);
            grid-gap: 1rem 16.32px; } }
        @media (max-width: 768.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__list {
            display: inline-block;
            display: grid;
            grid-template-columns: repeat(8, 1fr);
            grid-gap: 11.52px; } }
        @media (max-width: 480.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__list {
            display: inline-block;
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            grid-gap: 7.2px; } }
        @media (max-width: 1020.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__list {
            grid-column: span 6; } }
        @media (max-width: 768.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__list {
            grid-column: span 8; } }
        @media (max-width: 480.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__list {
            grid-column: span 4; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__list .advantage-picker {
          align-self: start;
          grid-column: span 6; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__list .advantage-picker {
              grid-column: span 6; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__list .advantage-picker {
              grid-column: span 8; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__list .advantage-picker {
              grid-column: span 4; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__list .advantage-picker:after {
            margin-left: 2rem;
            font-size: 2.5rem;
            bottom: -0.5rem; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__list .AcmbAdvantageVisualisation--grid {
          cursor: pointer !important; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__list .AcmbAdvantageVisualisation--grid .advantage-picker__overlay {
            /*background: #333; // TODO: load dynamic color*/ }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__list .AcmbAdvantageVisualisation--grid .advantage-picker__overlay .soft-advantage__inner {
            /*color: $color-white;*/
            /*border-color: $color-white;*/
            width: calc(100% - 1.3rem);
            height: calc(100% - 1.3rem); }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__list .AcmbAdvantageVisualisation--grid .advantage-picker__overlay .soft-advantage__inner:before {
              /*color: $color-white;*/
              font-size: 1.4rem; }
            @media (max-width: 1020.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__list .AcmbAdvantageVisualisation--grid .advantage-picker__overlay .soft-advantage__inner {
                width: calc(100% - 1.2rem);
                height: calc(100% - 1.2rem); }
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__list .AcmbAdvantageVisualisation--grid .advantage-picker__overlay .soft-advantage__inner:before {
                  font-size: 1.2rem; } }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__list .AcmbAdvantageVisualisation--grid .advantage-picker__overlay .soft-advantage__inner .soft-advantage__content > span {
              display: inline; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__list .AcmbAdvantageVisualisation--grid .advantage-picker__overlay .soft-advantage__inner .bonusValue {
              font-size: 72px;
              line-height: 4rem;
              font-family: "Roboto";
              font-weight: 700;
              margin-top: .4rem; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__list .AcmbAdvantageVisualisation--grid .advantage-picker__overlay .soft-advantage__inner .bonusValue .euro {
                font-size: 39px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 500;
                margin-right: -0.5rem; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__list .AcmbAdvantageVisualisation--grid .advantage-picker__overlay .soft-advantage__inner .bonusValue .multiplier {
                text-transform: lowercase; }
              @media (max-width: 480.1px) {
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__list .AcmbAdvantageVisualisation--grid .advantage-picker__overlay .soft-advantage__inner .bonusValue {
                  font-size: 39px;
                  line-height: 2.6rem; }
                  .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__list .AcmbAdvantageVisualisation--grid .advantage-picker__overlay .soft-advantage__inner .bonusValue .euro {
                    font-size: 21px;
                    margin-right: -0.2rem; } }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__list .AcmbAdvantageVisualisation--grid .advantage-picker__overlay .soft-advantage__inner .bonusType {
              font-size: 39px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 300;
              line-height: 3.2rem; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__list .AcmbAdvantageVisualisation--grid .advantage-picker__overlay .soft-advantage__inner .bonusType .bonusType--focus {
                font-size: 39px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 500;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                line-height: 1.6rem; }
              @media (max-width: 480.1px) {
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__list .AcmbAdvantageVisualisation--grid .advantage-picker__overlay .soft-advantage__inner .bonusType {
                  font-size: 28px;
                  line-height: 1.2rem;
                  font-family: "Roboto";
                  font-weight: 400;
                  line-height: 1.6rem; }
                  .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__list .AcmbAdvantageVisualisation--grid .advantage-picker__overlay .soft-advantage__inner .bonusType .bonusType--focus {
                    font-size: 28px;
                    line-height: 1.2rem;
                    font-family: "Roboto";
                    font-weight: 500; } }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__list .AcmbAdvantageVisualisation--grid .advantage-picker__overlay .soft-advantage__inner .sub {
              text-transform: initial; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__list .AcmbAdvantageVisualisation--grid .advantage-picker__overlay .soft-advantage__inner .bonusValue {
              font-size: 21px;
              line-height: .2rem; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__list .AcmbAdvantageVisualisation--grid .advantage-picker__overlay .soft-advantage__inner .bonusValue .euro {
                font-size: 21px;
                margin-right: -0.3rem; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__list .AcmbAdvantageVisualisation--grid .advantage-picker__overlay .soft-advantage__inner .bonusType {
              font-size: 21px;
              font-family: "Roboto";
              font-weight: 700;
              line-height: .4rem;
              text-transform: lowercase; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__list .AcmbAdvantageVisualisation--grid .advantage-picker__overlay .soft-advantage__inner .bonusType .bonusType--focus {
                font-size: 21px;
                font-family: "Roboto";
                font-weight: 700;
                line-height: 1.4rem; }
              @media (max-width: 768.1px) {
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__list .AcmbAdvantageVisualisation--grid .advantage-picker__overlay .soft-advantage__inner .bonusType {
                  line-height: 0; }
                  .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__list .AcmbAdvantageVisualisation--grid .advantage-picker__overlay .soft-advantage__inner .bonusType .bonusType--focus {
                    line-height: 1.8rem; } }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__list .AcmbAdvantageVisualisation--grid .advantage-picker__overlay .soft-advantage__inner .sub {
              font-size: 15px;
              font-family: "Roboto";
              font-weight: 400; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__list .AcmbAdvantageVisualisation--grid .advantage-picker__overlay .soft-advantage__inner .sub .strong {
                font-family: "Roboto";
                font-weight: 400; }
              @media (max-width: 768.1px) {
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__list .AcmbAdvantageVisualisation--grid .advantage-picker__overlay .soft-advantage__inner .sub {
                  line-height: 1rem; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual {
            height: auto; }
            @media (max-width: 1020.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual {
                height: auto; } }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual {
                height: auto; } }
            @media (max-width: 480.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual {
                height: 9rem; } }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .commercial-visual--added {
              height: 3rem; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .commercial-visual--added .overlay-state__inner span.icon {
                height: 2rem;
                width: 2rem;
                padding: .3rem; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .commercial-visual--added .overlay-state__inner span.overlay-state__text {
                margin: 1rem 0 0 calc(50% - 1rem); }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .soft-advantage__inner .soft-advantage__content .bonusType {
              font-size: 24px;
              margin-top: .2rem; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .soft-advantage__inner .soft-advantage__content .sub {
              display: block;
              margin-top: .4rem; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulativeList .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .soft-advantage__inner .club-logo {
              position: absolute;
              bottom: 0em;
              right: 0.1em;
              width: 40px; }
    .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative {
      display: inline-block;
      display: grid;
      grid-template-columns: repeat(12, 1fr);
      grid-gap: 21.6px;
      /*~ banner-subtitle for acmbGrid--2, acmbGrid--3, acmbGrid--4 ~*/
      /*~ banner-conditions for acmbGrid--2, acmbGrid--3, acmbGrid--4 ~*/ }
      @media (max-width: 1020.1px) {
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative {
          display: inline-block;
          display: grid;
          grid-template-columns: repeat(12, 1fr);
          grid-gap: 21.6px; } }
      @media (max-width: 768.1px) {
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative {
          display: inline-block;
          display: grid;
          grid-template-columns: repeat(8, 1fr);
          grid-gap: 11.52px; } }
      @media (max-width: 480.1px) {
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative {
          display: inline-block;
          display: grid;
          grid-template-columns: repeat(4, 1fr);
          grid-gap: 7.2px; } }
      .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative h2 {
        width: 100%;
        grid-column: span 12; }
        @media (max-width: 768.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative h2 {
            grid-column: span 8; } }
        @media (max-width: 480.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative h2 {
            grid-column: span 4; } }
      .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation {
        align-self: start;
        width: 100%;
        grid-column: span 15; }
        @media (max-width: 1020.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation {
            grid-column: span 12; } }
        @media (max-width: 768.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation {
            grid-column: span 8; } }
        @media (max-width: 480.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation {
            grid-column: span 4; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation .banner__subtitle {
          font-size: 24px;
          line-height: 1.2rem;
          font-family: "Roboto";
          font-weight: 500;
          margin-top: 1rem;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation .banner__subtitle {
              font-size: 24px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 500;
              line-height: 2rem; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation .banner__subtitle {
              display: none; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation .banner__conditions {
          margin-bottom: 1rem;
          font-size: 14px;
          line-height: 1.5rem;
          font-family: "Roboto";
          font-weight: 300; }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation .banner__conditions {
              margin-top: 1rem;
              font-size: 15px; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation .banner__conditions .free {
            font-family: "Roboto";
            font-weight: 500; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation .banner__conditions .sub {
            font-family: "Roboto";
            font-weight: 300; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation .banner__conditions .sub .strong {
            font-family: "Roboto";
            font-weight: 500; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation .banner__description {
          width: 95%;
          font-size: 14px; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--1 {
          max-width: 90rem;
          margin: 0 auto;
          display: inline-block;
          display: grid;
          grid-template-columns: repeat(15, 1fr);
          grid-gap: 21.6px; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--1 {
              display: inline-block;
              display: grid;
              grid-template-columns: repeat(12, 1fr);
              grid-gap: 21.6px; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--1 {
              display: inline-block;
              display: grid;
              grid-template-columns: repeat(8, 1fr);
              grid-gap: 11.52px; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--1 {
              display: inline-block;
              display: grid;
              grid-template-columns: repeat(4, 1fr);
              grid-gap: 7.2px; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--1 .advantage__visual {
            width: 100%;
            /*grid-column: span 9;*/
            grid-column-start: 4;
            grid-column-end: 13; }
            @media (max-width: 1020.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--1 .advantage__visual {
                /*grid-column: span 7;*/
                grid-column-start: 2;
                grid-column-end: 12; } }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--1 .advantage__visual {
                grid-column: span 8; } }
            @media (max-width: 480.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--1 .advantage__visual {
                grid-column: span 4; } }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--1 .advantage__visual .soft-advantage {
              line-height: 0; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--1 .advantage__info {
            width: 100%;
            /*grid-column: span 6;*/
            grid-column-start: 4;
            grid-column-end: 13; }
            @media (max-width: 1020.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--1 .advantage__info {
                /*grid-column: span 5;*/
                grid-column-start: 2;
                grid-column-end: 12; } }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--1 .advantage__info {
                grid-column: span 8; } }
            @media (max-width: 480.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--1 .advantage__info {
                grid-column: span 4; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--1 h3.banner__subtitle {
            height: 0.5rem; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 {
          grid-column: span 6;
          /* @include breakpoint(wide-screen-size-min){ // IMPORTANT THIS WILL BREAK ON 1020PX: First will be 6, second will be 7.
			&:nth-child(3){
				grid-column: span 7;
			}
		} */ }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__info .banner__subtitle {
            height: 1.5rem; }
            @media (max-width: 1020.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__info .banner__subtitle {
                margin: 1.5rem 0; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__info .banner__conditions {
            line-height: 1rem;
            margin-top: .3rem; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2.AcmbAdvantageVisualisation--highlighted {
            grid-column: span 9; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2.AcmbAdvantageVisualisation--highlightedSibling {
            grid-column: span 6; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 {
              grid-column: span 6; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 7; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 5; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 {
              grid-column: span 4; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 5; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 3; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 {
              grid-column: span 2; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 2; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 2; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 {
          grid-column: span 4; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__info .banner__subtitle {
            height: 1.4rem;
            font-size: 22px; }
            @media (max-width: 1020.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__info .banner__subtitle {
                margin: 1.5rem 0; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__info .banner__conditions {
            line-height: 1rem;
            margin-top: .3rem; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlighted {
            grid-column: span 7; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlightedSibling {
            grid-column: span 4; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 {
              grid-column: span 4; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 6; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 3; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 {
              grid-column: span 3; } }
  @media (max-width: 768.1px) and (min-width: 480px) {
    .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3:nth-child(4) {
      grid-column: span 2; } }
          @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 4; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 2; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 {
              grid-column: span 2; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 4; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 2; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4 {
          grid-column: span 3;
          /*@include breakpoint(wide-screen-size-min){
			&:nth-child(5){
				grid-column: span 3;
			}
		}*/ }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlighted {
            grid-column: span 6; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlightedSibling {
            grid-column: span 3; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4 {
              grid-column: span 3; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 6; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 2; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4 {
              grid-column: span 4; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 8; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 3; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlightedSibling:nth-child(4) {
                grid-column: span 2; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4 {
              /* mobile--close */
              grid-column: span 2;
              /* TODO: mobile--open */ }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 4; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 2; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4 .acmbGrid__content {
            font-size: 2em; }
            @media (max-width: 1020.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4 .acmbGrid__content {
                font-size: 1em; } }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4 .acmbGrid__content {
                font-size: 1.2em; } }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4 .acmbGrid__content.advantage-picker__overlay__content {
              font-size: 1em; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4 .acmbGrid__content.advantage-picker__overlay__content button {
                font-size: 1em;
                line-height: 1; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4 .highlighted .acmbGrid__content {
            font-size: 3em; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4 .highlighted .acmbGrid__content.advantage-picker__overlay__content:first-child {
            font-size: 1.2em; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4 .banner__subtitle {
            font-size: 24px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 500;
            margin-top: 1rem;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-size: 24px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 400;
            line-height: 2.4rem;
            height: 5rem; }
            @media (max-width: 1020.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4 .banner__subtitle {
                font-size: 24px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 500;
                line-height: 2rem; } }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4 .banner__subtitle {
                display: none; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4 .banner__conditions {
            margin-bottom: 1rem;
            font-size: 14px;
            line-height: 1.5rem;
            font-family: "Roboto";
            font-weight: 300;
            font-size: 18px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 300; }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4 .banner__conditions {
                margin-top: 1rem;
                font-size: 15px; } }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4 .banner__conditions .free {
              font-family: "Roboto";
              font-weight: 500; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4 .banner__conditions .sub {
              font-family: "Roboto";
              font-weight: 300; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4 .banner__conditions .sub .strong {
              font-family: "Roboto";
              font-weight: 500; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--detailed {
          width: 100%;
          grid-column: span 9; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--detailed .banner__subtitle {
            height: 1.5rem; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--detailed {
              grid-column: span 6; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--detailed {
              grid-column: span 8; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--detailed {
              grid-column: span 4; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--grid {
          width: 100%;
          grid-column: span 3; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--grid .advantage__info .banner__conditions {
            text-align: center; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--grid .advantage__info .banner__conditions .sub .strong::before {
              content: "\a";
              white-space: pre; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlighted {
            grid-column: span 6; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlightedSibling {
            grid-column: span 3; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--grid {
              grid-column: span 3; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 6; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 3; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--grid {
              grid-column: span 4; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 4; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 4; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--grid {
              grid-column: span 2; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 2; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 2; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation.AcmbAdvantageVisualisation--bonusAdvantage {
          display: none; }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation.AcmbAdvantageVisualisation--bonusAdvantage {
              display: grid;
              grid-column: span 4; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation.AcmbAdvantageVisualisation--bonusAdvantage {
              display: grid;
              grid-column: span 2; } }
        @media (max-width: 768.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation.AcmbAdvantageVisualisation--bonusAdvantageSibling {
            grid-column: span 4; } }
        @media (max-width: 480.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation.AcmbAdvantageVisualisation--bonusAdvantageSibling {
            grid-column: span 2; } }
        @media (max-width: 768.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation.AcmbAdvantageVisualisation--existsAsBonusAdvantage {
            display: none; } }
        @media (max-width: 480.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation.AcmbAdvantageVisualisation--existsAsBonusAdvantage {
            display: none; } }
      .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual {
        height: auto;
        /*
Paragraphs: Advantage Picker
---
Overlay and top arrow styling for choosing advantages
*/ }
        @media (max-width: 1020.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual {
            height: auto; } }
        @media (max-width: 768.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual {
            height: auto; } }
        @media (max-width: 480.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual {
            height: auto; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker {
          font-size: 28px;
          line-height: 1.2rem;
          font-family: "Roboto";
          font-weight: 400;
          position: relative; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker:after {
            font-family: 'bruneauAdaptiveIcons';
            font-size: 2rem;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\e940";
            vertical-align: middle;
            position: absolute;
            bottom: 0; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker__overlay {
          width: 100%;
          height: 100%;
          overflow: hidden;
          position: relative;
          text-align: center;
          cursor: default;
          transition: all .2s linear; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker__overlay .mask,
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker__overlay .content {
            width: 100%;
            height: 5rem;
            position: absolute;
            bottom: 0;
            left: 0;
            overflow: hidden; }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker__overlay .mask,
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker__overlay .content {
                height: 4rem; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker__overlay .mask {
            opacity: 0;
            background-color: rgba(0, 0, 0, 0.7);
            transition: all .4s ease-in-out; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker__overlay .mask__inner {
              vertical-align: top;
              z-index: 1; }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker__overlay .mask {
                opacity: 0; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker__overlay img {
            display: block;
            position: relative;
            z-index: -2;
            width: 100%; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker__overlay p.text {
            font-size: 28px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 400;
            max-width: 80%;
            margin: 0 auto;
            text-shadow: 1px 1px 11px rgba(0, 0, 0, 0.8);
            position: relative;
            text-align: center;
            transform: translateY(100px);
            opacity: 0;
            transition: all .2s linear; }
            @media (max-width: 1350.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker__overlay p.text {
                font-size: 21px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 400; } }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker__overlay p.text {
                font-size: 15px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 700;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale; } }
            @media (max-width: 480.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker__overlay p.text {
                font-size: 15px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 400; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker__overlay .button.info,
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker__overlay button.info {
            vertical-align: top;
            font-size: 21px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 700;
            text-align: center;
            padding: 0 1rem;
            line-height: 3rem;
            width: 100%;
            vertical-align: middle;
            border-radius: 0.3rem;
            height: 4rem;
            background: #333333;
            color: #ffffff;
            display: inline-block;
            font-size: 18px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 700;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            height: 3rem;
            line-height: 3rem;
            font-size: 16px;
            margin-top: 1rem;
            height: 3rem;
            width: auto;
            opacity: 0;
            color: #000000;
            background: #ffcc00;
            transition: all .2s ease-in-out; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker__overlay .button.info:hover,
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker__overlay button.info:hover {
              background: #000000; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker__overlay .button.info:active,
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker__overlay button.info:active {
              background: #333333; }
            @media (max-width: 1350.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker__overlay .button.info,
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker__overlay button.info {
                height: 3rem;
                line-height: 3rem; } }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker__overlay .button.info,
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker__overlay button.info {
                font-size: 15px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 500;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                height: 2rem;
                line-height: 2rem; } }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker__overlay .button.info,
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker__overlay button.info {
                opacity: 1;
                margin-top: .45rem;
                height: 3.2rem; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker__overlay:hover h2,
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker__overlay:hover p,
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker__overlay:hover .button.info,
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker__overlay:hover button.info {
            opacity: 1;
            transform: translateY(0px); }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker__overlay:hover p {
            transition-delay: .1s; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker__overlay:hover .button.info,
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker__overlay:hover button.info {
            transition-delay: .2s; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .AcmbSingle .advantage-picker__overlay:hover .mask {
          opacity: 0; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .AcmbSingle .advantage-picker__overlay:hover h2,
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .AcmbSingle .advantage-picker__overlay:hover p,
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .AcmbSingle .advantage-picker__overlay:hover .button.info,
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .AcmbSingle .advantage-picker__overlay:hover button.info {
          opacity: 0; }
        @media (min-width: 480px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .AcmbAdvantageVisualisation:not(.selected) .advantage-picker__overlay:hover .mask {
            opacity: 1;
            z-index: 1; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker__overlay .mask,
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker__overlay .content {
          height: 4rem;
          display: none; }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker__overlay .mask,
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker__overlay .content {
              height: 3rem; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker__overlay .button.info,
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker__overlay button.info {
          margin-top: .5rem; }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker__overlay .button.info,
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker__overlay button.info {
              margin-top: .2rem;
              height: 2.6rem; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker__overlay .soft-advantage__inner {
          width: calc(100% - 2.5em);
          height: calc(100% - 2.5em); }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusValue {
            font-size: 96px;
            line-height: 1.2rem;
            margin-top: 3rem; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusValue .euro {
              font-size: 56px;
              margin-right: -0.3rem; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusValue--second {
            margin-top: 2.4rem; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusType {
            font-family: "Roboto";
            font-weight: 300;
            font-size: 56px;
            margin-top: 3rem; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusType .bonusType--focus {
              font-size: 56px;
              display: block;
              margin-bottom: 1.2rem; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusType--first {
            margin-top: 0rem; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker__overlay .soft-advantage__inner .club-logo {
            position: absolute;
            bottom: 1em;
            right: 1em;
            width: 100px; }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusValue {
              font-size: 56px;
              margin-top: 2.5rem; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusValue .euro {
                font-size: 36px; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusType {
              font-size: 28px;
              margin-top: 1.4rem; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusType .bonusType--focus {
                font-size: 28px;
                margin-bottom: -0.2rem; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker__overlay .soft-advantage__inner {
              width: calc(100% - 1rem);
              height: calc(100% - 1rem); }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusValue {
                font-size: 36px; }
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusValue .euro {
                  font-size: 21px; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusType {
                font-size: 18px;
                margin-top: .8rem; }
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusType .bonusType--focus {
                  font-size: 18px; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .label-overlay--and {
          left: -1.5rem; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .label-overlay--and .label-overlay__inner {
            padding: 1.28rem 1.35rem 1.18rem; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .label-overlay--and .label-overlay__inner:before {
              font-size: 1.5rem; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .label-overlay--and .label-overlay__inner:after {
              right: 1em;
              left: .3em; }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .label-overlay--and .label-overlay__inner {
                padding: .78rem 1rem .68rem;
                border-top-right-radius: .53rem;
                border-bottom-right-radius: .53rem; }
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .label-overlay--and .label-overlay__inner:before {
                  font-size: 1.5rem; }
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .label-overlay--and .label-overlay__inner:after {
                  bottom: .9em;
                  left: .3em; } }
            @media (max-width: 480.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .label-overlay--and .label-overlay__inner {
                padding: .38rem .4rem .28rem; }
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .label-overlay--and .label-overlay__inner:before {
                  font-size: 1rem; }
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .label-overlay--and .label-overlay__inner:after {
                  bottom: 1.2em; } }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .label-overlay--and {
              left: -1.1rem; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .label-overlay--and {
              left: -0.8rem; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--2 .advantage__visual .label-overlay--and {
              left: -0.5rem; } }
      .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 {
        /*
		 * Style for both highlighted and normal layout
		 */
        /*
		 * Style for highlighted layout
		 */
        /*
		 * Style for normal layout
		 */ }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__visual {
          height: auto;
          /*
Paragraphs: Advantage Picker
---
Overlay and top arrow styling for choosing advantages
*/ }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__visual {
              height: auto; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__visual {
              height: auto; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__visual {
              height: auto; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__visual .advantage-picker {
            font-size: 28px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 400;
            position: relative; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__visual .advantage-picker:after {
              font-family: 'bruneauAdaptiveIcons';
              font-size: 2rem;
              speak: none;
              font-style: normal;
              font-weight: normal;
              font-variant: normal;
              text-transform: none;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              content: "\e940";
              vertical-align: middle;
              position: absolute;
              bottom: 0; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__visual .advantage-picker__overlay {
            width: 100%;
            height: 100%;
            overflow: hidden;
            position: relative;
            text-align: center;
            cursor: default;
            transition: all .2s linear; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__visual .advantage-picker__overlay .mask,
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__visual .advantage-picker__overlay .content {
              width: 100%;
              height: 5rem;
              position: absolute;
              bottom: 0;
              left: 0;
              overflow: hidden; }
              @media (max-width: 768.1px) {
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__visual .advantage-picker__overlay .mask,
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__visual .advantage-picker__overlay .content {
                  height: 4rem; } }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__visual .advantage-picker__overlay .mask {
              opacity: 0;
              background-color: rgba(0, 0, 0, 0.7);
              transition: all .4s ease-in-out; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__visual .advantage-picker__overlay .mask__inner {
                vertical-align: top;
                z-index: 1; }
              @media (max-width: 768.1px) {
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__visual .advantage-picker__overlay .mask {
                  opacity: 0; } }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__visual .advantage-picker__overlay img {
              display: block;
              position: relative;
              z-index: -2;
              width: 100%; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__visual .advantage-picker__overlay p.text {
              font-size: 28px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 400;
              max-width: 80%;
              margin: 0 auto;
              text-shadow: 1px 1px 11px rgba(0, 0, 0, 0.8);
              position: relative;
              text-align: center;
              transform: translateY(100px);
              opacity: 0;
              transition: all .2s linear; }
              @media (max-width: 1350.1px) {
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__visual .advantage-picker__overlay p.text {
                  font-size: 21px;
                  line-height: 1.2rem;
                  font-family: "Roboto";
                  font-weight: 400; } }
              @media (max-width: 768.1px) {
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__visual .advantage-picker__overlay p.text {
                  font-size: 15px;
                  line-height: 1.2rem;
                  font-family: "Roboto";
                  font-weight: 700;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale; } }
              @media (max-width: 480.1px) {
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__visual .advantage-picker__overlay p.text {
                  font-size: 15px;
                  line-height: 1.2rem;
                  font-family: "Roboto";
                  font-weight: 400; } }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__visual .advantage-picker__overlay .button.info,
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__visual .advantage-picker__overlay button.info {
              vertical-align: top;
              font-size: 21px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 700;
              text-align: center;
              padding: 0 1rem;
              line-height: 3rem;
              width: 100%;
              vertical-align: middle;
              border-radius: 0.3rem;
              height: 4rem;
              background: #333333;
              color: #ffffff;
              display: inline-block;
              font-size: 18px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 700;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              height: 3rem;
              line-height: 3rem;
              font-size: 16px;
              margin-top: 1rem;
              height: 3rem;
              width: auto;
              opacity: 0;
              color: #000000;
              background: #ffcc00;
              transition: all .2s ease-in-out; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__visual .advantage-picker__overlay .button.info:hover,
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__visual .advantage-picker__overlay button.info:hover {
                background: #000000; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__visual .advantage-picker__overlay .button.info:active,
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__visual .advantage-picker__overlay button.info:active {
                background: #333333; }
              @media (max-width: 1350.1px) {
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__visual .advantage-picker__overlay .button.info,
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__visual .advantage-picker__overlay button.info {
                  height: 3rem;
                  line-height: 3rem; } }
              @media (max-width: 768.1px) {
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__visual .advantage-picker__overlay .button.info,
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__visual .advantage-picker__overlay button.info {
                  font-size: 15px;
                  line-height: 1.2rem;
                  font-family: "Roboto";
                  font-weight: 500;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                  height: 2rem;
                  line-height: 2rem; } }
              @media (max-width: 768.1px) {
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__visual .advantage-picker__overlay .button.info,
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__visual .advantage-picker__overlay button.info {
                  opacity: 1;
                  margin-top: .45rem;
                  height: 3.2rem; } }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__visual .advantage-picker__overlay:hover h2,
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__visual .advantage-picker__overlay:hover p,
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__visual .advantage-picker__overlay:hover .button.info,
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__visual .advantage-picker__overlay:hover button.info {
              opacity: 1;
              transform: translateY(0px); }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__visual .advantage-picker__overlay:hover p {
              transition-delay: .1s; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__visual .advantage-picker__overlay:hover .button.info,
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__visual .advantage-picker__overlay:hover button.info {
              transition-delay: .2s; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__visual .AcmbSingle .advantage-picker__overlay:hover .mask {
            opacity: 0; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__visual .AcmbSingle .advantage-picker__overlay:hover h2,
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__visual .AcmbSingle .advantage-picker__overlay:hover p,
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__visual .AcmbSingle .advantage-picker__overlay:hover .button.info,
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__visual .AcmbSingle .advantage-picker__overlay:hover button.info {
            opacity: 0; }
          @media (min-width: 480px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__visual .AcmbAdvantageVisualisation:not(.selected) .advantage-picker__overlay:hover .mask {
              opacity: 1;
              z-index: 1; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__visual .soft-advantage__inner {
            width: calc(100% - 2.5em);
            height: calc(100% - 2.5em); }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__visual .soft-advantage__inner .bonusValue {
              font-size: 96px;
              line-height: 1.2rem;
              margin-top: 3rem; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__visual .soft-advantage__inner .bonusValue .euro {
                font-size: 56px;
                margin-right: -0.3rem; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__visual .soft-advantage__inner .bonusValue--second {
              margin-top: 2.4rem; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__visual .soft-advantage__inner .bonusType {
              font-family: "Roboto";
              font-weight: 300;
              font-size: 56px;
              margin-top: 3rem; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__visual .soft-advantage__inner .bonusType .bonusType--focus {
                font-size: 56px;
                display: block;
                margin-bottom: 1.2rem; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__visual .soft-advantage__inner .bonusType--first {
              margin-top: 0rem; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__visual .soft-advantage__inner .club-logo {
              position: absolute;
              bottom: 1em;
              right: 1em;
              width: 100px; }
            @media (max-width: 1020.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__visual .soft-advantage__inner .bonusValue {
                font-size: 64px;
                margin-top: 3rem; }
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__visual .soft-advantage__inner .bonusValue .euro {
                  font-size: 38px; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__visual .soft-advantage__inner .bonusType {
                font-size: 32px;
                margin-top: 1rem; }
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .advantage__visual .soft-advantage__inner .bonusType .bonusType--focus {
                  font-size: 32px;
                  margin-bottom: .2rem;
                  margin-top: 1.8rem; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .label-overlay--and {
          left: -1.5rem; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .label-overlay--and .label-overlay__inner {
            font-size: 1.5rem;
            padding: 1.28rem 1.34rem 1.18rem; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .label-overlay--and .label-overlay__inner:before {
              font-size: 1.5rem; }
            @media (max-width: 1020.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .label-overlay--and .label-overlay__inner {
                font-size: 1.6rem;
                padding: .88rem .94rem .68rem;
                border-top-right-radius: .67rem;
                border-bottom-right-radius: .67rem; } }
            @media (max-width: 480.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .label-overlay--and .label-overlay__inner {
                padding: .38rem .4rem .28rem;
                border-top-right-radius: .53rem;
                border-bottom-right-radius: .53rem; }
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .label-overlay--and .label-overlay__inner:after {
                  bottom: 1.4rem;
                  left: .3rem; } }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .label-overlay--and {
              left: -1.1rem; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .label-overlay--and {
              left: -0.8rem; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3 .label-overlay--and {
              left: -0.5rem; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlighted {
          /* Select the fitst highlightedSibling */ }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlighted .advantage__visual {
              height: 12rem; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlighted + .AcmbAdvantageVisualisation--highlightedSibling .advantage__visual .label-overlay--and {
              left: 0; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlighted .advantage__visual .soft-advantage__inner .club-logo, .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlightedSibling .advantage__visual .soft-advantage__inner .club-logo {
          position: absolute;
          bottom: 0.7em;
          right: 1em;
          width: 75px; }
        @media (max-width: 768.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlighted .advantage__visual .soft-advantage__inner, .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlightedSibling .advantage__visual .soft-advantage__inner {
            width: calc(100% - 1rem);
            height: calc(100% - 1rem); }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlighted .advantage__visual .soft-advantage__inner:before, .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlightedSibling .advantage__visual .soft-advantage__inner:before {
              font-size: 1.4rem;
              clip: rect(-0.4rem, 3rem, 0.65rem, 0);
              top: -.65rem; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlighted .advantage__visual .soft-advantage__inner .bonusValue, .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlightedSibling .advantage__visual .soft-advantage__inner .bonusValue {
              font-size: 36px; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlighted .advantage__visual .soft-advantage__inner .bonusValue .euro, .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlightedSibling .advantage__visual .soft-advantage__inner .bonusValue .euro {
                font-size: 21px; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlighted .advantage__visual .soft-advantage__inner .bonusType, .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlightedSibling .advantage__visual .soft-advantage__inner .bonusType {
              font-size: 18px;
              margin-top: .2rem; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlighted .advantage__visual .soft-advantage__inner .bonusType .bonusType--focus, .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlightedSibling .advantage__visual .soft-advantage__inner .bonusType .bonusType--focus {
                font-size: 18px;
                margin-bottom: -0.6rem; } }
        @media (max-width: 480.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlighted .advantage__visual .soft-advantage__inner .bonusValue, .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlightedSibling .advantage__visual .soft-advantage__inner .bonusValue {
            margin-top: 1.2rem; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlighted .advantage__visual .soft-advantage__inner .bonusType .bonusType--focus, .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlightedSibling .advantage__visual .soft-advantage__inner .bonusType .bonusType--focus {
            margin-bottom: -0.2rem; } }
        @media (max-width: 768.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3:not(.AcmbAdvantageVisualisation--highlighted):not(.AcmbAdvantageVisualisation--highlightedSibling) .advantage__visual .soft-advantage__inner .bonusValue {
            font-size: 56px;
            margin-top: 2.5rem; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3:not(.AcmbAdvantageVisualisation--highlighted):not(.AcmbAdvantageVisualisation--highlightedSibling) .advantage__visual .soft-advantage__inner .bonusValue .euro {
              font-size: 36px; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3:not(.AcmbAdvantageVisualisation--highlighted):not(.AcmbAdvantageVisualisation--highlightedSibling) .advantage__visual .soft-advantage__inner .bonusType {
            font-size: 28px;
            margin-top: .6rem; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3:not(.AcmbAdvantageVisualisation--highlighted):not(.AcmbAdvantageVisualisation--highlightedSibling) .advantage__visual .soft-advantage__inner .bonusType .bonusType--focus {
              font-size: 28px;
              margin-bottom: -0.2rem; } }
        @media (max-width: 480.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3:not(.AcmbAdvantageVisualisation--highlighted):not(.AcmbAdvantageVisualisation--highlightedSibling) .advantage__visual .soft-advantage__inner {
            width: calc(100% - 1rem);
            height: calc(100% - 1rem); }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3:not(.AcmbAdvantageVisualisation--highlighted):not(.AcmbAdvantageVisualisation--highlightedSibling) .advantage__visual .soft-advantage__inner:before {
              font-size: 1.4rem;
              clip: rect(-0.4rem, 3rem, 0.65rem, 0);
              top: -.65rem; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3:not(.AcmbAdvantageVisualisation--highlighted):not(.AcmbAdvantageVisualisation--highlightedSibling) .advantage__visual .soft-advantage__inner .bonusValue {
              font-size: 36px;
              margin-top: 1.2rem; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3:not(.AcmbAdvantageVisualisation--highlighted):not(.AcmbAdvantageVisualisation--highlightedSibling) .advantage__visual .soft-advantage__inner .bonusValue .euro {
                font-size: 21px; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3:not(.AcmbAdvantageVisualisation--highlighted):not(.AcmbAdvantageVisualisation--highlightedSibling) .advantage__visual .soft-advantage__inner .bonusType {
              font-size: 18px;
              margin-top: .2rem; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3:not(.AcmbAdvantageVisualisation--highlighted):not(.AcmbAdvantageVisualisation--highlightedSibling) .advantage__visual .soft-advantage__inner .bonusType .bonusType--focus {
                font-size: 18px;
                margin-bottom: -0.2rem; } }
        @media (max-width: 480.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--3:not(.AcmbAdvantageVisualisation--highlighted):not(.AcmbAdvantageVisualisation--highlightedSibling):nth-child(4) .label-overlay--and {
            left: 0; } }
      .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4 {
        /*
		 * Style for normal layout
		 */ }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4 .advantage__visual {
          height: auto;
          line-height: 0; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4 .advantage__visual {
              height: auto; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4 .advantage__visual {
              height: auto; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4 .advantage__visual {
              height: 11rem; } }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4 .advantage__visual .soft-advantage__inner {
              width: calc(100% - 1.5rem);
              height: calc(100% - 1.5rem); }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4 .advantage__visual .soft-advantage__inner:before {
                font-size: 1.4rem;
                clip: rect(-0.4rem, 3rem, 0.65rem, 0);
                top: -.65rem; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4 .advantage__visual .soft-advantage__inner .bonusValue {
                font-size: 48px;
                margin-top: 1rem;
                line-height: 2.5rem; }
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4 .advantage__visual .soft-advantage__inner .bonusValue .euro {
                  font-size: 24px; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4 .advantage__visual .soft-advantage__inner .bonusType {
                font-size: 20px;
                margin-top: 0;
                line-height: 1.2rem; }
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4 .advantage__visual .soft-advantage__inner .bonusType .bonusType--focus {
                  display: block;
                  font-size: 20px; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4 .advantage__visual .soft-advantage__inner {
              width: calc(100% - 1rem);
              height: calc(100% - 1rem); }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4 .advantage__visual .soft-advantage__inner:before {
                font-size: 1rem; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4 .advantage__visual .advantage-picker__overlay > img {
            height: auto; }
            @media (max-width: 1020.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4 .advantage__visual .advantage-picker__overlay > img {
                height: auto; } }
            @media (max-width: 480.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4 .advantage__visual .advantage-picker__overlay > img {
                height: auto; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4 .label-overlay--and .label-overlay__inner {
          left: -1.4rem;
          top: -2rem;
          padding: .88rem .94rem .68rem;
          border-top-right-radius: .67rem;
          border-bottom-right-radius: .67rem; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4 .label-overlay--and .label-overlay__inner:before {
            font-size: 1.6rem; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4 .label-overlay--and .label-overlay__inner:after {
            right: .2em;
            left: .2em; }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4 .label-overlay--and .label-overlay__inner {
              left: -1.7rem;
              padding: .38rem .4rem .28rem;
              border-top-right-radius: .53rem;
              border-bottom-right-radius: .53rem; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4 .label-overlay--and .label-overlay__inner:before {
                font-size: 1rem; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4 .label-overlay--and .label-overlay__inner::after {
                bottom: 1.3em;
                left: .4em; } }
        @media (max-width: 1020.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4 .label-overlay--and {
            left: .3rem;
            top: 3rem; } }
        @media (max-width: 768.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4 .label-overlay--and {
            left: .6rem; } }
        @media (max-width: 480.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4 .label-overlay--and {
            left: 1rem;
            top: 2.4rem; } }
        @media (max-width: 768.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4:nth-child(3) .label-overlay--and .label-overlay__inner {
            left: -0.5rem; } }
        @media (max-width: 480.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4:nth-child(odd) .label-overlay--and .label-overlay__inner {
            left: -1rem; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4 .advantage__info .banner__subtitle {
          font-size: 24px;
          height: 2rem;
          line-height: 2rem; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4 .advantage__info .banner__subtitle {
              font-size: 20px;
              margin: 1rem 0 2rem;
              line-height: 1.4rem; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4 .advantage__info p.banner__conditions {
          height: 1.5rem;
          font-size: 16px; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4 .advantage__info p.banner__conditions {
              height: 4.5rem; } }
        @media (max-width: 768.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlighted .advantage__visual {
            height: 27rem; } }
        @media (max-width: 480.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlighted .advantage__visual {
            height: 17rem; } }
        @media (max-width: 768.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlighted .advantage__info p.banner__conditions {
            height: 1rem; } }
        @media (max-width: 768.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlightedSibling .advantage__info p.banner__conditions {
            height: 4rem; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlightedSibling .advantage__info .banner__subtitle {
          font-size: 24px;
          height: 4rem;
          line-height: 2rem; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlightedSibling .advantage__info .banner__subtitle {
              font-size: 21px;
              margin: 1rem 0 2.2rem; } }
        @media (max-width: 768.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4:not(.AcmbAdvantageVisualisation--highlighted):not(.AcmbAdvantageVisualisation--highlightedSibling) .advantage__visual .label-overlay--and .label-overlay__inner {
            left: -1.4rem; } }
        @media (max-width: 480.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4:not(.AcmbAdvantageVisualisation--highlighted):not(.AcmbAdvantageVisualisation--highlightedSibling) .advantage__visual .label-overlay--and .label-overlay__inner {
            left: -1.5rem; } }
        @media (max-width: 768.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4:not(.AcmbAdvantageVisualisation--highlighted):not(.AcmbAdvantageVisualisation--highlightedSibling) .advantage__visual .bonusValue {
            font-size: 56px;
            line-height: .2rem;
            margin-top: 2.5rem; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4:not(.AcmbAdvantageVisualisation--highlighted):not(.AcmbAdvantageVisualisation--highlightedSibling) .advantage__visual .bonusValue .euro {
              font-size: 56px;
              margin-right: -0.3rem; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4:not(.AcmbAdvantageVisualisation--highlighted):not(.AcmbAdvantageVisualisation--highlightedSibling) .advantage__visual .bonusType {
            font-size: 28px;
            margin-top: 1rem; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4:not(.AcmbAdvantageVisualisation--highlighted):not(.AcmbAdvantageVisualisation--highlightedSibling) .advantage__visual .bonusType .bonusType--focus {
              font-size: 28px;
              margin-bottom: .3rem; } }
        @media (max-width: 480.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4:not(.AcmbAdvantageVisualisation--highlighted):not(.AcmbAdvantageVisualisation--highlightedSibling) .advantage__visual .bonusValue {
            font-size: 36px;
            margin-top: 1.2rem; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4:not(.AcmbAdvantageVisualisation--highlighted):not(.AcmbAdvantageVisualisation--highlightedSibling) .advantage__visual .bonusValue .euro {
              font-size: 36px;
              margin-right: -0.3rem; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4:not(.AcmbAdvantageVisualisation--highlighted):not(.AcmbAdvantageVisualisation--highlightedSibling) .advantage__visual .bonusType {
            font-size: 18px;
            margin-top: .6rem; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4:not(.AcmbAdvantageVisualisation--highlighted):not(.AcmbAdvantageVisualisation--highlightedSibling) .advantage__visual .bonusType .bonusType--focus {
              font-size: 18px;
              margin-bottom: 0; } }
        @media (max-width: 768.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4:not(.AcmbAdvantageVisualisation--highlighted):not(.AcmbAdvantageVisualisation--highlightedSibling):nth-child(4) .advantage__visual .label-overlay--and .label-overlay__inner {
            left: -0.6rem; } }
        @media (max-width: 480.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .AcmbAdvantageVisualisation--4:not(.AcmbAdvantageVisualisation--highlighted):not(.AcmbAdvantageVisualisation--highlightedSibling):nth-child(4) .advantage__visual .label-overlay--and .label-overlay__inner {
            left: -1rem; } }
      .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .bottom-part {
        width: 100%;
        grid-column: span 12; }
        @media (max-width: 768.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .bottom-part {
            grid-column: span 8; } }
        @media (max-width: 480.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbCumulative .bottom-part {
            grid-column: span 4; } }
    .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList {
      width: 100%;
      grid-column: span 15;
      max-width: 90rem;
      margin: 0 auto;
      display: inline-block;
      display: grid;
      grid-template-columns: repeat(15, 1fr);
      grid-gap: 21.6px;
      /*~ banner-subtitle for acmbGrid--2, acmbGrid--3, acmbGrid--4 ~*/
      /*~ banner-conditions for acmbGrid--2, acmbGrid--3, acmbGrid--4 ~*/
      /*
Paragraphs: Advantage Picker
---
Overlay and top arrow styling for choosing advantages
*/ }
      @media (max-width: 1020.1px) {
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList {
          grid-column: span 12; } }
      @media (max-width: 768.1px) {
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList {
          grid-column: span 8; } }
      @media (max-width: 480.1px) {
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList {
          grid-column: span 4; } }
      @media (max-width: 1020.1px) {
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList {
          display: inline-block;
          display: grid;
          grid-template-columns: repeat(12, 1fr);
          grid-gap: 21.6px; } }
      @media (max-width: 768.1px) {
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList {
          display: inline-block;
          display: grid;
          grid-template-columns: repeat(8, 1fr);
          grid-gap: 11.52px; } }
      @media (max-width: 480.1px) {
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList {
          display: inline-block;
          display: grid;
          grid-template-columns: repeat(4, 1fr);
          grid-gap: 7.2px; } }
      .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation {
        align-self: start;
        width: 100%;
        grid-column: span 15; }
        @media (max-width: 1020.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation {
            grid-column: span 12; } }
        @media (max-width: 768.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation {
            grid-column: span 8; } }
        @media (max-width: 480.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation {
            grid-column: span 4; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation .banner__subtitle {
          font-size: 24px;
          line-height: 1.2rem;
          font-family: "Roboto";
          font-weight: 500;
          margin-top: 1rem;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation .banner__subtitle {
              font-size: 24px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 500;
              line-height: 2rem; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation .banner__subtitle {
              display: none; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation .banner__conditions {
          margin-bottom: 1rem;
          font-size: 14px;
          line-height: 1.5rem;
          font-family: "Roboto";
          font-weight: 300; }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation .banner__conditions {
              margin-top: 1rem;
              font-size: 15px; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation .banner__conditions .free {
            font-family: "Roboto";
            font-weight: 500; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation .banner__conditions .sub {
            font-family: "Roboto";
            font-weight: 300; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation .banner__conditions .sub .strong {
            font-family: "Roboto";
            font-weight: 500; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation .banner__description {
          width: 95%;
          font-size: 14px; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--1 {
          max-width: 90rem;
          margin: 0 auto;
          display: inline-block;
          display: grid;
          grid-template-columns: repeat(15, 1fr);
          grid-gap: 21.6px; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--1 {
              display: inline-block;
              display: grid;
              grid-template-columns: repeat(12, 1fr);
              grid-gap: 21.6px; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--1 {
              display: inline-block;
              display: grid;
              grid-template-columns: repeat(8, 1fr);
              grid-gap: 11.52px; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--1 {
              display: inline-block;
              display: grid;
              grid-template-columns: repeat(4, 1fr);
              grid-gap: 7.2px; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--1 .advantage__visual {
            width: 100%;
            /*grid-column: span 9;*/
            grid-column-start: 4;
            grid-column-end: 13; }
            @media (max-width: 1020.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--1 .advantage__visual {
                /*grid-column: span 7;*/
                grid-column-start: 2;
                grid-column-end: 12; } }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--1 .advantage__visual {
                grid-column: span 8; } }
            @media (max-width: 480.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--1 .advantage__visual {
                grid-column: span 4; } }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--1 .advantage__visual .soft-advantage {
              line-height: 0; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--1 .advantage__info {
            width: 100%;
            /*grid-column: span 6;*/
            grid-column-start: 4;
            grid-column-end: 13; }
            @media (max-width: 1020.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--1 .advantage__info {
                /*grid-column: span 5;*/
                grid-column-start: 2;
                grid-column-end: 12; } }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--1 .advantage__info {
                grid-column: span 8; } }
            @media (max-width: 480.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--1 .advantage__info {
                grid-column: span 4; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--1 h3.banner__subtitle {
            height: 0.5rem; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--2 {
          grid-column: span 6;
          /* @include breakpoint(wide-screen-size-min){ // IMPORTANT THIS WILL BREAK ON 1020PX: First will be 6, second will be 7.
			&:nth-child(3){
				grid-column: span 7;
			}
		} */ }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--2 .advantage__info .banner__subtitle {
            height: 1.5rem; }
            @media (max-width: 1020.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--2 .advantage__info .banner__subtitle {
                margin: 1.5rem 0; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--2 .advantage__info .banner__conditions {
            line-height: 1rem;
            margin-top: .3rem; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--2.AcmbAdvantageVisualisation--highlighted {
            grid-column: span 9; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--2.AcmbAdvantageVisualisation--highlightedSibling {
            grid-column: span 6; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--2 {
              grid-column: span 6; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--2.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 7; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--2.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 5; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--2 {
              grid-column: span 4; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--2.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 5; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--2.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 3; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--2 {
              grid-column: span 2; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--2.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 2; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--2.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 2; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--3 {
          grid-column: span 4; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--3 .advantage__info .banner__subtitle {
            height: 1.4rem;
            font-size: 22px; }
            @media (max-width: 1020.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--3 .advantage__info .banner__subtitle {
                margin: 1.5rem 0; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--3 .advantage__info .banner__conditions {
            line-height: 1rem;
            margin-top: .3rem; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlighted {
            grid-column: span 7; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlightedSibling {
            grid-column: span 4; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--3 {
              grid-column: span 4; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 6; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 3; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--3 {
              grid-column: span 3; } }
  @media (max-width: 768.1px) and (min-width: 480px) {
    .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--3:nth-child(4) {
      grid-column: span 2; } }
          @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 4; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 2; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--3 {
              grid-column: span 2; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 4; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 2; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--4 {
          grid-column: span 3;
          /*@include breakpoint(wide-screen-size-min){
			&:nth-child(5){
				grid-column: span 3;
			}
		}*/ }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlighted {
            grid-column: span 6; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlightedSibling {
            grid-column: span 3; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--4 {
              grid-column: span 3; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 6; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 2; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--4 {
              grid-column: span 4; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 8; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 3; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlightedSibling:nth-child(4) {
                grid-column: span 2; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--4 {
              /* mobile--close */
              grid-column: span 2;
              /* TODO: mobile--open */ }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 4; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 2; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--4 .acmbGrid__content {
            font-size: 2em; }
            @media (max-width: 1020.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--4 .acmbGrid__content {
                font-size: 1em; } }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--4 .acmbGrid__content {
                font-size: 1.2em; } }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--4 .acmbGrid__content.advantage-picker__overlay__content {
              font-size: 1em; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--4 .acmbGrid__content.advantage-picker__overlay__content button {
                font-size: 1em;
                line-height: 1; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--4 .highlighted .acmbGrid__content {
            font-size: 3em; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--4 .highlighted .acmbGrid__content.advantage-picker__overlay__content:first-child {
            font-size: 1.2em; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--4 .banner__subtitle {
            font-size: 24px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 500;
            margin-top: 1rem;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-size: 24px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 400;
            line-height: 2.4rem;
            height: 5rem; }
            @media (max-width: 1020.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--4 .banner__subtitle {
                font-size: 24px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 500;
                line-height: 2rem; } }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--4 .banner__subtitle {
                display: none; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--4 .banner__conditions {
            margin-bottom: 1rem;
            font-size: 14px;
            line-height: 1.5rem;
            font-family: "Roboto";
            font-weight: 300;
            font-size: 18px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 300; }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--4 .banner__conditions {
                margin-top: 1rem;
                font-size: 15px; } }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--4 .banner__conditions .free {
              font-family: "Roboto";
              font-weight: 500; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--4 .banner__conditions .sub {
              font-family: "Roboto";
              font-weight: 300; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--4 .banner__conditions .sub .strong {
              font-family: "Roboto";
              font-weight: 500; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--detailed {
          width: 100%;
          grid-column: span 9; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--detailed .banner__subtitle {
            height: 1.5rem; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--detailed {
              grid-column: span 6; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--detailed {
              grid-column: span 8; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--detailed {
              grid-column: span 4; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--grid {
          width: 100%;
          grid-column: span 3; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--grid .advantage__info .banner__conditions {
            text-align: center; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--grid .advantage__info .banner__conditions .sub .strong::before {
              content: "\a";
              white-space: pre; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlighted {
            grid-column: span 6; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlightedSibling {
            grid-column: span 3; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--grid {
              grid-column: span 3; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 6; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 3; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--grid {
              grid-column: span 4; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 4; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 4; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--grid {
              grid-column: span 2; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 2; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 2; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation.AcmbAdvantageVisualisation--bonusAdvantage {
          display: none; }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation.AcmbAdvantageVisualisation--bonusAdvantage {
              display: grid;
              grid-column: span 4; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation.AcmbAdvantageVisualisation--bonusAdvantage {
              display: grid;
              grid-column: span 2; } }
        @media (max-width: 768.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation.AcmbAdvantageVisualisation--bonusAdvantageSibling {
            grid-column: span 4; } }
        @media (max-width: 480.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation.AcmbAdvantageVisualisation--bonusAdvantageSibling {
            grid-column: span 2; } }
        @media (max-width: 768.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation.AcmbAdvantageVisualisation--existsAsBonusAdvantage {
            display: none; } }
        @media (max-width: 480.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation.AcmbAdvantageVisualisation--existsAsBonusAdvantage {
            display: none; } }
      .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantage-picker {
        font-size: 28px;
        line-height: 1.2rem;
        font-family: "Roboto";
        font-weight: 400;
        position: relative; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantage-picker:after {
          font-family: 'bruneauAdaptiveIcons';
          font-size: 2rem;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "\e940";
          vertical-align: middle;
          position: absolute;
          bottom: 0; }
      .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantage-picker__overlay {
        width: 100%;
        height: 100%;
        overflow: hidden;
        position: relative;
        text-align: center;
        cursor: default;
        transition: all .2s linear; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantage-picker__overlay .mask,
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantage-picker__overlay .content {
          width: 100%;
          height: 5rem;
          position: absolute;
          bottom: 0;
          left: 0;
          overflow: hidden; }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantage-picker__overlay .mask,
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantage-picker__overlay .content {
              height: 4rem; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantage-picker__overlay .mask {
          opacity: 0;
          background-color: rgba(0, 0, 0, 0.7);
          transition: all .4s ease-in-out; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantage-picker__overlay .mask__inner {
            vertical-align: top;
            z-index: 1; }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantage-picker__overlay .mask {
              opacity: 0; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantage-picker__overlay img {
          display: block;
          position: relative;
          z-index: -2;
          width: 100%; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantage-picker__overlay p.text {
          font-size: 28px;
          line-height: 1.2rem;
          font-family: "Roboto";
          font-weight: 400;
          max-width: 80%;
          margin: 0 auto;
          text-shadow: 1px 1px 11px rgba(0, 0, 0, 0.8);
          position: relative;
          text-align: center;
          transform: translateY(100px);
          opacity: 0;
          transition: all .2s linear; }
          @media (max-width: 1350.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantage-picker__overlay p.text {
              font-size: 21px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 400; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantage-picker__overlay p.text {
              font-size: 15px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 700;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantage-picker__overlay p.text {
              font-size: 15px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 400; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantage-picker__overlay .button.info,
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantage-picker__overlay button.info {
          vertical-align: top;
          font-size: 21px;
          line-height: 1.2rem;
          font-family: "Roboto";
          font-weight: 700;
          text-align: center;
          padding: 0 1rem;
          line-height: 3rem;
          width: 100%;
          vertical-align: middle;
          border-radius: 0.3rem;
          height: 4rem;
          background: #333333;
          color: #ffffff;
          display: inline-block;
          font-size: 18px;
          line-height: 1.2rem;
          font-family: "Roboto";
          font-weight: 700;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          height: 3rem;
          line-height: 3rem;
          font-size: 16px;
          margin-top: 1rem;
          height: 3rem;
          width: auto;
          opacity: 0;
          color: #000000;
          background: #ffcc00;
          transition: all .2s ease-in-out; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantage-picker__overlay .button.info:hover,
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantage-picker__overlay button.info:hover {
            background: #000000; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantage-picker__overlay .button.info:active,
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantage-picker__overlay button.info:active {
            background: #333333; }
          @media (max-width: 1350.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantage-picker__overlay .button.info,
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantage-picker__overlay button.info {
              height: 3rem;
              line-height: 3rem; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantage-picker__overlay .button.info,
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantage-picker__overlay button.info {
              font-size: 15px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 500;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              height: 2rem;
              line-height: 2rem; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantage-picker__overlay .button.info,
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantage-picker__overlay button.info {
              opacity: 1;
              margin-top: .45rem;
              height: 3.2rem; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantage-picker__overlay:hover h2,
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantage-picker__overlay:hover p,
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantage-picker__overlay:hover .button.info,
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantage-picker__overlay:hover button.info {
          opacity: 1;
          transform: translateY(0px); }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantage-picker__overlay:hover p {
          transition-delay: .1s; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantage-picker__overlay:hover .button.info,
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantage-picker__overlay:hover button.info {
          transition-delay: .2s; }
      .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbSingle .advantage-picker__overlay:hover .mask {
        opacity: 0; }
      .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbSingle .advantage-picker__overlay:hover h2,
      .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbSingle .advantage-picker__overlay:hover p,
      .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbSingle .advantage-picker__overlay:hover .button.info,
      .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbSingle .advantage-picker__overlay:hover button.info {
        opacity: 0; }
      @media (min-width: 480px) {
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .AcmbAdvantageVisualisation:not(.selected) .advantage-picker__overlay:hover .mask {
          opacity: 1;
          z-index: 1; } }
      .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__details {
        align-self: start;
        grid-column: span 9;
        display: inline-block;
        display: grid;
        grid-template-columns: repeat(9, 1fr);
        grid-gap: 21.6px; }
        @media (max-width: 1020.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__details {
            grid-template-columns: repeat(6, 1fr);
            grid-gap: 16.32px; } }
        @media (max-width: 768.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__details {
            display: inline-block;
            display: grid;
            grid-template-columns: repeat(8, 1fr);
            grid-gap: 11.52px;
            grid-gap: 11.52px; } }
        @media (max-width: 480.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__details {
            display: inline-block;
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            grid-gap: 7.2px;
            grid-gap: 7.2px; } }
        @media (max-width: 1020.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__details {
            grid-column: span 6; } }
        @media (max-width: 768.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__details {
            grid-column: span 8; } }
        @media (max-width: 480.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__details {
            grid-column: span 4; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__details h2 {
          grid-column: span 9;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          padding: .6rem 0;
          margin-top: -0.6rem;
          margin-bottom: -0.6rem; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__details h2 {
              grid-column: span 6; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__details h2 {
              grid-column: span 8; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__details h2 {
              grid-column: span 4; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__details .AcmbAdvantageVisualisation--detailed {
          display: none; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__details .AcmbAdvantageVisualisation--detailed.selected {
            display: grid; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__details .AcmbAdvantageVisualisation--detailed.selected .commercial-visual--added {
              display: none; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__details .AcmbAdvantageVisualisation--detailed .advantage__visual {
            height: auto; }
            @media (max-width: 1020.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__details .AcmbAdvantageVisualisation--detailed .advantage__visual {
                height: 25rem; } }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__details .AcmbAdvantageVisualisation--detailed .advantage__visual {
                height: 26rem; } }
            @media (max-width: 480.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__details .AcmbAdvantageVisualisation--detailed .advantage__visual {
                height: 16rem; } }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__details .AcmbAdvantageVisualisation--detailed .advantage__visual .soft-advantage {
              padding-top: 73.944%; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__details .AcmbAdvantageVisualisation--detailed .advantage__visual .soft-advantage .advantage-picker__overlay {
                position: absolute;
                top: 0; }
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__details .AcmbAdvantageVisualisation--detailed .advantage__visual .soft-advantage .advantage-picker__overlay .soft-advantage__inner .club-logo {
                  position: absolute;
                  bottom: 2em;
                  right: 2em;
                  width: 120px; }
                @media (max-width: 1020.1px) {
                  .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__details .AcmbAdvantageVisualisation--detailed .advantage__visual .soft-advantage .advantage-picker__overlay .soft-advantage__inner .bonusType {
                    margin-top: .5rem; }
                    .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__details .AcmbAdvantageVisualisation--detailed .advantage__visual .soft-advantage .advantage-picker__overlay .soft-advantage__inner .bonusType .bonusType--focus {
                      display: block;
                      margin-bottom: .5rem; } }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__details .AcmbAdvantageVisualisation--detailed .advantage__visual .advantage-picker__overlay .mask,
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__details .AcmbAdvantageVisualisation--detailed .advantage__visual .advantage-picker__overlay .content {
              height: 4rem;
              display: none; }
              @media (max-width: 480.1px) {
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__details .AcmbAdvantageVisualisation--detailed .advantage__visual .advantage-picker__overlay .mask,
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__details .AcmbAdvantageVisualisation--detailed .advantage__visual .advantage-picker__overlay .content {
                  height: 3rem; } }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__details .AcmbAdvantageVisualisation--detailed .advantage__visual .advantage-picker__overlay .button.info,
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__details .AcmbAdvantageVisualisation--detailed .advantage__visual .advantage-picker__overlay button.info {
              margin-top: .5rem; }
              @media (max-width: 480.1px) {
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__details .AcmbAdvantageVisualisation--detailed .advantage__visual .advantage-picker__overlay .button.info,
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__details .AcmbAdvantageVisualisation--detailed .advantage__visual .advantage-picker__overlay button.info {
                  margin-top: .2rem;
                  height: 2.6rem; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__details .AcmbAdvantageVisualisation--detailed.first {
          display: grid; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__details .commercialImage {
          width: 100%;
          grid-column: span 9; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__details .commercialImage {
              grid-column: span 6; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__details .commercialImage {
              grid-column: span 8; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__details .commercialImage {
              grid-column: span 4; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__details .commercialImage img {
            width: 100%; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__details.hasCommercialImage .AcmbAdvantageVisualisation {
          display: none; }
      .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list {
        align-self: start;
        grid-column: span 6;
        display: inline-block;
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        grid-gap: 1rem 21.6px; }
        @media (max-width: 1020.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list {
            grid-template-columns: repeat(6, 1fr);
            grid-gap: 1rem 16.32px; } }
        @media (max-width: 768.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list {
            display: inline-block;
            display: grid;
            grid-template-columns: repeat(8, 1fr);
            grid-gap: 11.52px; } }
        @media (max-width: 480.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list {
            display: inline-block;
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            grid-gap: 7.2px; } }
        @media (max-width: 1020.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list {
            grid-column: span 6; } }
        @media (max-width: 768.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list {
            grid-column: span 8; } }
        @media (max-width: 480.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list {
            grid-column: span 4; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list .advantage-picker {
          align-self: start;
          grid-column: span 6;
          font-size: 28px;
          line-height: 1.5rem;
          padding-top: 0.7rem;
          margin-top: -0.85rem; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list .advantage-picker {
              grid-column: span 6;
              /* Temp to make it look okish */
              font-size: 28px;
              line-height: 1.5rem;
              padding-top: 0.7rem;
              margin-top: -0.85rem;
              margin-bottom: 0.15rem; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list .advantage-picker {
              grid-column: span 8; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list .advantage-picker {
              grid-column: span 4; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list .advantage-picker:after {
            margin-left: 2rem;
            font-size: 2.5rem;
            bottom: -0.5rem; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list .AcmbAdvantageVisualisation--grid.selected .commercial-visual--added {
          display: block; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual {
          height: auto; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual {
              height: 9rem; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual {
              height: 11rem; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual {
              height: 8rem; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .soft-advantage {
            padding-top: 73.948%; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .soft-advantage .advantage-picker__overlay {
              position: absolute;
              top: 0; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .soft-advantage .advantage-picker__overlay .soft-advantage__inner .club-logo {
                position: absolute;
                bottom: 0em;
                right: 0.1em;
                width: 40px; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .soft-advantage__inner {
            width: calc(100% - 1.5rem);
            height: calc(100% - 1.5rem); }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .soft-advantage__inner:before {
              font-size: 1.5rem;
              clip: rect(-0.4rem, 3rem, 0.65rem, 0);
              top: -.65rem; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .soft-advantage__inner .bonusValue {
              font-size: 56px;
              margin-top: 1rem;
              line-height: 2.5rem; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .soft-advantage__inner .bonusValue .euro {
                font-size: 36px; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .soft-advantage__inner .bonusType {
              font-size: 28px;
              margin-top: .5rem;
              line-height: 1.2rem; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .soft-advantage__inner .bonusType .bonusType--focus {
                display: block;
                font-size: 28px;
                margin-bottom: .4rem; }
            @media (max-width: 1020.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .soft-advantage__inner {
                width: calc(100% - 1rem);
                height: calc(100% - 1rem); }
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .soft-advantage__inner .bonusValue {
                  font-size: 36px; }
                  .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .soft-advantage__inner .bonusValue .euro {
                    font-size: 21px; }
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .soft-advantage__inner .bonusType {
                  font-size: 18px;
                  margin-top: -0.4rem; }
                  .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .soft-advantage__inner .bonusType .bonusType--focus {
                    font-size: 18px;
                    margin-bottom: -0.2rem; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .commercial-visual--added {
            height: 3rem; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .commercial-visual--added .overlay-state__inner span.icon {
              height: 2rem;
              width: 2.3rem;
              padding: .15rem .03rem .15rem 0;
              bottom: -2.5px; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .commercial-visual--added .overlay-state__inner span.icon:before {
                font-size: 1.8rem;
                top: 2px; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .commercial-visual--added .overlay-state__inner span.overlay-state__text {
              margin: 1rem 0 0 calc(50% - 1rem); }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .advantage-picker__overlay .mask,
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .advantage-picker__overlay .content {
            height: 100%; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .advantage-picker__overlay .mask__inner {
            height: 100%; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .advantage-picker__overlay .button.info,
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .advantage-picker__overlay button.info {
            color: #fff;
            height: 100%;
            width: 100%;
            text-decoration: none;
            display: table;
            background: none;
            margin: 0;
            padding: 0; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .advantage-picker__overlay .button.info .mask__condition,
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .advantage-picker__overlay button.info .mask__condition {
              font-size: 16px;
              font-weight: 700;
              line-height: 1.5rem;
              display: table-cell;
              vertical-align: middle; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .advantage-picker__overlay .button.info .mask__condition .highlight,
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .advantage-picker__overlay button.info .mask__condition .highlight {
                color: #fc0; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list .AcmbAdvantageVisualisation--grid .advantage__info {
          height: 2.5rem; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list .AcmbAdvantageVisualisation--grid .advantage__info {
              height: 2.5rem; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list .AcmbAdvantageVisualisation--grid .advantage__info .banner__conditions {
            font-size: 14px;
            margin-top: 0.5rem;
            line-height: 1.2rem; }
            @media (max-width: 1020.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list .AcmbAdvantageVisualisation--grid .advantage__info .banner__conditions {
                font-size: 16px;
                margin-top: .5rem;
                line-height: 1rem; } }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list .AcmbAdvantageVisualisation--grid .advantage__info .banner__conditions {
                margin-top: .6rem; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlighted {
          margin-bottom: -1rem; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlighted .advantage__visual {
            height: 23rem; }
            @media (max-width: 1020.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlighted .advantage__visual {
                height: 16rem; } }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlighted .advantage__visual {
                height: 8rem; } }
            @media (max-width: 480.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlighted .advantage__visual {
                height: 8rem; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlighted .advantage__info .banner__conditions {
            font-size: 21px; }
            @media (max-width: 1020.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlighted .advantage__info .banner__conditions {
                font-size: 18px; } }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlighted .advantage__info .banner__conditions {
                font-size: 15px; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlightedSibling .advantage__visual {
          height: 11rem; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlightedSibling .advantage__visual {
              height: 8rem; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlightedSibling .advantage__visual {
              height: 8rem; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbSelectiveList .advantages__list .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlightedSibling .advantage__visual {
              height: 8rem; } }
    .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid {
      width: 100%;
      grid-column: span 15;
      max-width: 90rem;
      margin: 0 auto;
      display: inline-block;
      display: grid;
      grid-template-columns: repeat(15, 1fr);
      grid-gap: 21.6px;
      /*~ banner-subtitle for acmbGrid--2, acmbGrid--3, acmbGrid--4 ~*/
      /*~ banner-conditions for acmbGrid--2, acmbGrid--3, acmbGrid--4 ~*/
      /*
Paragraphs: Advantage Picker
---
Overlay and top arrow styling for choosing advantages
*/ }
      @media (max-width: 1020.1px) {
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid {
          grid-column: span 12; } }
      @media (max-width: 768.1px) {
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid {
          grid-column: span 8; } }
      @media (max-width: 480.1px) {
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid {
          grid-column: span 4; } }
      @media (max-width: 1020.1px) {
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid {
          display: inline-block;
          display: grid;
          grid-template-columns: repeat(12, 1fr);
          grid-gap: 21.6px; } }
      @media (max-width: 768.1px) {
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid {
          display: inline-block;
          display: grid;
          grid-template-columns: repeat(8, 1fr);
          grid-gap: 11.52px; } }
      @media (max-width: 480.1px) {
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid {
          display: inline-block;
          display: grid;
          grid-template-columns: repeat(4, 1fr);
          grid-gap: 7.2px; } }
      .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation {
        align-self: start;
        width: 100%;
        grid-column: span 15; }
        @media (max-width: 1020.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation {
            grid-column: span 12; } }
        @media (max-width: 768.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation {
            grid-column: span 8; } }
        @media (max-width: 480.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation {
            grid-column: span 4; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation .banner__subtitle {
          font-size: 24px;
          line-height: 1.2rem;
          font-family: "Roboto";
          font-weight: 500;
          margin-top: 1rem;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation .banner__subtitle {
              font-size: 24px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 500;
              line-height: 2rem; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation .banner__subtitle {
              display: none; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation .banner__conditions {
          margin-bottom: 1rem;
          font-size: 14px;
          line-height: 1.5rem;
          font-family: "Roboto";
          font-weight: 300; }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation .banner__conditions {
              margin-top: 1rem;
              font-size: 15px; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation .banner__conditions .free {
            font-family: "Roboto";
            font-weight: 500; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation .banner__conditions .sub {
            font-family: "Roboto";
            font-weight: 300; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation .banner__conditions .sub .strong {
            font-family: "Roboto";
            font-weight: 500; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation .banner__description {
          width: 95%;
          font-size: 14px; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--1 {
          max-width: 90rem;
          margin: 0 auto;
          display: inline-block;
          display: grid;
          grid-template-columns: repeat(15, 1fr);
          grid-gap: 21.6px; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--1 {
              display: inline-block;
              display: grid;
              grid-template-columns: repeat(12, 1fr);
              grid-gap: 21.6px; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--1 {
              display: inline-block;
              display: grid;
              grid-template-columns: repeat(8, 1fr);
              grid-gap: 11.52px; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--1 {
              display: inline-block;
              display: grid;
              grid-template-columns: repeat(4, 1fr);
              grid-gap: 7.2px; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--1 .advantage__visual {
            width: 100%;
            /*grid-column: span 9;*/
            grid-column-start: 4;
            grid-column-end: 13; }
            @media (max-width: 1020.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--1 .advantage__visual {
                /*grid-column: span 7;*/
                grid-column-start: 2;
                grid-column-end: 12; } }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--1 .advantage__visual {
                grid-column: span 8; } }
            @media (max-width: 480.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--1 .advantage__visual {
                grid-column: span 4; } }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--1 .advantage__visual .soft-advantage {
              line-height: 0; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--1 .advantage__info {
            width: 100%;
            /*grid-column: span 6;*/
            grid-column-start: 4;
            grid-column-end: 13; }
            @media (max-width: 1020.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--1 .advantage__info {
                /*grid-column: span 5;*/
                grid-column-start: 2;
                grid-column-end: 12; } }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--1 .advantage__info {
                grid-column: span 8; } }
            @media (max-width: 480.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--1 .advantage__info {
                grid-column: span 4; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--1 h3.banner__subtitle {
            height: 0.5rem; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--2 {
          grid-column: span 6;
          /* @include breakpoint(wide-screen-size-min){ // IMPORTANT THIS WILL BREAK ON 1020PX: First will be 6, second will be 7.
			&:nth-child(3){
				grid-column: span 7;
			}
		} */ }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--2 .advantage__info .banner__subtitle {
            height: 1.5rem; }
            @media (max-width: 1020.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--2 .advantage__info .banner__subtitle {
                margin: 1.5rem 0; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--2 .advantage__info .banner__conditions {
            line-height: 1rem;
            margin-top: .3rem; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--2.AcmbAdvantageVisualisation--highlighted {
            grid-column: span 9; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--2.AcmbAdvantageVisualisation--highlightedSibling {
            grid-column: span 6; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--2 {
              grid-column: span 6; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--2.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 7; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--2.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 5; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--2 {
              grid-column: span 4; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--2.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 5; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--2.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 3; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--2 {
              grid-column: span 2; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--2.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 2; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--2.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 2; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--3 {
          grid-column: span 4; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--3 .advantage__info .banner__subtitle {
            height: 1.4rem;
            font-size: 22px; }
            @media (max-width: 1020.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--3 .advantage__info .banner__subtitle {
                margin: 1.5rem 0; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--3 .advantage__info .banner__conditions {
            line-height: 1rem;
            margin-top: .3rem; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlighted {
            grid-column: span 7; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlightedSibling {
            grid-column: span 4; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--3 {
              grid-column: span 4; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 6; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 3; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--3 {
              grid-column: span 3; } }
  @media (max-width: 768.1px) and (min-width: 480px) {
    .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--3:nth-child(4) {
      grid-column: span 2; } }
          @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 4; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 2; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--3 {
              grid-column: span 2; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 4; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--3.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 2; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--4 {
          grid-column: span 3;
          /*@include breakpoint(wide-screen-size-min){
			&:nth-child(5){
				grid-column: span 3;
			}
		}*/ }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlighted {
            grid-column: span 6; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlightedSibling {
            grid-column: span 3; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--4 {
              grid-column: span 3; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 6; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 2; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--4 {
              grid-column: span 4; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 8; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 3; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlightedSibling:nth-child(4) {
                grid-column: span 2; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--4 {
              /* mobile--close */
              grid-column: span 2;
              /* TODO: mobile--open */ }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 4; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--4.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 2; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--4 .acmbGrid__content {
            font-size: 2em; }
            @media (max-width: 1020.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--4 .acmbGrid__content {
                font-size: 1em; } }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--4 .acmbGrid__content {
                font-size: 1.2em; } }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--4 .acmbGrid__content.advantage-picker__overlay__content {
              font-size: 1em; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--4 .acmbGrid__content.advantage-picker__overlay__content button {
                font-size: 1em;
                line-height: 1; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--4 .highlighted .acmbGrid__content {
            font-size: 3em; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--4 .highlighted .acmbGrid__content.advantage-picker__overlay__content:first-child {
            font-size: 1.2em; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--4 .banner__subtitle {
            font-size: 24px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 500;
            margin-top: 1rem;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-size: 24px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 400;
            line-height: 2.4rem;
            height: 5rem; }
            @media (max-width: 1020.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--4 .banner__subtitle {
                font-size: 24px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 500;
                line-height: 2rem; } }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--4 .banner__subtitle {
                display: none; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--4 .banner__conditions {
            margin-bottom: 1rem;
            font-size: 14px;
            line-height: 1.5rem;
            font-family: "Roboto";
            font-weight: 300;
            font-size: 18px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 300; }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--4 .banner__conditions {
                margin-top: 1rem;
                font-size: 15px; } }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--4 .banner__conditions .free {
              font-family: "Roboto";
              font-weight: 500; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--4 .banner__conditions .sub {
              font-family: "Roboto";
              font-weight: 300; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--4 .banner__conditions .sub .strong {
              font-family: "Roboto";
              font-weight: 500; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--detailed {
          width: 100%;
          grid-column: span 9; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--detailed .banner__subtitle {
            height: 1.5rem; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--detailed {
              grid-column: span 6; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--detailed {
              grid-column: span 8; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--detailed {
              grid-column: span 4; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--grid {
          width: 100%;
          grid-column: span 3; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--grid .advantage__info .banner__conditions {
            text-align: center; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--grid .advantage__info .banner__conditions .sub .strong::before {
              content: "\a";
              white-space: pre; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlighted {
            grid-column: span 6; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlightedSibling {
            grid-column: span 3; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--grid {
              grid-column: span 3; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 6; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 3; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--grid {
              grid-column: span 4; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 4; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 4; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--grid {
              grid-column: span 2; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlighted {
                grid-column: span 2; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlightedSibling {
                grid-column: span 2; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation.AcmbAdvantageVisualisation--bonusAdvantage {
          display: none; }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation.AcmbAdvantageVisualisation--bonusAdvantage {
              display: grid;
              grid-column: span 4; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation.AcmbAdvantageVisualisation--bonusAdvantage {
              display: grid;
              grid-column: span 2; } }
        @media (max-width: 768.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation.AcmbAdvantageVisualisation--bonusAdvantageSibling {
            grid-column: span 4; } }
        @media (max-width: 480.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation.AcmbAdvantageVisualisation--bonusAdvantageSibling {
            grid-column: span 2; } }
        @media (max-width: 768.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation.AcmbAdvantageVisualisation--existsAsBonusAdvantage {
            display: none; } }
        @media (max-width: 480.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation.AcmbAdvantageVisualisation--existsAsBonusAdvantage {
            display: none; } }
      .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantage-picker {
        font-size: 28px;
        line-height: 1.2rem;
        font-family: "Roboto";
        font-weight: 400;
        position: relative; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantage-picker:after {
          font-family: 'bruneauAdaptiveIcons';
          font-size: 2rem;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "\e940";
          vertical-align: middle;
          position: absolute;
          bottom: 0; }
      .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantage-picker__overlay {
        width: 100%;
        height: 100%;
        overflow: hidden;
        position: relative;
        text-align: center;
        cursor: default;
        transition: all .2s linear; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantage-picker__overlay .mask,
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantage-picker__overlay .content {
          width: 100%;
          height: 5rem;
          position: absolute;
          bottom: 0;
          left: 0;
          overflow: hidden; }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantage-picker__overlay .mask,
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantage-picker__overlay .content {
              height: 4rem; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantage-picker__overlay .mask {
          opacity: 0;
          background-color: rgba(0, 0, 0, 0.7);
          transition: all .4s ease-in-out; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantage-picker__overlay .mask__inner {
            vertical-align: top;
            z-index: 1; }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantage-picker__overlay .mask {
              opacity: 0; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantage-picker__overlay img {
          display: block;
          position: relative;
          z-index: -2;
          width: 100%; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantage-picker__overlay p.text {
          font-size: 28px;
          line-height: 1.2rem;
          font-family: "Roboto";
          font-weight: 400;
          max-width: 80%;
          margin: 0 auto;
          text-shadow: 1px 1px 11px rgba(0, 0, 0, 0.8);
          position: relative;
          text-align: center;
          transform: translateY(100px);
          opacity: 0;
          transition: all .2s linear; }
          @media (max-width: 1350.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantage-picker__overlay p.text {
              font-size: 21px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 400; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantage-picker__overlay p.text {
              font-size: 15px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 700;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantage-picker__overlay p.text {
              font-size: 15px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 400; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantage-picker__overlay .button.info,
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantage-picker__overlay button.info {
          vertical-align: top;
          font-size: 21px;
          line-height: 1.2rem;
          font-family: "Roboto";
          font-weight: 700;
          text-align: center;
          padding: 0 1rem;
          line-height: 3rem;
          width: 100%;
          vertical-align: middle;
          border-radius: 0.3rem;
          height: 4rem;
          background: #333333;
          color: #ffffff;
          display: inline-block;
          font-size: 18px;
          line-height: 1.2rem;
          font-family: "Roboto";
          font-weight: 700;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          height: 3rem;
          line-height: 3rem;
          font-size: 16px;
          margin-top: 1rem;
          height: 3rem;
          width: auto;
          opacity: 0;
          color: #000000;
          background: #ffcc00;
          transition: all .2s ease-in-out; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantage-picker__overlay .button.info:hover,
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantage-picker__overlay button.info:hover {
            background: #000000; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantage-picker__overlay .button.info:active,
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantage-picker__overlay button.info:active {
            background: #333333; }
          @media (max-width: 1350.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantage-picker__overlay .button.info,
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantage-picker__overlay button.info {
              height: 3rem;
              line-height: 3rem; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantage-picker__overlay .button.info,
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantage-picker__overlay button.info {
              font-size: 15px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 500;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              height: 2rem;
              line-height: 2rem; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantage-picker__overlay .button.info,
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantage-picker__overlay button.info {
              opacity: 1;
              margin-top: .45rem;
              height: 3.2rem; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantage-picker__overlay:hover h2,
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantage-picker__overlay:hover p,
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantage-picker__overlay:hover .button.info,
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantage-picker__overlay:hover button.info {
          opacity: 1;
          transform: translateY(0px); }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantage-picker__overlay:hover p {
          transition-delay: .1s; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantage-picker__overlay:hover .button.info,
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantage-picker__overlay:hover button.info {
          transition-delay: .2s; }
      .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbSingle .advantage-picker__overlay:hover .mask {
        opacity: 0; }
      .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbSingle .advantage-picker__overlay:hover h2,
      .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbSingle .advantage-picker__overlay:hover p,
      .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbSingle .advantage-picker__overlay:hover .button.info,
      .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbSingle .advantage-picker__overlay:hover button.info {
        opacity: 0; }
      @media (min-width: 480px) {
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .AcmbAdvantageVisualisation:not(.selected) .advantage-picker__overlay:hover .mask {
          opacity: 1;
          z-index: 1; } }
      .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid h2 {
        width: 100%;
        grid-column: span 15; }
        @media (max-width: 1020.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid h2 {
            grid-column: span 12; } }
        @media (max-width: 768.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid h2 {
            grid-column: span 8; } }
        @media (max-width: 480.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid h2 {
            grid-column: span 4; } }
      .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__details {
        align-self: start;
        grid-column: span 9;
        display: inline-block;
        display: grid;
        grid-template-columns: repeat(9, 1fr);
        grid-gap: 21.6px; }
        @media (max-width: 1020.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__details {
            grid-template-columns: repeat(6, 1fr);
            grid-gap: 16.32px; } }
        @media (max-width: 768.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__details {
            display: inline-block;
            display: grid;
            grid-template-columns: repeat(8, 1fr);
            grid-gap: 11.52px;
            grid-gap: 11.52px; } }
        @media (max-width: 480.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__details {
            display: inline-block;
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            grid-gap: 7.2px;
            grid-gap: 7.2px; } }
        @media (max-width: 1020.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__details {
            grid-column: span 6; } }
        @media (max-width: 768.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__details {
            grid-column: span 8; } }
        @media (max-width: 480.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__details {
            grid-column: span 4; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__details .AcmbAdvantageVisualisation--detailed {
          display: none; }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__details .AcmbAdvantageVisualisation--detailed .advantage__visual {
            height: 37rem; }
            @media (max-width: 1020.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__details .AcmbAdvantageVisualisation--detailed .advantage__visual {
                height: 25rem; } }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__details .AcmbAdvantageVisualisation--detailed .advantage__visual {
                height: 26rem; } }
            @media (max-width: 480.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__details .AcmbAdvantageVisualisation--detailed .advantage__visual {
                height: 16rem; } }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__details .AcmbAdvantageVisualisation--detailed .advantage__visual .soft-advantage__inner .club-logo {
              position: absolute;
              bottom: 2em;
              right: 2em;
              width: 120px; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__details .commercialImage {
          width: 100%;
          grid-column: span 9; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__details .commercialImage {
              grid-column: span 6; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__details .commercialImage {
              grid-column: span 8; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__details .commercialImage {
              grid-column: span 4; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__details.hasCommercialImage .AcmbAdvantageVisualisation {
          display: none; }
      .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list {
        align-self: start;
        grid-column: span 6;
        display: inline-block;
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        grid-gap: 1rem 21.6px; }
        @media (max-width: 1020.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list {
            grid-template-columns: repeat(6, 1fr);
            grid-gap: 1rem 16.32px; } }
        @media (max-width: 768.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list {
            display: inline-block;
            display: grid;
            grid-template-columns: repeat(8, 1fr);
            grid-gap: 11.52px; } }
        @media (max-width: 480.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list {
            display: inline-block;
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            grid-gap: 7.2px; } }
        @media (max-width: 1020.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list {
            grid-column: span 6; } }
        @media (max-width: 768.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list {
            grid-column: span 8; } }
        @media (max-width: 480.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list {
            grid-column: span 4; } }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .advantage-picker {
          align-self: start;
          grid-column: span 6; }
          @media (max-width: 1020.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .advantage-picker {
              grid-column: span 6; } }
          @media (max-width: 768.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .advantage-picker {
              grid-column: span 8; } }
          @media (max-width: 480.1px) {
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .advantage-picker {
              grid-column: span 4; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .advantage-picker:after {
            margin-left: 2rem;
            font-size: 2.5rem;
            bottom: -0.5rem; }
        .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid {
          cursor: pointer !important;
          /*
			 * General advantage style
			 */ }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlighted .advantage__visual {
            height: 24.5rem; }
            @media (max-width: 1020.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlighted .advantage__visual {
                height: 15rem; } }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlighted .advantage__visual {
                height: 11rem; } }
            @media (max-width: 480.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlighted .advantage__visual {
                height: 8rem; } }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlighted .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusValue {
              font-size: 56px;
              margin-top: 1rem;
              line-height: 2.5rem; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlighted .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusValue .euro {
                font-size: 50px; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlighted .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusType {
              font-size: 28px;
              margin: .5rem 0;
              line-height: 1.2rem; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlighted .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusType .bonusType--focus {
                font-size: 28px;
                margin-bottom: .4rem; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlighted .advantage__visual .advantage-picker__overlay .soft-advantage__inner .club-logo {
              position: absolute;
              bottom: 1rem;
              right: 1rem;
              width: 65px; }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlighted .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusValue {
                font-size: 36px;
                line-height: .2rem;
                margin-top: 1.5rem; }
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlighted .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusValue .euro {
                  font-size: 36px; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlighted .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusType {
                font-size: 18px;
                margin: .2rem 0 0 0;
                line-height: 0; }
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlighted .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusType .bonusType--focus {
                  font-size: 18px;
                  line-height: 1.8rem; } }
            @media (max-width: 480.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlighted .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusValue {
                font-size: 30px;
                margin-top: 1.5rem; }
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlighted .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusValue .euro {
                  font-size: 30px; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlighted .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusType {
                font-size: 16px;
                margin-top: .2rem; }
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlighted .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusType .bonusType--focus {
                  font-size: 16px; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlightedSibling .advantage__visual {
            height: 11.5rem; }
            @media (max-width: 1020.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlightedSibling .advantage__visual {
                height: 9rem; } }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlightedSibling .advantage__visual {
                height: 11rem; } }
            @media (max-width: 480.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlightedSibling .advantage__visual {
                height: 8rem; } }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlightedSibling .advantage__visual .advantage-picker__overlay .soft-advantage__inner .club-logo {
              position: absolute;
              bottom: 0rem;
              right: 0.1rem;
              width: 40px; }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlightedSibling .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusValue {
                font-size: 36px;
                line-height: .2rem;
                margin-top: 1.5rem; }
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlightedSibling .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusValue .euro {
                  font-size: 36px; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlightedSibling .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusType {
                font-size: 18px;
                margin: .2rem 0 0 0;
                line-height: 0; }
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlightedSibling .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusType .bonusType--focus {
                  font-size: 18px;
                  line-height: 1.8rem; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlightedSibling .advantage__visual .advantage-picker__overlay .soft-advantage__inner .club-logo {
                position: absolute;
                bottom: 0em;
                right: 0.1em;
                width: 40px; } }
            @media (max-width: 480.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlightedSibling .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusValue {
                font-size: 30px;
                margin-top: 1.5rem; }
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlightedSibling .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusValue .euro {
                  font-size: 30px; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlightedSibling .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusType {
                font-size: 16px;
                margin-top: .2rem; }
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid.AcmbAdvantageVisualisation--highlightedSibling .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusType .bonusType--focus {
                  font-size: 16px; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid:not(.AcmbAdvantageVisualisation--highlighted):not(.AcmbAdvantageVisualisation--highlightedSibling) .advantage__visual {
            height: 11.5rem; }
            @media (max-width: 1020.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid:not(.AcmbAdvantageVisualisation--highlighted):not(.AcmbAdvantageVisualisation--highlightedSibling) .advantage__visual {
                height: 8rem; } }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid:not(.AcmbAdvantageVisualisation--highlighted):not(.AcmbAdvantageVisualisation--highlightedSibling) .advantage__visual {
                height: 11rem; } }
            @media (max-width: 480.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid:not(.AcmbAdvantageVisualisation--highlighted):not(.AcmbAdvantageVisualisation--highlightedSibling) .advantage__visual {
                height: 8rem; } }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid:not(.AcmbAdvantageVisualisation--highlighted):not(.AcmbAdvantageVisualisation--highlightedSibling) .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusValue {
              font-size: 40px;
              margin-top: 1.5rem;
              height: 1rem; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid:not(.AcmbAdvantageVisualisation--highlighted):not(.AcmbAdvantageVisualisation--highlightedSibling) .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusType {
              margin-top: .4rem; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid:not(.AcmbAdvantageVisualisation--highlighted):not(.AcmbAdvantageVisualisation--highlightedSibling) .advantage__visual .advantage-picker__overlay .soft-advantage__inner .sub {
              padding: 0 1.2rem; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid:not(.AcmbAdvantageVisualisation--highlighted):not(.AcmbAdvantageVisualisation--highlightedSibling) .advantage__visual .advantage-picker__overlay .soft-advantage__inner .club-logo {
              position: absolute;
              bottom: 0em;
              right: 0.1em;
              width: 40px; }
            @media (max-width: 1020.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid:not(.AcmbAdvantageVisualisation--highlighted):not(.AcmbAdvantageVisualisation--highlightedSibling) .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusValue {
                font-size: 30px; }
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid:not(.AcmbAdvantageVisualisation--highlighted):not(.AcmbAdvantageVisualisation--highlightedSibling) .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusValue .euro {
                  font-size: 30px; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid:not(.AcmbAdvantageVisualisation--highlighted):not(.AcmbAdvantageVisualisation--highlightedSibling) .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusType {
                font-size: 18px;
                margin: .2rem 0 0 0; }
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid:not(.AcmbAdvantageVisualisation--highlighted):not(.AcmbAdvantageVisualisation--highlightedSibling) .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusType .bonusType--focus {
                  font-size: 18px;
                  line-height: 1.8rem; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid:not(.AcmbAdvantageVisualisation--highlighted):not(.AcmbAdvantageVisualisation--highlightedSibling) .advantage__visual .advantage-picker__overlay .soft-advantage__inner .sub {
                padding: 0 .2rem; } }
            @media (max-width: 768.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid:not(.AcmbAdvantageVisualisation--highlighted):not(.AcmbAdvantageVisualisation--highlightedSibling) .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusValue {
                font-size: 36px; }
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid:not(.AcmbAdvantageVisualisation--highlighted):not(.AcmbAdvantageVisualisation--highlightedSibling) .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusValue .euro {
                  font-size: 36px; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid:not(.AcmbAdvantageVisualisation--highlighted):not(.AcmbAdvantageVisualisation--highlightedSibling) .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusType {
                margin-top: .5rem; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid:not(.AcmbAdvantageVisualisation--highlighted):not(.AcmbAdvantageVisualisation--highlightedSibling) .advantage__visual .advantage-picker__overlay .soft-advantage__inner .sub {
                padding: 0; } }
            @media (max-width: 480.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid:not(.AcmbAdvantageVisualisation--highlighted):not(.AcmbAdvantageVisualisation--highlightedSibling) .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusValue {
                font-size: 30px; }
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid:not(.AcmbAdvantageVisualisation--highlighted):not(.AcmbAdvantageVisualisation--highlightedSibling) .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusValue .euro {
                  font-size: 30px; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid:not(.AcmbAdvantageVisualisation--highlighted):not(.AcmbAdvantageVisualisation--highlightedSibling) .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusType {
                font-size: 16px;
                margin: .4rem 0 0 0; }
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid:not(.AcmbAdvantageVisualisation--highlighted):not(.AcmbAdvantageVisualisation--highlightedSibling) .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusType .bonusType--focus {
                  font-size: 16px; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .advantage-picker__overlay .soft-advantage__inner {
            width: calc(100% - 1.3rem);
            height: calc(100% - 1.3rem); }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .advantage-picker__overlay .soft-advantage__inner:before {
              font-size: 1.4rem; }
            @media (max-width: 1020.1px) {
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .advantage-picker__overlay .soft-advantage__inner {
                width: calc(100% - 1.2rem);
                height: calc(100% - 1.2rem); }
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .advantage-picker__overlay .soft-advantage__inner:before {
                  font-size: 1.2rem; } }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusValue {
              font-size: 72px;
              line-height: 4rem;
              font-family: "Roboto";
              font-weight: 700;
              margin-top: .4rem; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusValue .euro {
                font-size: 39px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 500;
                margin-right: -0.5rem; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusValue .multiplier {
                text-transform: lowercase; }
              @media (max-width: 480.1px) {
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusValue {
                  font-size: 39px;
                  line-height: 2.6rem; }
                  .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusValue .euro {
                    font-size: 21px;
                    margin-right: -0.2rem; } }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusType {
              font-size: 39px;
              line-height: 1.2rem;
              font-family: "Roboto";
              font-weight: 300;
              line-height: 3.2rem; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusType .bonusType--focus {
                font-size: 39px;
                line-height: 1.2rem;
                font-family: "Roboto";
                font-weight: 500;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                line-height: 1.6rem; }
              @media (max-width: 480.1px) {
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusType {
                  font-size: 28px;
                  line-height: 1.2rem;
                  font-family: "Roboto";
                  font-weight: 400;
                  line-height: 1.6rem; }
                  .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusType .bonusType--focus {
                    font-size: 28px;
                    line-height: 1.2rem;
                    font-family: "Roboto";
                    font-weight: 500; } }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .advantage-picker__overlay .soft-advantage__inner .sub {
              text-transform: initial; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusValue {
              font-size: 21px;
              line-height: .2rem; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusValue .euro {
                font-size: 21px;
                margin-right: -0.3rem; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusType {
              font-size: 21px;
              font-family: "Roboto";
              font-weight: 700;
              line-height: .4rem;
              text-transform: lowercase; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusType .bonusType--focus {
                font-size: 21px;
                font-family: "Roboto";
                font-weight: 700;
                line-height: 1.4rem; }
              @media (max-width: 768.1px) {
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusType {
                  line-height: 0; }
                  .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .advantage-picker__overlay .soft-advantage__inner .bonusType .bonusType--focus {
                    line-height: 1.8rem; } }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .advantage-picker__overlay .soft-advantage__inner .sub {
              font-size: 15px;
              font-family: "Roboto";
              font-weight: 400; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .advantage-picker__overlay .soft-advantage__inner .sub .strong {
                font-family: "Roboto";
                font-weight: 400; }
              @media (max-width: 768.1px) {
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .advantage-picker__overlay .soft-advantage__inner .sub {
                  line-height: 1rem; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .commercial-visual--added {
            height: 3rem; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .commercial-visual--added .overlay-state__inner span.icon {
              height: 2rem;
              width: 2rem;
              padding: .3rem; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .commercial-visual--added .overlay-state__inner span.overlay-state__text {
              margin: 1rem 0 0 calc(50% - 1rem); }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .label-overlay--and {
            top: .3rem; }
            .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .label-overlay--and .label-overlay__inner {
              padding: .3rem .7rem .6rem;
              border-top-right-radius: .4rem;
              border-bottom-right-radius: .4rem; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .label-overlay--and .label-overlay__inner:before {
                font-size: 1rem; }
              .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .label-overlay--and .label-overlay__inner:after {
                bottom: .6rem;
                left: .3rem; }
              @media (max-width: 1020.1px) {
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .label-overlay--and .label-overlay__inner {
                  padding: .4rem .7rem; } }
              @media (max-width: 768.1px) {
                .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid .advantage__visual .label-overlay--and .label-overlay__inner:after {
                  bottom: 1.2rem; } }
          .part-landingsPage .AdvantageCodeMarketingBanner .AcmbPyramid .advantages__list .AcmbAdvantageVisualisation--grid .advantage-picker__overlay {
            cursor: pointer !important; }
    .part-landingsPage .AdvantageCodeMarketingBanner .return-button {
      width: 410px;
      height: 40px;
      background-color: #e43117;
      border-radius: 4px;
      text-align: center;
      margin: auto;
      margin-bottom: 15px;
      font-size: 18px;
      font-weight: bold; }
      .part-landingsPage .AdvantageCodeMarketingBanner .return-button:hover {
        text-decoration: underline;
        color: #fff; }
      .part-landingsPage .AdvantageCodeMarketingBanner .return-button a {
        color: #fff;
        line-height: 40px;
        display: block; }
        .part-landingsPage .AdvantageCodeMarketingBanner .return-button a .arrow-white-right {
          margin-right: 10px;
          margin-bottom: 2px;
          border: solid #fff;
          border-top-width: medium;
          border-right-width: medium;
          border-bottom-width: medium;
          border-left-width: medium;
          border-width: 0 2px 2px 0;
          display: inline-block;
          padding: 3px;
          transform: rotate(-45deg);
          -moz-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
          -o-transform: rotate(-45deg);
          -webkit-transform: rotate(-45deg); }
    .part-landingsPage .AdvantageCodeMarketingBanner .return-button--bottom {
      margin-top: 25px; }
    .part-landingsPage .AdvantageCodeMarketingBanner .other-coupons-button {
      width: 450px;
      text-align: center;
      text-decoration: underline;
      margin: auto;
      margin-bottom: 20px; }
    .part-landingsPage .AdvantageCodeMarketingBanner .container {
      padding-top: 20px;
      padding-right: 35px;
      padding-bottom: 20px;
      padding-left: 35px; }
    .part-landingsPage .AdvantageCodeMarketingBanner .bottom-part {
      width: 100%;
      grid-column: span 15;
      margin-top: -1rem; }
      @media (max-width: 1020.1px) {
        .part-landingsPage .AdvantageCodeMarketingBanner .bottom-part {
          grid-column: span 12; } }
      @media (max-width: 768.1px) {
        .part-landingsPage .AdvantageCodeMarketingBanner .bottom-part {
          grid-column: span 8; } }
      @media (max-width: 480.1px) {
        .part-landingsPage .AdvantageCodeMarketingBanner .bottom-part {
          grid-column: span 4; } }
      @media (max-width: 1020.1px) {
        .part-landingsPage .AdvantageCodeMarketingBanner .bottom-part {
          margin-top: -0.8rem; } }
    .part-landingsPage .AdvantageCodeMarketingBanner p {
      font-size: 15px;
      line-height: 1.2rem;
      font-family: "Roboto";
      font-weight: 300; }
    .part-landingsPage .AdvantageCodeMarketingBanner ul.list--linked li {
      list-style-type: none;
      position: relative;
      margin-left: 1em;
      padding-left: 1em; }
      .part-landingsPage .AdvantageCodeMarketingBanner ul.list--linked li a {
        text-decoration: underline; }
        .part-landingsPage .AdvantageCodeMarketingBanner ul.list--linked li a:hover {
          color: #e42313; }
      .part-landingsPage .AdvantageCodeMarketingBanner ul.list--linked li:before {
        content: '\e92d';
        font-family: 'bruneauAdaptiveIcons';
        display: inline-block;
        position: absolute;
        left: -1em; }
    .part-landingsPage .AdvantageCodeMarketingBanner ul li {
      list-style-type: disc;
      list-style-position: inside; }
    .part-landingsPage .AdvantageCodeMarketingBanner ul li.lslide {
      list-style-type: none; }
    .part-landingsPage .AdvantageCodeMarketingBanner .banner__title {
      font-size: 28px;
      line-height: 1rem; }
      @media (max-width: 1020.1px) {
        .part-landingsPage .AdvantageCodeMarketingBanner .banner__title {
          font-size: 28px;
          line-height: 1.5rem; } }
      @media (max-width: 480.1px) {
        .part-landingsPage .AdvantageCodeMarketingBanner .banner__title {
          font-size: 21px;
          line-height: 1.2rem; } }
      .part-landingsPage .AdvantageCodeMarketingBanner .banner__title--small {
        font-size: 36px;
        line-height: 1.2rem;
        font-family: "Roboto";
        font-weight: 300;
        margin: 3rem 0;
        min-height: 2.4em; }
        @media (max-width: 1350.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .banner__title--small {
            font-size: 28px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 300; } }
        @media (max-width: 480.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .banner__title--small {
            font-size: 21px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 300; } }
      .part-landingsPage .AdvantageCodeMarketingBanner .banner__title strong {
        font-size: 39px;
        line-height: 1.2rem;
        font-family: "Roboto";
        font-weight: 500;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
        @media (max-width: 1350.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .banner__title strong {
            font-size: 28px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 500; } }
        @media (max-width: 480.1px) {
          .part-landingsPage .AdvantageCodeMarketingBanner .banner__title strong {
            font-size: 21px;
            line-height: 1.2rem;
            font-family: "Roboto";
            font-weight: 500; } }
    .part-landingsPage .AdvantageCodeMarketingBanner .strong,
    .part-landingsPage .AdvantageCodeMarketingBanner strong {
      font-family: "Roboto";
      font-weight: 700; }
    .part-landingsPage .AdvantageCodeMarketingBanner .free {
      color: #ff0066; }

.no-cssgrid .part-landingsPage {
  display: block; }