@charset "UTF-8";
/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 8/9.
 */
audio,
video {
  display: inline-block;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%; /* 2 */
  -webkit-font-smoothing: antialiased;
}

/*
 * Removes default margin.
 */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
 * Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
}

/*
 * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/*
 * Addresses styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/*
 * Corrects font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap;
  word-wrap: break-word;
}

/*
 * Sets consistent quote types.
 */
q {
  quotes: "“" "”" "‘" "’";
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * Removes border when inside `a` element in IE 8/9.
 */
img,
canvas {
  border: 0;
  display: block;
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/*
 * 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
 */
button,
input,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 2 */
  margin: 0; /* 3 */
  -webkit-font-smoothing: antialiased;
}

/*
 * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/*
 * Re-set default cursor for disabled elements.
 */
button[disabled],
input[disabled] {
  cursor: default;
}

/*
 * 1. Addresses box sizing set to `content-box` in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  appearance: textfield; /* 1 */
  box-sizing: content-box;
}

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

/*
 * Removes inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers.
 */
textarea {
  overflow: auto; /* 1 */
  vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/**
 * Position X,Y,Z (Fallback Top, Left IE)
 * @param {number} $x - X Position
 * @param {number} $y - Y Position
 * @param {number} $z - Z Position
 */
/**
 * Position
 * @param {number} $top (0) - Top Position
 * @param {number} $right (auto) - Right Position
 * @param {number} $bottom (auto) - Bottom Position
 * @param {number} $left (0) - Left Position
 */
/**
 * Offset
 * @param {number} $top (0) - Top Offset
 * @param {number} $left (0) - Left Offset
 */
/**
 * Positioning an element absolute in the center
 */
/**
 * Places an element absolute on top of the entire wrapper
 */
/**
 * Set an element to display block and center margin
 */
/**
 * Size an Element
 * @param {number} $width (1em) - Width of the element
 * @param {number} $height ($width) - Height of the element
 */
/**
 * Font Face
 * @param {string} $fontName - Name of the font
 * @param {string} $folderName - Subfolder inside the fonts folder
 * @param {string} $fileName - Name of the font-file
 * @param {string} $fontWeight (normal) - Font weight value
 * @param {string} $fontStyle (normal) - Font style value
 */
/**
 * Typography - Generates a font property.
 * @param {string} $type - identifier from the map in variables.scss
 */
/**
 * CSS Background
 * @param {string} $name ($spriteDefault) - Background image, without the image path
 * @param {string} $repeat (no-repeat) - Background repeat
 * @param {position} $left (0) - Background position X
 * @param {position} $top (0) - Background position Y
 * @param {color} $color (transparent) - Background color
 * @param {string} $attachment (scorll) - Background attachment
 */
/**
 * Creates an arrow
 * @param {string} $direction (up) - Arrow direction: up, down, left or right
 * @param {color} $color (#000) - Arrow color
 * @param {size} $size (10px) - Size of the opposite side of the arrow
 * @param {number} $stretch (1) - Amount of the stretch of the arrow
 * @param {boolean} $exclude-base (false) - Remove the default arrow styling (usefull if you want to modify the direction of the arrow on rollover
 */
/**
 * Outputs a ratio holder
 * @param {number} $width - the width of the desired (original) size
 * @param {number} $height - the height of the desired (original) size
 * @param {string} $type (before) - type of psuedo element
 * @param {boolean} $firstDescendant (true) - same element or first descendant
 */
/**
 * Object fit for images (can be used in combination with https://github.com/bfred-it/object-fit-images
 * @param {string} $fit - Type of fit cover/contain etc.
 * @param {string} $position - almost the same as background-position
 */
.thank-you-progress-spacing {
  margin-top: 40px;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}

/**
 * Function to generate the grid
 * @param {string} $name ('grid') - grid name (will be returned as class)
 * @param {number} $numberOfCols ($gridNumberOfCols) - Maximum Number of columns possible.
 * @param {object} $gapSizes ($gridGapSizes) - Name Value pairs of classname and size in pixels.
 */
/**
 * Function to generate md-grid
 */
/**
 * Function to generate a md-col
 * @param {number} $colStart ($gridColStart) - starting col between 1 and 12
 * @param {number} $colEnd ($gridColEnd) - ending col between 1 and 12
 */
/**
 * Function to generate a md-col
 * @param {number} $colStart ($gridColStart) - starting col between 1 and 12
 * @param {number} $colEnd ($gridColEnd) - ending col between 1 and 12
 */
/**
 * Function to generate md-grid
 */
/**
 * Z-Index function
 * @param {string} $list (Array) - The list to find the current z-index in
 * @param {string} $element (String) - The name of the current element, must be in the $list
 * @returns {number}
 */
/**
 * easing function
 * @param {string} $easeName - The name of the easing function.
 * @returns {string} - Returns a cubic-bezier function with the easing values.
 */
/**
 * Respond To (Breakpoint)
 * @param {string} $name - Name of the breakpoint used in $breakpoints
 */
@font-face {
  font-family: "Circular Black";
  src: url("/frontend2/main/assets/font/lineto-circular-black.woff");
}
@font-face {
  font-family: "Circular Book";
  src: url("/frontend2/main/assets/font/lineto-circular-book.woff");
}
@font-face {
  font-family: "Circular Medium";
  src: url("/frontend2/main/assets/font/lineto-circular-medium.woff");
}
/*
Typography

All available typography.

The typesetting distances are based upon a modular scale with a ratio of 1.11 and a base size of
16px.

Styleguide typography
*/
/*
Headings

All headings are predefined using classes. Use these classes to style you're textual elements.
Please make sure to `@include typography('your-font-identifier')` within a component as much as possible.

.heading-title - Title heading (mainly used on top of components).
.heading-feature - Often used as heading at the top of a list.
.heading-block - Often used in cards.
.heading-sub - Sub title of an article or text.
.heading-copy - Sub title bold rendering of the default body copy.
.heading-small - Sub title bold rendering of the small body copy.

Markup:
<h2 class="{{ modifier_class }}">This is a heading</h2>

Styleguide typography.headings
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 0.512em 0;
}

p {
  margin: 0 0 1em;
}

h1,
.heading-title {
  font: normal normal 300 30px/33px "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

h2,
.heading-featured {
  font: normal normal 300 24px/30px "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

h3,
.heading-block {
  font: normal normal 700 20px/24px "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

h4,
.heading-sub {
  font: normal normal 400 18px/22px "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

h5,
.heading-copy {
  font: normal normal 700 16px/24px "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

h6,
.heading-small {
  font: normal normal 700 12px/14px "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/*
Copy

All copy stylings are predefined using classes. Use these classes to style you're textual elements.
Please make sure to `@extend .copy-identifier` within a component as much as possible.

.copy-featured - Copy for intro's.
.copy-default - Default body copy.
.copy-caption - Copy for small captions (e.g. images).
.copy-small - Small Copy mainly used for errors.
.copy-micro - Copy for the smallest tags (e.g. 'excl. VAT' texts).

Markup:
<p class="{{ modifier_class }}">Lorem ipsum dolor sit amet.</p>

Styleguide typography.copy
*/
.copy-featured {
  font: normal normal 300 18px/24px "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

p,
.copy-default {
  font: normal normal 300 16px/24px "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.copy-caption {
  font: normal normal 300 14px/18px "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.copy-small {
  font: normal normal 300 12px/16px "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.copy-micro {
  font: normal normal 300 9px/13px "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

a {
  text-decoration: none;
  font: inherit;
  cursor: pointer;
  color: currentColor;
}

/*
Links

All link styling. Choose a class

.link-default - Default link.
.link-default.plain - Default link with underline initially hidden.

Markup:
<a href="#" class="{{ modifier_class }}">Lorem ipsum dolor sit amet.</a>

Styleguide typography.links
*/
p a,
.link-default {
  text-decoration: underline;
  transition: color 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

p a:hover,
.link-default:hover {
  text-decoration: none;
}

p a:hover .icon.icon-arrow-right,
.link-default:hover .icon.icon-arrow-right {
  transform: translateX(0.5rem);
}

p a.plain,
.link-default.plain {
  text-decoration: none;
}

p a.plain:hover,
.link-default.plain:hover {
  color: rgb(82.1954545455, 36.1045454545, 132.8954545455);
}

p a .icon,
.link-default .icon {
  font-size: 1.3em;
}

p a .icon.icon-arrow-right,
.link-default .icon.icon-arrow-right {
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

p a.review,
.link-default.review {
  color: #6b2fad;
  margin: 32px 0;
}

/*
Quotes

All quote styling. Choose a class

.quote-default - Default Quote.
.quote-small - Small quote.

Markup:
<blockquote class="{{ modifier_class }}">This is a quote from a customer: Lorem ipsum dolor sit amet.</blockquote>

Styleguide typography.quotes
*/
blockquote,
.quote-default {
  font: italic normal 300 30px/33px "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.quote-small {
  font: italic normal 300 18px/24px "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.strike {
  color: #88888f;
  font-weight: 500 !important;
  position: relative;
  overflow: hidden;
}

@media (max-width: 1024px) {
  .strike {
    margin-right: 0;
  }
}
.strike:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  border-top: 1px solid currentColor;
}

.heading-title-center {
  margin: 1.6rem 0 4rem 0;
  text-align: center;
}

@media (max-width: 479px) {
  .heading-title-center {
    margin: 0 0 2.4rem 0;
  }
}
.heading-title-spacing {
  margin: 5.6rem 0 4rem 0;
}

@media (max-width: 479px) {
  .mobile-view {
    display: -ms-flexbox;
    display: flex;
  }
}
.text-center {
  text-align: center;
}

form fieldset, .header-main .nav-secondary, .header-main .bar-sub .nav-primary, .tab-specs .list-tabs, .product-collection .list-h-tabs, .product-collection, .list-steps, .list-social, .list-default, .list-box, .list-specs, .list-check, .list-bullets {
  border: 0;
  padding: 0;
  margin: 0;
}

.header-main .nav-secondary, .header-main .bar-sub .nav-primary, .tab-specs .list-tabs, .product-collection .list-h-tabs, .product-collection, .list-steps, .list-social, .list-default, .list-box, .list-specs, .list-check, .list-bullets {
  list-style: none;
}

.input-login input[type=text],
.input-login input[type=email],
.input-login input[type=password],
.input-login select, .input-gegevens input[type=password], .input-gegevens input[type=text],
.input-gegevens input[type=email],
.input-gegevens select, form .input input[type=text],
form .input input[type=email],
form .input input[type=password],
form .input select {
  display: inline-block;
  border: 0;
  padding: 0;
  background: none;
  -webkit-appearance: none;
}

.input-login input[type=text]:focus,
.input-login input[type=email]:focus,
.input-login input[type=password]:focus,
.input-login select:focus, .input-gegevens input[type=password]:focus, .input-gegevens input[type=text]:focus,
.input-gegevens input[type=email]:focus,
.input-gegevens select:focus, form .input input[type=text]:focus,
form .input input[type=email]:focus,
form .input input[type=password]:focus,
form .input select:focus {
  outline: 0;
}

.input-login input[type=text]::-moz-focus-inner,
.input-login input[type=email]::-moz-focus-inner,
.input-login input[type=password]::-moz-focus-inner,
.input-login select::-moz-focus-inner, .input-gegevens input[type=password]::-moz-focus-inner, .input-gegevens input[type=text]::-moz-focus-inner,
.input-gegevens input[type=email]::-moz-focus-inner,
.input-gegevens select::-moz-focus-inner, form .input input[type=text]::-moz-focus-inner,
form .input input[type=email]::-moz-focus-inner,
form .input input[type=password]::-moz-focus-inner,
form .input select::-moz-focus-inner,
form .input select[type=reset]::-moz-focus-inner,
form .input select[type=button]::-moz-focus-inner,
form .input select[type=submit]::-moz-focus-inner,
form .input select::-moz-focus-inner, .input-login input[type=file][type=text] > [type=button]::-moz-focus-inner,
.input-login input[type=file][type=email] > [type=button]::-moz-focus-inner,
.input-login input[type=file][type=password] > [type=button]::-moz-focus-inner,
.input-login select[type=file] > [type=button]::-moz-focus-inner, .input-gegevens input[type=file][type=password] > [type=button]::-moz-focus-inner, .input-gegevens input[type=file][type=text] > [type=button]::-moz-focus-inner,
.input-gegevens input[type=file][type=email] > [type=button]::-moz-focus-inner,
.input-gegevens select[type=file] > [type=button]::-moz-focus-inner, form .input input[type=file][type=text] > [type=button]::-moz-focus-inner,
form .input input[type=file][type=email] > [type=button]::-moz-focus-inner,
form .input input[type=file][type=password] > [type=button]::-moz-focus-inner,
form .input select[type=file] > [type=button]::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

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

.hidden {
  display: none !important;
}

@media (max-width: 479px) {
  .hidden-mobile {
    display: none !important;
  }
}
@media (max-width: 833px) {
  .display-mobile {
    display: block !important;
  }
}
@media (max-width: 479px) {
  .display-mobile-small {
    display: block !important;
  }
}
.quote-alt {
  color: #1e2129 !important;
  font: 700 30px/36px Montserrat !important;
  letter-spacing: 0 !important;
  margin-bottom: 24px !important;
  opacity: 1 !important;
  text-align: left !important;
}

.sonta-iframe {
  height: 310px;
  width: 535px;
}

@media (max-width: 479px) {
  .sonta-iframe {
    height: auto;
    width: auto;
  }
}
.ir,
.clear {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

/*
Buttons

Button styles can be applied to anything with the `.btn` class applied.
However, typically you'll want to apply these to only `<a>` and `<button>` elements for the best rendering.

Styleguide buttons
*/
/*
Button core styles

.btn - Default Button.
.btn.inverted - Inverted buttons mainly placed on a background with the same color of the default btn.
.btn.cta - CTA buttons to highlight a call to action.
.btn.outlined - Button used on elements that contain a image.
.btn.plain - Button used as cancelation or as text-like button.
.btn.is-loading - Button in loading state.

Markup:
<a href="#" class="{{modifier_class}}">Button</a>
<button type="submit" class="btn {{modifier_class}}">Button</button>

Styleguide buttons.core
*/
.btn {
  position: relative;
  background: #6b2fad;
  border-radius: 5px;
  border: 0;
  outline: none;
  color: #ffffff;
  display: inline-block;
  font: normal normal 400 18px/18px "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  padding: 1.5rem 1.4rem;
  text-decoration: none;
  transition: background 0.3s cubic-bezier(0.23, 1, 0.32, 1), color 0.3s cubic-bezier(0.23, 1, 0.32, 1), border 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  text-align: center;
  box-sizing: border-box;
  /*
  Button disabled

  disabled=disabled - Disabled state of a button.

  Markup:
  <a class="btn disabled" href="#">Button</a>
  <button class="btn" disabled="disabled">Button</button>

  Styleguide buttons.disabled

  */
  /*
  Button sizes

  .btn.small					- Button regular version small sized.
  .btn.small.inverted			- Button inverted version small sized.
  .btn.small.cta			    - Button cta version small sized.
  .btn.small.outlined			- Button outlined version small sized.
  .btn.small.plain			- Button plain version small sized.
  .btn.small.is-loading		- Button loading version small sized.
  .btn.wide					- Button regular version wide sized.
  .btn.wide.inverted			- Button inverted version wide sized.
  .btn.wide.cta			    - Button cta version wide sized.
  .btn.wide.outlined			- Button outlined version wide sized.
  .btn.wide.plain			    - Button plain version wide sized.
  .btn.wide.is-loading	    - Button loading version wide sized.

  Markup:
  <a href="#" class="{{modifier_class}}">Button</a>
  <button type="submit" class="btn {{modifier_class}}">Button</button>

  Styleguide buttons.sizes
  */
  /*
  Button icons

  .btn.w-icn					- Button with icon regular version small sized.
  .btn.w-icn.inverted			- Button with icon inverted version small sized.
  .btn.w-icn.cta			    - Button with icon cta version small sized.
  .btn.w-icn.outlined			- Button with icon outlined version small sized.
  .btn.w-icn.small			- Button with icon regular version small sized.
  .btn.w-icn.small.inverted	- Button with icon inverted version small sized.
  .btn.w-icn.small.cta		- Button with icon cta version small sized.
  .btn.w-icn.small.outlined	- Button with icon outlined version small sized.
  .btn.w-icn.small.plain		- Button with icon plain version small sized.
  .btn.w-icn.wide				- Button with icon regular version wide sized.
  .btn.w-icn.wide.inverted	- Button with icon inverted version wide sized.
  .btn.w-icn.wide.cta			- Button with icon cta version wide sized.
  .btn.w-icn.wide.outlined	- Button with icon outlined version wide sized.

  Markup:
  <a href="#" class="{{modifier_class}}">
      Button
      <svg class="icon icon-arrow-right">
          <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../frontend2/main/assets/images/sprite-icons.svg#icon-arrow-right"></use>
      </svg>
  </a>
  <button type="submit" class="btn {{modifier_class}}">
      Button
      <svg class="icon icon-arrow-right">
          <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../frontend2/main/assets/images/sprite-icons.svg#icon-arrow-right"></use>
      </svg>
  </button>

  Styleguide buttons.icons
  */
  /*
      Button icons

      .btn.o-icon   - button with only a icon
  */
}

.btn.btn-style2019 {
  background: #6b2fad;
  height: 56px;
  width: 100%;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
}

@media (max-width: 479px) {
  .btn.btn-style2019.error-style2019 {
    margin-top: 24px !important;
  }
}
.btn.btn-style2019:hover {
  background: #55258a;
}

.btn.btn-style2019:active {
  background: #ffffff;
  color: #6b2fad;
  border: 1px solid #6b2fad !important;
}

.btn.btn-popup {
  background: #6b2fad;
  height: 56px;
  width: 100%;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
}

@media (max-width: 767px) {
  .btn.btn-popup {
    margin-top: 24px !important;
  }
}
@media (max-width: 479px) {
  .btn.btn-popup.error-style2019 {
    margin-top: 24px !important;
  }
}
.btn.btn-popup:hover {
  background: #55258a;
}

.btn.btn-popup:active {
  background: #ffffff;
  color: #6b2fad;
  border: 1px solid #6b2fad !important;
}

.btn.promotion-jan-2020 {
  background: #ff8800 !important;
}

.btn.promotion-jan-2020:hover {
  background: #cc6c00 !important;
}

.btn.promotion-jan-2020:active {
  background: #ff8800;
  color: #ffffff;
  border: 1px solid #ff8800 !important;
}

.btn.btn-inverted-style2019 {
  height: 56px;
  width: 100%;
  border: 1px solid #ccc;
  background: #ffffff;
  color: #55258a;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  margin-top: 24px !important;
}

.btn.btn-inverted-style2019:hover {
  background: #6b2fad;
  color: #ffffff;
}

.btn.btn-inverted-style2019:active {
  background: #ffffff;
  color: #6b2fad;
  border: 1px solid #6b2fad;
}

.btn.inverted {
  background: #ffffff;
  color: #6b2fad;
}

@media (max-width: 479px) {
  .btn.inverted.inverted-mobile {
    border-radius: 0 !important;
    border-bottom: 1px solid #6b2fad;
    font-size: 15px;
    margin: 0 auto !important;
    padding: 10px 0;
  }
}
.btn.inverted:hover {
  background: #55258a;
  color: #ffffff;
}

.btn.inverted.outlined {
  background: transparent;
  color: #ffffff;
  border: 1px solid #ffffff;
}

.btn.inverted.outlined:hover {
  background: #55258a;
}

.btn.cta {
  background: #ff8800;
  color: #ffffff;
  box-shadow: inset 0 -2px 0 0 #cc6c00;
}

.btn.cta:hover {
  background: #ff9f33;
}

.btn.cta:active {
  transform: translateY(2px);
  background-color: #cc6c00;
  box-shadow: none;
}

.btn.outlined {
  background: transparent;
  border: 1px solid #6b2fad;
  color: #6b2fad;
}

.btn.outlined:hover {
  background: #6b2fad;
  border-color: #6b2fad;
  color: #ffffff;
}

.btn.plain {
  background: none;
  color: #000000;
  padding-left: 0;
  padding-right: 0;
}

.btn input[type=file] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
}

.btn .btn.is-loading, .btn.disabled, .btn:disabled {
  background-color: #f2f2f2;
  border-color: #f2f2f2;
  color: #aaaaaa;
  box-shadow: inset 0 -2px 0 0 rgb(216.5, 216.5, 216.5);
  cursor: not-allowed;
  pointer-events: none;
}

.btn.is-loading {
  color: transparent;
}

.btn.is-loading:before {
  content: "";
  background: transparent url("../images/loading-bubbles.svg") no-repeat center center scroll;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.btn.small {
  font: normal normal 700 14px/14px "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}

.btn.small.plain {
  padding-left: 0;
  padding-right: 0;
}

.btn.wide {
  padding-left: 8.5rem;
  padding-right: 8.5rem;
}

@media (max-width: 479px) {
  .btn.wide {
    padding-left: 1.4rem;
    padding-right: 1.4rem;
  }
  .btn.wide.w-icn {
    padding-right: 3rem;
  }
  .btn.wide.w-icn.small {
    padding-right: 2.5rem;
  }
}
.btn.w-icn {
  /*
  Button social

  .btn					    - Button with icon regular version small sized.

  Markup:
  <button type="submit" class="btn w-icn social facebook">
      <svg class="icon icon-facebook-plain">
          <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../frontend2/main/assets/images/sprite-icons.svg#icon-facebook-plain"></use>
      </svg>
      Login met Facebook
  </button>
  <button type="submit" class="btn w-icn social">
      <svg class="icon icon-github-plain">
          <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../frontend2/main/assets/images/sprite-icons.svg#icon-github-plain"></use>
      </svg>
      Login met Github
  </button>

  Styleguide buttons.social
  */
}

.btn.w-icn:not(.wide) {
  padding-right: 3rem;
}

.btn.w-icn.small {
  padding-right: 2.5rem;
}

.btn.w-icn.social {
  padding-left: 40px;
}

.btn.w-icn.social .icon {
  height: 0.7em;
  width: 0.7em;
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
}

.btn.w-icn.social.facebook {
  background: #3b5998;
}

.btn.w-icn .btn-label {
  display: none;
}

.btn.w-icn .icon {
  font-size: 1.6em;
  position: absolute;
  top: 50%;
  right: 0.3em;
  transform: translateY(-50%);
}

.btn.w-icn .icon.icon-magnifier {
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 50%;
  right: auto;
  transform: translate(-50%, -50%);
}

.btn.w-icn .icon use {
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

.btn.w-icn:hover .icon.icon-arrow-right use {
  animation: btn-hover-icon 0.6s 1;
  animation-delay: 0.1s;
}

.btn.o-icon {
  padding-top: 2.6rem;
}

.btn.o-icon:not(.wide) {
  padding-right: 3rem;
}

.btn.o-icon.small {
  padding-right: 2.5rem;
}

.btn.o-icon.disabled, .btn.o-icon:disabled {
  background: transparent;
  border-color: #6b2fad;
  box-shadow: none;
  opacity: 0.5;
}

.btn.o-icon .icon,
.btn.o-icon .icon-full {
  font-size: 2.6em;
  position: absolute;
  top: 50%;
  right: 0.3em;
  transform: translateY(-50%);
  fill: #ffffff;
}

.btn.o-icon .icon.icon-magnifier,
.btn.o-icon .icon-full.icon-magnifier {
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 50%;
  right: auto;
  transform: translate(-50%, -50%);
}

.btn.o-icon .icon use,
.btn.o-icon .icon-full use {
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

.btn.o-icon .icon-full {
  fill: #6b2fad;
}

.btn:hover {
  background: rgb(132.2409090909, 67.0590909091, 203.9409090909);
}

.btn:hover .icon-full {
  fill: #ffffff;
}

@keyframes btn-hover-icon {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(200%);
    animation-timing-function: steps(1, end);
  }
  50% {
    transform: translateX(-150%);
  }
  100% {
    transform: translateX(0);
  }
}
.extensionpage {
  color: #6b2fad;
  font-size: 14px;
  line-height: 22px;
  margin-top: 1.6rem;
  text-decoration: underline;
}

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

.extensionpage.error-extensionpage {
  margin-top: 2.6rem;
}

/*
Form elements

All available form elements can be found here.
Each form must contain the following markup:

form - form snippet

Markup:
<form action="" method="post">
    <fieldset></fieldset>
</form>

Styleguide form
*/
form {
  /*
     Form input text

     All available text inputs

     .input                      - input default
     .input.large                - input larger version
     .input.validation-failed    - input failure

     Markup: ../templates/form/input-default.html

     Styleguide form.input-text
     */
  /*
     Form input text extras

     All available text inputs

     .input.extra                            - input with extra's
     .input.large.extra                      - input with extra's
     .input.large.extra.validation-failed    - input failure

     Markup: ../templates/form/input-extra.html

     Styleguide form.input-text-extras
     */
  /*
     Form select option

     Select option dropdown

     .input                          - select option

     Markup: ../templates/form/input-select.html

     Styleguide form.input-select
     */
}

form fieldset.domain-spacing-style2019 {
  min-height: 120px;
}

form fieldset.domain-error-style2019 {
  min-height: 144px;
}

form input:-webkit-autofill,
form input:-webkit-autofill:hover,
form input:-webkit-autofill:focus input:-webkit-autofill,
form textarea:-webkit-autofill,
form textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
form select:-webkit-autofill,
form select:-webkit-autofill:hover,
form select:-webkit-autofill:focus {
  border: 1px solid #dbdbdb;
  -webkit-text-fill-color: #000000;
  -webkit-box-shadow: 0 0 0 1000px #f6f8f9 inset;
  transition: background-color 5000s ease-in-out 0s;
}

form .heading-title {
  margin: 1.6rem 0 4rem 0;
}

@media (max-width: 479px) {
  form .heading-title {
    margin: 0 0 2.4rem 0;
  }
}
form .input {
  position: relative;
  margin-bottom: 2.4rem;
  display: -ms-flexbox;
  display: flex;
  /*
        Form input checkbox

        Pure CSS custom checkbox

        .input                          - input checkbox

        Markup: ../templates/form/input-checkbox.html

        Styleguide form.input-checkbox
        */
  /*
        Form input radio

        Pure CSS custom radio button

        .input                          - input radio

        Markup: ../templates/form/input-radio.html

        Styleguide form.input-radio
        */
}

form .input.input-domain {
  margin-bottom: 1.6rem;
}

form .input .input-radio-space-gegevens {
  margin-right: 8px;
}

form .input.input-failed-style2019 {
  margin-bottom: 0.8rem;
}

form .input:nth-last-child(2) {
  border-radius: 0 5px 5px 0;
}

@media (max-width: 479px) {
  form .input.mobile {
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
form .input.checkbox {
  width: calc(100% - 24px);
  margin-top: 24px;
  margin-left: 8px;
  margin-bottom: 0px;
}

form .input input[type=text],
form .input input[type=email],
form .input input[type=password],
form .input select {
  height: 4.8rem;
  width: 100%;
  background: #ffffff;
  font: normal normal 300 16px/24px "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  border: 1px solid #dbdbdb;
  border-radius: 5px;
  padding: 1rem;
  box-sizing: border-box;
  transition: border-color 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

@media (max-width: 479px) {
  form .input input[type=text],
  form .input input[type=email],
  form .input input[type=password],
  form .input select {
    padding: 0.5rem 1rem 0.5rem;
  }
}
form .input input[type=text].is-filled, form .input input[type=text]:focus,
form .input input[type=email].is-filled,
form .input input[type=email]:focus,
form .input input[type=password].is-filled,
form .input input[type=password]:focus,
form .input select.is-filled,
form .input select:focus {
  border-color: #6b2fad;
}

form .input input[type=text].is-filled + label, form .input input[type=text]:focus + label,
form .input input[type=email].is-filled + label,
form .input input[type=email]:focus + label,
form .input input[type=password].is-filled + label,
form .input input[type=password]:focus + label,
form .input select.is-filled + label,
form .input select:focus + label {
  display: none;
}

form .input input[type=text]:disabled,
form .input input[type=email]:disabled,
form .input input[type=password]:disabled,
form .input select:disabled {
  background: #f9f9f9;
}

form .input.large input[type=text],
form .input.large input[type=email],
form .input.large input[type=password],
form .input.large select {
  height: 4.8rem;
  width: 100%;
}

form .input.extra input[type=text],
form .input.extra input[type=email],
form .input.extra input[type=password],
form .input.extra select {
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
  border-radius: 5px 0 0 5px;
  border-right: 0;
}

@media (max-width: 479px) {
  form .input.extra input[type=text],
  form .input.extra input[type=email],
  form .input.extra input[type=password],
  form .input.extra select {
    border-radius: 5px;
    border: 1px solid #dbdbdb;
  }
}
form .input.extra input[type=text].is-filled, form .input.extra input[type=text]:focus,
form .input.extra input[type=email].is-filled,
form .input.extra input[type=email]:focus,
form .input.extra input[type=password].is-filled,
form .input.extra input[type=password]:focus,
form .input.extra select.is-filled,
form .input.extra select:focus {
  border-color: #dbdbdb;
}

form .input.extra .btn {
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-radius: 0 5px 5px 0;
}

@media (max-width: 479px) {
  form .input.extra .btn.radius {
    border-radius: 5px;
    margin: 0.5rem 0;
  }
}
form .input.extra .btn-domain-picker {
  background: #f08d34;
  border: none;
  border-radius: 0;
  box-shadow: none;
  color: #1e2129;
  font-size: 1.8rem;
  height: 5.6rem;
  padding: 1.6rem;
  text-align: center;
  width: 11.6rem;
}

@media mobile {
  form .input.extra .btn-domain-picker {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    width: 7.1rem !important;
  }
}
form .input input[name=domeinnaam] {
  text-transform: lowercase;
}

form .input select {
  padding-top: 0;
  padding-bottom: 0;
}

form .input .add-on {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  background: #ffffff;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border: 1px solid #dbdbdb;
  border-right: 0;
  padding: 0 0.5rem;
}

@media (max-width: 479px) {
  form .input .add-on {
    display: none;
  }
}
form .input .add-on .packages {
  -ms-flex-pack: justify;
  justify-content: space-between;
}

form .input .add-on .packages .icon {
  color: #6b2fad;
  font-size: 3em;
  margin: 0 1rem;
  vertical-align: middle;
}

form .input .add-on .extension {
  padding: 0 1rem;
}

form .input .icon-arrow-down {
  position: absolute;
  top: 50%;
  right: 1rem;
  font-size: 2em;
  color: #888888;
  transform: translateY(-50%);
}

form .input label {
  position: absolute;
  top: 25%;
  left: 1rem;
  color: #888888;
  transition: top 0.3s cubic-bezier(0.23, 1, 0.32, 1), font-size 0.3s cubic-bezier(0.23, 1, 0.32, 1), color 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

@media (max-width: 479px) {
  form .input label {
    transform: translateY(-65%);
    top: 60%;
  }
  form .input label.trial-form {
    top: 25%;
  }
}
form .input .label-domain-style2019 {
  color: #646f79;
  top: 30%;
  margin-left: 6px;
}

@media (max-width: 479px) {
  form .input .label-domain-style2019 {
    transform: translateY(-65%);
    top: 50%;
  }
}
@media (max-width: 479px) {
  form .input .label-domain-style2020 {
    transform: translateY(-65%);
    top: 60%;
  }
}
form .input .validation-error {
  position: absolute;
  top: 100%;
  left: 0;
  height: 0;
  overflow: hidden;
}

@media (max-width: 479px) {
  form .input .validation-error {
    top: 80%;
  }
}
form .input.validation-failed {
  margin-bottom: 3.2rem;
}

form .input.validation-failed input[type=text],
form .input.validation-failed input[type=email],
form .input.validation-failed input[type=password],
form .input.validation-failed select {
  border-color: #e0182d !important;
}

form .input.validation-failed input[type=text].is-filled, form .input.validation-failed input[type=text]:focus,
form .input.validation-failed input[type=email].is-filled,
form .input.validation-failed input[type=email]:focus,
form .input.validation-failed input[type=password].is-filled,
form .input.validation-failed input[type=password]:focus,
form .input.validation-failed select.is-filled,
form .input.validation-failed select:focus {
  border-color: #e0182d;
}

form .input.validation-failed input[type=text].is-filled + label, form .input.validation-failed input[type=text]:focus + label,
form .input.validation-failed input[type=email].is-filled + label,
form .input.validation-failed input[type=email]:focus + label,
form .input.validation-failed input[type=password].is-filled + label,
form .input.validation-failed input[type=password]:focus + label,
form .input.validation-failed select.is-filled + label,
form .input.validation-failed select:focus + label {
  color: #e0182d;
}

form .input.validation-failed input[type=text] + label,
form .input.validation-failed input[type=email] + label,
form .input.validation-failed input[type=password] + label,
form .input.validation-failed select + label {
  color: #e0182d;
}

form .input.validation-failed .add-on {
  border-color: #e0182d;
}

form .input.validation-failed .add-on .packages .icon {
  color: #e0182d;
}

form .input.validation-failed .validation-error {
  height: auto;
}

@media (max-width: 479px) {
  form .input.validation-failed .validation-error {
    margin-top: 1.5rem;
  }
}
form .input input[type=checkbox],
form .input input[type=radio] {
  position: absolute;
  opacity: 0;
}

form .input input[type=checkbox] + label,
form .input input[type=radio] + label {
  position: relative;
  top: auto;
  left: auto;
  transform: none;
  display: block;
  color: #000000;
  cursor: pointer;
  padding: 0 0 0 3.2rem;
}

form .input input[type=checkbox] + label .icon.icon-ideal, form .input input[type=checkbox] + label .icon.icon-visa, form .input input[type=checkbox] + label .icon.icon-mastercard,
form .input input[type=radio] + label .icon.icon-ideal,
form .input input[type=radio] + label .icon.icon-visa,
form .input input[type=radio] + label .icon.icon-mastercard {
  font-size: 4em;
  vertical-align: middle;
  margin: 0 1rem 0 0;
}

form .input input[type=checkbox] + label:before,
form .input input[type=radio] + label:before {
  content: "";
  position: absolute;
  top: 0.3rem;
  left: 0;
  margin-right: 1rem;
  display: inline-block;
  vertical-align: text-top;
  height: 1.8rem;
  width: 1.8rem;
  background: #ffffff;
  border: 1px solid #dbdbdb;
  border-radius: 5px;
  box-sizing: border-box;
  transition: background 0.3s cubic-bezier(0.23, 1, 0.32, 1), border-color 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

form .input input[type=checkbox]:checked + label:before,
form .input input[type=radio]:checked + label:before {
  border-color: #6b2fad;
}

form .input input[type=checkbox]:checked + label:before,
form .input input[type=radio]:checked + label:before {
  background: #6b2fad;
}

form .input input[type=checkbox]:disabled + label,
form .input input[type=radio]:disabled + label {
  color: #888888;
  cursor: auto;
}

form .input input[type=checkbox]:disabled + label:before,
form .input input[type=radio]:disabled + label:before {
  box-shadow: none;
  background: #888888;
}

form .input .input-style2019 {
  padding-left: 16px !important;
  height: 56px !important;
  background: #f6f8f9 0% 0% no-repeat padding-box !important;
  border-radius: 4px 4px 0px 0px !important;
  border: none !important;
  border-bottom: 1px solid #cccccc !important;
}

form .input .input-style2019:hover {
  border-bottom: 1px solid #6b2fad !important;
}

form .input input[type=checkbox]:hover + label:before, form .input input[type=checkbox]:focus + label:before {
  border-color: #6b2fad;
}

form .input input[type=checkbox] + label:after {
  content: "";
  opacity: 0;
  position: absolute;
  left: 0.4rem;
  top: 1.1rem;
  background: #ffffff;
  height: 0.2rem;
  width: 0.2rem;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  transform: rotate(45deg);
}

form .input input[type=checkbox]:checked + label:after {
  opacity: 1;
}

form .input input[type=radio] + label:before {
  height: 1.8rem;
  width: 1.8rem;
  border-radius: 50%;
  border: 1px solid #dbdbdb;
}

form .input input[type=radio]:hover + label:before, form .input input[type=radio]:checked + label:before {
  height: 0.9rem;
  width: 0.9rem;
  margin: 0.4rem 1.5rem 0.4rem 0.4rem;
  border: none;
  box-shadow: 0 0 0 3px #ffffff, 0 0 0 4px #6b2fad;
}

form .input input[type=radio].to-button + label:before {
  opacity: 0;
}

form .input input[type=radio].to-button:hover + label {
  background: #55258a;
  color: #ffffff;
}

form .input input[type=radio].to-button:checked + label {
  background: #6b2fad;
  color: #ffffff;
}

form .input input[type=radio].to-button + label {
  font: normal normal 400 18px/18px "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #ffffff;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  color: #6b2fad;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
  font-size: 16px;
  height: 56px;
  line-height: 20px;
  margin-right: 12px;
  outline: none;
  padding: 1.5rem 1.4rem;
  position: relative;
  text-decoration: none;
  transition: background 0.3s cubic-bezier(0.23, 1, 0.32, 1), color 0.3s cubic-bezier(0.23, 1, 0.32, 1), border 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  text-align: center;
  width: 160px;
}

form .input-group {
  height: auto;
  width: calc(100% + 2rem);
  margin-left: -1rem;
}

@media (max-width: 479px) {
  form .input-group {
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    margin-left: 0;
  }
}
form .input-group .input {
  -ms-flex: 1;
  flex: 1;
  margin-left: 1rem;
  margin-right: 1rem;
  margin-bottom: 2rem;
}

@media (max-width: 479px) {
  form .input-group .input {
    width: 100%;
  }
}
form .validation-error {
  color: #e0182d;
  transition: height 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

@media (max-width: 479px) {
  form .validation-error {
    font-size: 0.8em;
    margin-bottom: 24px;
  }
}
form .list-box > li > .input {
  margin: 0;
}

form .list-box .button-holder {
  height: auto;
  width: 100%;
}

@media (max-width: 479px) {
  form.mobile-height {
    height: 140px;
  }
}
/*
Form Block component

Default styling for form blocks;

.form-block - Form blocks

Markup: ../templates/form/form-block.html

Styleguide form.block
*/
.form-block {
  border-radius: 5px;
  border: 1px solid #dbdbdb;
  overflow: hidden;
  margin: 0 0 40px;
}

.form-block.no-border2019 {
  border: none;
}

.form-block .form-style2019 {
  background: #ffffff;
}

.form-block.progress-spacing {
  margin-top: 40px;
}

.form-block .heading-sub {
  padding: 1.5rem 2rem;
  margin: 0;
  border-bottom: 1px solid #dbdbdb;
}

.form-block .heading-sub.style2019 {
  font-weight: 700;
  padding-bottom: 12px;
  padding-left: 0;
  font-size: 24px;
  line-height: 30px;
  border: none;
  background-color: #ffffff;
  margin-top: 20px;
}

.form-block .link-default {
  color: #6b2fad;
}

.form-block .link-default.link-style2019 {
  margin-top: 24px;
  display: block;
  text-align: center;
}

.form-block .stay-together {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
  height: 24px;
}

@media (max-width: 800px) {
  .form-block .stay-together {
    margin-top: 4px;
    height: 56px;
    -ms-flex-align: center;
    align-items: center;
  }
}
.form-block .list-check {
  padding: 1.5rem 2rem;
}

.form-block .grid .col:nth-child(2n+1) {
  background: #ffffff;
}

@media (max-width: 800px) {
  .form-block .grid .col:nth-child(2n+1) {
    border-right: 0;
    border-bottom: 1px solid #dbdbdb;
  }
}
.form-block .grid .col:nth-child(2n+1).col-no-border2019 {
  border: none;
}

.form-block .grid .col:nth-child(2n+2) {
  background: #f9f9f9;
}

.form-block .grid .col:nth-child(2n+2).col-no-background-color {
  background-color: #ffffff !important;
}

.form-block .grid.inverted .col:nth-child(2n+1) {
  background: #f9f9f9;
  border-right: 0;
}

.form-block .grid.inverted .col:nth-child(2n+2) {
  background: #ffffff;
  border-right: 1px solid #dbdbdb;
}

@media (max-width: 1024px) {
  .form-block .grid.inverted .col:nth-child(2n+2) {
    border-right: 0;
    border-bottom: 1px solid #dbdbdb;
  }
}
.form-block form {
  padding: 2rem;
  box-sizing: border-box;
}

.form-block form .btn {
  margin: 0 1rem 0 0;
}

.form-block form.form-no-padding {
  padding-left: 0;
  padding-right: 0;
}

.form-block .form-block-footer {
  background: #ffffff;
  padding: 1.5rem 2rem;
  border-top: 1px solid #dbdbdb;
}

@media (max-width: 479px) {
  .form-block .form-block-footer {
    padding: 0rem;
  }
}
/*
Lists

.list-default               - A default list.

Markup: ../templates/lists/list-default.html

Styleguide lists
*/
.list-default > *, .list-box > *, .list-specs > *, .list-check > *, .list-bullets > * {
  padding: 0.3em 0;
  margin: 0;
}

/*
Lists Bullets

A list with purple dots

.list-bullets               - A bullet list.

Markup: ../templates/lists/list-bullets.html

Styleguide lists.bullets
*/
.list-bullets li {
  position: relative;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.list-bullets li:before {
  content: "";
  height: 0.5rem;
  width: 0.5rem;
  background: #6b2fad;
  border-radius: 50%;
  position: absolute;
  top: 0.87em;
  left: 0;
}

/*
Lists Checked

.list-check               - A checklist.
.list-check.dividers      - A checklist with bottom borders.

Markup: ../templates/lists/list-check.html

Styleguide lists.checked
*/
.list-check li {
  position: relative;
  padding-left: 1.19em;
}

.list-check li.li-no-padding {
  padding-left: 0;
}

.list-check li .icon-check {
  font-size: 1.8em;
  color: #00dbdb;
  margin: 0 0.45rem 0 0;
  position: absolute;
  top: 0.3em;
  left: 0;
}

.list-check li .icon-check-full {
  color: #00dbdb;
  width: 16px !important;
  height: 16px;
  margin-right: 16px;
}

.list-check.dividers li {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #dbdbdb;
}

.list-check.dividers li:last-child {
  border-bottom: 0;
}

.list-check.dividers li .icon-check {
  top: 0.4em;
}

/*
Lists Specs

.list-specs               - A specslist.

Markup: ../templates/lists/list-specs.html

Styleguide lists.specs
*/
.list-specs {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}

.list-specs dt,
.list-specs dd {
  padding: 0.8rem 0;
}

.list-specs dt:nth-child(4n+1), .list-specs dt:nth-child(4n+2),
.list-specs dd:nth-child(4n+1),
.list-specs dd:nth-child(4n+2) {
  background: #f9f9f9;
}

.list-specs dt {
  height: 100%;
  width: 66.66%;
  padding-left: 0.8rem;
  box-sizing: border-box;
}

.list-specs dd {
  height: 100%;
  width: 33.33%;
  text-align: center;
}

.list-specs dd .icon-check {
  font-size: 1.9em;
  color: #00dbdb;
}

/*
Lists Box

.list-box               - lists wrapped in a box.

Markup: ../templates/lists/list-box.html

Styleguide lists.box
*/
.list-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  border: 1px solid #dbdbdb;
  border-radius: 5px;
  box-sizing: border-box;
  overflow: hidden;
  margin: 0 0 40px;
}

.list-box.bundle-action {
  -ms-flex-direction: column;
  flex-direction: column;
}

.list-box.bundle-action .bundle-action-border {
  border-bottom: 1px solid #dbdbdb;
}

.list-box.is-open {
  height: auto;
}

.list-box.is-open.partially-visible {
  height: 40px;
}

.list-box.package-selector li {
  padding: 1rem;
}

.list-box.package-selector .col:first-child {
  min-width: 40% !important;
}

@media (max-width: 1024px) {
  .list-box.package-selector .col:first-child {
    min-width: 35% !important;
  }
}
@media (max-width: 479px) {
  .list-box.package-selector .col:first-child {
    min-width: 40% !important;
  }
}
.list-box.package-selector .pricing-mobile {
  display: block !important;
}

.list-box.package-selector.is-open li:not(.title):not(.extra-hidden) {
  padding: 0.5rem 1rem;
}

@media only screen and (max-width: 350px) {
  .list-box.package-selector.is-open li:not(.title):not(.extra-hidden) {
    padding: 1.5rem 1rem 0.5rem 1rem;
  }
}
@media only screen and (max-width: 350px) {
  .list-box.package-selector .grid {
    margin: 0 0 1rem 0;
  }
}
.list-box.package-selector .grid .col:first-child {
  -ms-flex: 0;
  flex: 0;
  min-width: 40%;
}

.list-box.package-selector .grid .col:first-child span {
  font-size: 1.4rem;
}

.list-box.package-selector .grid .col:first-child span .copy-small {
  word-break: break-word;
}

.list-box.package-selector .grid .col:first-child:not(.btn) span {
  margin-right: 0;
}

.list-box.package-selector .grid .col:last-child {
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
}

.list-box .bundle-wrapper {
  border-top: 1px solid #dbdbdb;
}

.list-box .bundle-wrapper > li, .list-box > li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  background: #ffffff;
  border-bottom: 1px solid #dbdbdb;
  padding: 1.4rem;
  box-sizing: border-box;
}

.list-box .bundle-wrapper > li .icon-arrow-right,
.list-box .bundle-wrapper > li .icon-arrow-down,
.list-box .bundle-wrapper > li .icon-info, .list-box > li .icon-arrow-right,
.list-box > li .icon-arrow-down,
.list-box > li .icon-info {
  font-size: 2em;
  color: #6b2fad;
  transition: color 0.3s cubic-bezier(0.23, 1, 0.32, 1), transform 0.3s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
}

.list-box .bundle-wrapper > li .icon-info:hover, .list-box > li .icon-info:hover {
  color: #6b2fad;
}

.list-box .bundle-wrapper > li .btn .icon, .list-box > li .btn .icon {
  color: #ffffff;
}

.list-box .bundle-wrapper > li form, .list-box > li form {
  -ms-flex: 1;
  flex: 1;
}

.list-box .bundle-wrapper > li > .inner, .list-box > li > .inner {
  width: 100%;
}

.list-box .bundle-wrapper > li > .inner.heading-sub, .list-box > li > .inner.heading-sub {
  margin: 0;
}

.list-box .bundle-wrapper > li > .inner.heading-sub a, .list-box > li > .inner.heading-sub a {
  width: 100%;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.list-box .bundle-wrapper > li > .inner:hover .icon-arrow-right, .list-box > li > .inner:hover .icon-arrow-right {
  transform: translateX(0.5rem);
}

.list-box .bundle-wrapper > li > .inner:hover .icon-arrow-down, .list-box > li > .inner:hover .icon-arrow-down {
  transform: translateY(0.5rem);
}

.list-box .bundle-wrapper > li:last-child, .list-box > li:last-child {
  border-bottom: 0;
}

.list-box .bundle-wrapper > li.is-open > .inner .icon-arrow-down, .list-box > li.is-open > .inner .icon-arrow-down {
  transform: rotateZ(-180deg);
}

.list-box .bundle-wrapper > li.is-open > .inner:hover .icon-arrow-down, .list-box > li.is-open > .inner:hover .icon-arrow-down {
  transform: rotateZ(-180deg) translateY(0.5rem);
}

.list-box .bundle-wrapper > li.is-open .hider, .list-box > li.is-open .hider {
  height: auto;
  padding-top: 2rem;
}

.list-box .bundle-wrapper > li.title h1,
.list-box .bundle-wrapper > li.title h2,
.list-box .bundle-wrapper > li.title h3,
.list-box .bundle-wrapper > li.title h4,
.list-box .bundle-wrapper > li.title h5,
.list-box .bundle-wrapper > li.title h6, .list-box > li.title h1,
.list-box > li.title h2,
.list-box > li.title h3,
.list-box > li.title h4,
.list-box > li.title h5,
.list-box > li.title h6 {
  display: inline-block;
  margin: 0;
  width: auto;
}

.list-box .bundle-wrapper > li.title.display-message, .list-box > li.title.display-message {
  padding-bottom: 2em;
}

.list-box .bundle-wrapper > li.bg-gray, .list-box > li.bg-gray {
  background: #f9f9f9;
}

.list-box .bundle-wrapper > li.extra-hidden, .list-box > li.extra-hidden {
  padding: 0;
  height: 0;
  overflow: hidden;
  border-bottom: 0;
}

.list-box .bundle-wrapper > li.extra-hidden.is-revealed, .list-box > li.extra-hidden.is-revealed {
  height: auto;
  padding: 1.4rem;
  border-bottom: 1px solid #dbdbdb;
}

.list-box .bundle-wrapper > li .grid, .list-box > li .grid {
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.list-box .bundle-wrapper > li .grid .col, .list-box > li .grid .col {
  max-width: none;
}

@media (max-width: 800px) {
  .list-box .bundle-wrapper > li .grid .col, .list-box > li .grid .col {
    margin: 0;
  }
}
@media (max-width: 479px) {
  .list-box .bundle-wrapper > li .grid .col, .list-box > li .grid .col {
    padding-right: 0.5rem;
  }
}
.list-box .bundle-wrapper > li .grid .col:first-child, .list-box > li .grid .col:first-child {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  text-align: left;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.list-box .bundle-wrapper > li .grid .col:first-child > *:not(.btn), .list-box > li .grid .col:first-child > *:not(.btn) {
  margin-right: 0.8rem;
}

@media (max-width: 800px) {
  .list-box .bundle-wrapper > li .grid .col:first-child, .list-box > li .grid .col:first-child {
    text-align: left;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
.list-box .bundle-wrapper > li .grid .col:last-child, .list-box > li .grid .col:last-child {
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
  text-align: right;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.list-box .bundle-wrapper > li .grid .col:last-child > *:not(.btn), .list-box > li .grid .col:last-child > *:not(.btn) {
  margin-left: 0.8rem;
}

@media (max-width: 479px) {
  .list-box .bundle-wrapper > li .grid .col:last-child > *:not(.btn), .list-box > li .grid .col:last-child > *:not(.btn) {
    margin-left: 0;
  }
}
.list-box .bundle-wrapper > li .grid .fixed-height, .list-box > li .grid .fixed-height {
  height: 48px;
}

@media (max-width: 479px) {
  .list-box .bundle-wrapper > li .grid .pricing-mobile, .list-box > li .grid .pricing-mobile {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
  }
}
.list-box .bundle-wrapper > li .grid.column-70-30, .list-box > li .grid.column-70-30 {
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.list-box .bundle-wrapper > li .grid.column-70-30 .col:last-child > *:not(.btn), .list-box > li .grid.column-70-30 .col:last-child > *:not(.btn) {
  margin-left: unset;
}

.list-box .bundle-wrapper > li .domainname, .list-box > li .domainname {
  font-size: 1.6rem;
  color: #6b2fad;
  text-align: left;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.list-box .bundle-wrapper > li .domainname .domainextension, .list-box > li .domainname .domainextension {
  color: #000000;
  font-weight: 400;
}

.list-box .bundle-wrapper > li .domainname #extension, .list-box > li .domainname #extension {
  display: inline-block;
}

.list-box .bundle-wrapper > li .domainname .domainextension-light, .list-box > li .domainname .domainextension-light {
  color: #000000;
}

@media only screen and (max-width: 350px) {
  .list-box .bundle-wrapper > li .domainname, .list-box > li .domainname {
    font-size: 1.4rem;
  }
}
.list-box .bundle-wrapper > li .domain-item-label, .list-box > li .domain-item-label {
  background: #ff8800;
  border-radius: 0.4rem;
  color: #ffffff;
  font-size: 1.4rem;
  font-weight: 700;
  margin-right: 3rem;
  padding: 0.5rem 1rem;
  text-align: center;
}

@media (max-width: 576px) {
  .list-box .bundle-wrapper > li .domain-item-label, .list-box > li .domain-item-label {
    font-size: 1rem;
  }
}
@media only screen and (max-width: 350px) {
  .list-box .bundle-wrapper > li .domain-item-label, .list-box > li .domain-item-label {
    display: none;
  }
}
.list-box .bundle-wrapper > li .action-label, .list-box > li .action-label {
  background: #f7f4fb;
  color: #646f79;
  font-size: 1.4rem;
  font-weight: bold;
  margin-right: 4rem;
  padding: 0.8rem 1.6rem;
  text-align: center;
}

@media (max-width: 479px) {
  .list-box .bundle-wrapper > li .action-label.display-mobile-small, .list-box > li .action-label.display-mobile-small {
    display: inline-block !important;
  }
}
@media (max-width: 479px) {
  .list-box .bundle-wrapper > li .action-label, .list-box > li .action-label {
    margin-right: 0;
    padding: 0 1.6rem;
  }
}
.list-box .bundle-wrapper > li .price, .list-box > li .price {
  font-size: 1.6rem;
  display: inline-block;
  position: relative;
  text-align: right;
  font-weight: 700;
  min-width: 50px;
  margin-left: 0.5rem;
}

.list-box .bundle-wrapper > li .price small, .list-box > li .price small {
  margin: 0.5rem 2em 0 0;
  position: absolute;
  top: 75%;
  right: -25px;
  white-space: nowrap;
  color: #888888;
}

@media only screen and (max-width: 350px) {
  .list-box .bundle-wrapper > li .price, .list-box > li .price {
    font-size: 1.4rem;
  }
}
.list-box .bundle-wrapper > li .strike, .list-box > li .strike {
  font-size: 1.4rem;
}

.list-box .bundle-wrapper > li .beta, .list-box > li .beta {
  background-color: #e1e1e1;
  padding: 0.3em 0.8em;
  color: #767676;
  font-weight: bold;
  font-size: 0.8em;
  border-radius: 0.3rem;
  margin-left: 0.2rem;
}

.list-box .bundle-wrapper > li .package-status, .list-box > li .package-status {
  color: #888888;
  font-weight: 400;
}

.list-box .bundle-wrapper > li .package-status .icon, .list-box > li .package-status .icon {
  font-size: 3em;
  color: #6b2fad;
  margin: 0 0.4rem;
  vertical-align: middle;
}

.list-box .bundle-wrapper > li .copy-small:before, .list-box > li .copy-small:before {
  content: "";
  display: block;
}

.list-box .bundle-wrapper > li .btn.small, .list-box > li .btn.small {
  width: 12rem;
  min-width: 12rem;
  margin-right: 1.6rem;
}

.list-box .bundle-wrapper > li .btn.o-icon, .list-box > li .btn.o-icon {
  width: 2rem;
  min-width: 2rem;
  margin-right: 0.8rem;
  margin-left: 1.6rem;
}

.list-box .bundle-wrapper > li .hider,
.list-box .bundle-wrapper > li .additional, .list-box > li .hider,
.list-box > li .additional {
  padding-top: 2rem;
  box-sizing: border-box;
  transition: height 0.3s cubic-bezier(0.23, 1, 0.32, 1), padding 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  min-width: 10rem;
  width: 39rem;
}

.list-box .bundle-wrapper > li .hider.aligned,
.list-box .bundle-wrapper > li .additional.aligned, .list-box > li .hider.aligned,
.list-box > li .additional.aligned {
  padding-left: 13.6rem;
}

@media (max-width: 800px) {
  .list-box .bundle-wrapper > li .hider.aligned,
  .list-box .bundle-wrapper > li .additional.aligned, .list-box > li .hider.aligned,
  .list-box > li .additional.aligned {
    padding-left: 0;
  }
}
.list-box .bundle-wrapper > li .additional.funnel-delete, .list-box > li .additional.funnel-delete {
  padding-top: 1rem;
}

.list-box .bundle-wrapper > li.funnel-not-available, .list-box > li.funnel-not-available {
  background: #f4f4f4;
}

.list-box .bundle-wrapper > li .hider, .list-box > li .hider {
  height: 0;
  width: 100%;
  padding-top: 0;
  overflow: hidden;
}

.list-box .bundle-wrapper > li .hider.is-open, .list-box > li .hider.is-open {
  height: auto;
  padding-top: 2rem;
}

@media (max-width: 479px) {
  .list-box .bundle-wrapper > li .additional .grid.column-66-33 > .col:nth-child(2n+1), .list-box > li .additional .grid.column-66-33 > .col:nth-child(2n+1) {
    display: block;
    -ms-flex-preferred-size: 66%;
    flex-basis: 66%;
    max-width: 66%;
  }
  .list-box .bundle-wrapper > li .additional .grid.column-66-33 > .col:nth-child(2n+2), .list-box > li .additional .grid.column-66-33 > .col:nth-child(2n+2) {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%;
    -ms-flex-pack: end;
    justify-content: flex-end;
    max-width: 33%;
  }
}
.list-box .bundle-wrapper > li .additional .heading-copy, .list-box > li .additional .heading-copy {
  font-weight: 300;
}

.list-box .bundle-wrapper > li .additional .heading-copy .icon, .list-box > li .additional .heading-copy .icon {
  font-size: 3em;
  vertical-align: middle;
  color: #6b2fad;
  margin: 0 0.2em 0 0;
}

.list-box .bundle-wrapper > li .additional .heading-copy .icon.icon-remove, .list-box > li .additional .heading-copy .icon.icon-remove {
  color: #888888;
  font-size: 2em;
  margin: 0 0 0 0.2em;
  transition: color 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

.list-box .bundle-wrapper > li .additional .heading-copy .icon.icon-remove:hover, .list-box > li .additional .heading-copy .icon.icon-remove:hover {
  color: #6b2fad;
}

.list-box .bundle-wrapper > li .additional #funnel-delete svg, .list-box > li .additional #funnel-delete svg {
  font-size: 3em;
  vertical-align: middle;
  margin: 0 0.2em 0 0;
}

.list-box .bundle-wrapper > li .additional .list-bullets, .list-box > li .additional .list-bullets {
  margin: 0 0 2rem 2.5em;
}

.list-box .bundle-wrapper > li .summary, .list-box > li .summary {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  color: #888888;
  text-align: right;
}

.list-box .bundle-wrapper > li .summary .grid.column-66-33 .col:nth-child(2n+1), .list-box > li .summary .grid.column-66-33 .col:nth-child(2n+1) {
  -ms-flex-preferred-size: 66.66%;
  flex-basis: 66.66%;
  max-width: 66.66%;
}

.list-box .bundle-wrapper > li .summary .grid.column-66-33 .col:nth-child(2n+2), .list-box > li .summary .grid.column-66-33 .col:nth-child(2n+2) {
  -ms-flex-preferred-size: 33.33%;
  flex-basis: 33.33%;
  max-width: 33.33%;
}

.list-box .bundle-wrapper > li .summary .list-default, .list-box .bundle-wrapper > li .summary .list-bullets, .list-box .bundle-wrapper > li .summary .list-check, .list-box .bundle-wrapper > li .summary .list-specs, .list-box .bundle-wrapper > li .summary .list-box, .list-box > li .summary .list-default, .list-box > li .summary .list-bullets, .list-box > li .summary .list-check, .list-box > li .summary .list-specs, .list-box > li .summary .list-box {
  text-align: right;
}

.list-box .bundle-wrapper > li .summary .heading-featured, .list-box > li .summary .heading-featured {
  color: #000000;
  margin: 0;
}

@media (max-width: 479px) {
  .list-box .bundle-wrapper > li .summary .heading-featured, .list-box > li .summary .heading-featured {
    font: normal normal 300 14px/18px "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  }
}
.list-box .bundle-wrapper > li .summary .heading-featured .copy-caption, .list-box > li .summary .heading-featured .copy-caption {
  display: inline-block;
}

.list-box .bundle-wrapper > li .summary .copy-caption, .list-box > li .summary .copy-caption {
  display: block;
}

.list-box .bundle-wrapper > li .link-purple, .list-box > li .link-purple {
  color: #6b2fad;
}

@media screen and (max-width: 1024px) {
  .list-box .bundle-wrapper > li .title-text, .list-box > li .title-text {
    font-size: medium;
  }
  .list-box .bundle-wrapper > li .mobile-link, .list-box > li .mobile-link {
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 20px;
  }
  .list-box .bundle-wrapper > li .mobile-link:empty, .list-box > li .mobile-link:empty {
    display: none;
  }
  .list-box .bundle-wrapper > li .mobile-button, .list-box > li .mobile-button {
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .list-box.package-selector li .heading-sub span {
    display: none;
  }
}
.list-box.double li {
  width: 50%;
}

@media (max-width: 800px) {
  .list-box.double li {
    width: 100%;
  }
}
.list-box.double li:nth-child(2n+1) {
  border-right: 1px solid #dbdbdb;
}

@media (max-width: 800px) {
  .list-box.double li:nth-child(2n+1) {
    border-right: 0;
  }
}
.list-box.double li:nth-last-child(2) {
  border-bottom: 0;
}

@media (max-width: 800px) {
  .list-box.double li:nth-last-child(2) {
    border-bottom: 1px solid #dbdbdb;
  }
}
.list-box.double li.title {
  border-right: 0;
}

@media (max-width: 800px) {
  .list-box.double li.title + li {
    display: none;
  }
}
/*
List social

List component.

.list-social - social share bar.

Markup: ../templates/lists/list-social.html

Styleguide lists.social
*/
.list-social {
  background: #ffffff;
  padding: 2rem 0;
}

.list-social li {
  display: inline-block;
  margin: 0 0.5rem;
  font-size: 8rem;
}

.list-social li .icon.icon-twitter {
  color: #00b6f1;
}

.list-social li .icon.icon-facebook {
  color: #3b5998;
}

.list-social li .icon.icon-linkedin {
  color: #007bb6;
}

.list-social li .icon.icon-youtube {
  color: #cd201f;
}

.list-social li .icon.icon-instagram {
  color: #f00075;
}

/*
List Steps

List steps component.

.list-steps - Steps wizard list.

Markup: ../templates/lists/list-steps.html

Styleguide lists.steps
*/
.list-steps {
  -ms-flex-pack: justify;
  justify-content: space-between;
  counter-reset: list-item;
  color: #6b2fad;
  margin: 0 0 40px;
}

@media (max-width: 479px) {
  .list-steps.list-steps-style2019 {
    margin-top: 24px;
  }
}
.list-steps li {
  width: 100%;
  pointer-events: none;
  counter-increment: list-item;
}

.list-steps li a {
  white-space: nowrap;
  position: relative;
}

@media (max-width: 767px) {
  .list-steps li a {
    margin: 0 0.5rem 0 0;
  }
  .list-steps li a .label {
    display: none;
  }
}
.list-steps li a:before {
  content: counter(list-item);
  display: inline-block;
  height: 3rem;
  width: 3rem;
  -ms-flex: 0 0 3rem;
  flex: 0 0 3rem;
  font-weight: 700;
  text-align: center;
  border-radius: 50%;
  border: 1px solid currentColor;
  box-sizing: border-box;
  margin: 0 1rem 0 0;
  padding: 0.2rem 0;
}

@media (max-width: 767px) {
  .list-steps li a:before {
    margin: 0 0.5rem 0 0;
  }
}
.list-steps li:after {
  content: "";
  height: 1px;
  width: 100%;
  margin: 0 1rem;
  background: currentColor;
  display: block;
}

@media (max-width: 767px) {
  .list-steps li:after {
    display: none;
  }
}
.list-steps li:last-child {
  width: auto;
}

.list-steps li:last-child :after {
  display: none;
}

.list-steps li.is-current a:before {
  background: #6b2fad;
  color: #ffffff;
}

@media (max-width: 767px) {
  .list-steps li.is-current a .label {
    display: inline;
  }
}
.list-steps li.is-complete {
  opacity: 0.5;
  pointer-events: auto;
}

.list-steps li.is-complete .icon {
  position: absolute;
  height: 1.5rem;
  width: 1.5rem;
  top: 0.7rem;
  left: 0.7rem;
  color: #ffffff;
}

.list-steps li.is-complete a:before {
  background: #6b2fad;
  background-size: 2rem;
  color: transparent;
}

ol.list-ordered {
  counter-reset: item;
  font-size: 20px;
  list-style-type: none;
  padding: 0;
}

ol.list-ordered.campaign-jan-2020 {
  font-size: 16px;
}

ol.list-ordered.campaign-jan-2020 a {
  color: #6b2fad;
}

ol.list-ordered li {
  display: block;
  padding-bottom: 16px;
}

ol.list-ordered li:before {
  color: #6b2fad;
  content: counter(item, decimal-leading-zero) ". ";
  counter-increment: item;
  direction: rtl;
  font-weight: 700;
  width: 15px;
}

/* helpers to format code nicely */
.fixed-height-lg {
  height: 70px;
}

.negative-gap-small {
  margin-top: -6px;
  display: -ms-flexbox;
  display: flex;
}

/**
* Dummy class to fake a price element
*/
.dummy-price {
  margin-right: 2em;
  width: 30px;
  display: none;
}

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .list-steps {
      counter-reset: list-item 1;
    }
  }
}
.ab-0210 {
  display: none;
}

/*
Grid

A global grid that can be used for deviding elements within a certain grid.
The grid should be modified for every breakpoint using a device prefix:

- grid.column-33<strong>.tablet-column-[your desired column size for tablet].mobile-column-[your desired column size for mobile]</strong>

In case it's desired to keep a certain styling for all breakpoints. Just use a single (non prefixed) classname:

- grid.column-33 (this will be applied for tablet and mobile as well)

You can have control over the gap sizes in between the columns.
Following modifier classes are available:

- glued
- extra-spacing
- reduced-spacing
- minimal-spacing

See _variables.scss for the column gaps.

The grid supports the following grid unlimited layouts it's currently configured as:

- 1 column
- 2 columns
- 3 columns
- 4 columns

Styleguide grid
*/
/*
Grid Single Column

.column-100 - Column 100

Markup:
<div class="grid {{ modifier_class }}">
	<div class="col"><div style="background: #6A35AA; height: 100px"></div></div>
</div>

Styleguide grid.column-100
*/
/*
Grid Two Columns

.column-50 - Column 50/50

Markup:
<div class="grid {{ modifier_class }}">
	<div class="col"><div style="background: #6A35AA; height: 100px"></div></div>
	<div class="col"><div style="background: #6A35AA; height: 100px"></div></div>
</div>

Styleguide grid.column-50
*/
/*
Grid Three Columns

.column-33 - Column 33/33/33

Markup:
<div class="grid {{ modifier_class }}">
	<div class="col"><div style="background: #6A35AA; height: 100px"></div></div>
	<div class="col"><div style="background: #6A35AA; height: 100px"></div></div>
	<div class="col"><div style="background: #6A35AA; height: 100px"></div></div>
</div>

Styleguide grid.column-33
*/
/*
Grid Four Columns

.column-25 - Column 25/25/25/25

Markup:
<div class="grid {{ modifier_class }}">
	<div class="col"><div style="background: #6A35AA; height: 100px"></div></div>
	<div class="col"><div style="background: #6A35AA; height: 100px"></div></div>
	<div class="col"><div style="background: #6A35AA; height: 100px"></div></div>
	<div class="col"><div style="background: #6A35AA; height: 100px"></div></div>
</div>

Styleguide grid.column-25
*/
/*
Grid 66/33 Columns

This grid has been designed for this project specifically. It's meant to be used for
content with a sidebar or something similar.

.column-66-33 - Column 66/33

Markup:
<div class="grid {{ modifier_class }}">
	<div class="col"><div style="background: #6A35AA; height: 100px"></div></div>
	<div class="col"><div style="background: #6A35AA; height: 100px"></div></div>
</div>

Styleguide grid.column-66-33
*/
/*
Grid Gap Sizes

You can apply various gap sizes to each grid instance. Choose your gapsize using:

.column-25 - Default gap size.
.glued - Glued gap size.
.extra-spacing - Extra spacing gap size.
.reduced-spacing - Reduced spacing gap size.
.minimal-spacing - Minimal spacing gap size.

Markup:
<div class="grid column-25 {{ modifier_class }}">
	<div class="col"><div style="background: #6A35AA; height: 100px"></div></div>
	<div class="col"><div style="background: #6A35AA; height: 100px"></div></div>
	<div class="col"><div style="background: #6A35AA; height: 100px"></div></div>
	<div class="col"><div style="background: #6A35AA; height: 100px"></div></div>
</div>

Styleguide grid.gapsizes
*/
/*
Grid Alignment

By default, all grid items are aligned to the top of the grid.
This could be manipulated by using one of the following modifier classes.

.align-middle - Aligns the items in the middle of the grid.
.align-bottom - Aligns the items to the bottom of the grid.

Markup:
<div class="grid column-25 {{ modifier_class }}" style="height: 200px">
	<div class="col"><div style="background: #6A35AA; width: 100%; height: 100px"></div></div>
	<div class="col"><div style="background: #6A35AA; width: 100%; height: 100px"></div></div>
	<div class="col"><div style="background: #6A35AA; width: 100%; height: 100px"></div></div>
	<div class="col"><div style="background: #6A35AA; width: 100%; height: 100px"></div></div>
</div>

Styleguide grid.alignments
*/
/*
Grid column Alignment

By default, a single grid item is aligned to the top of the grid.
This could be manipulated by using one of the following modifier classes.

.align-middle - Aligns the item in the middle of the grid.
.align-bottom - Aligns the item to the bottom of the grid.

Markup:
<div class="grid column-25" style="height: 200px">
	<div class="col"><div style="color: #FFF; background: #6A35AA; text-align: center; width: 100%; height: 100px">(default) .align-top</div></div>
	<div class="col {{ modifier_class }}"><div style="color: #FFF; background: #6A35AA; text-align: center; width: 100%; height: 100px">.{{ modifier_class }}</div></div>
	<div class="col {{ modifier_class }}"><div style="color: #FFF; background: #6A35AA; text-align: center; width: 100%; height: 100px">.{{ modifier_class }}</div></div>
	<div class="col"><div style="color: #FFF; background: #6A35AA; text-align: center; width: 100%; height: 100px">(default) .align-top</div></div>
</div>

Styleguide grid.item-alignment
*/
.grid {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.grid.inverted {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.grid .col {
  box-sizing: border-box;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.grid .col.extra-spacing {
  padding: 0 20px 0;
}

.grid.column-100 > .col {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

.grid.column-50 > .col {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}

.grid.column-33 > .col {
  -ms-flex-preferred-size: 33.3333333333%;
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
}

.grid.column-25 > .col {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
}

.grid {
  width: calc(100% + 20px);
  margin: 0 -10px;
}

.grid .col {
  padding: 0 10px 0;
}

.grid.extra-spacing {
  width: calc(100% + 50px);
  margin: 0 -25px;
}

.grid.extra-spacing .col {
  padding: 0 25px 0;
}

.grid.reduced-spacing {
  width: calc(100% + 10px);
  margin: 0 -5px;
}

.grid.reduced-spacing .col {
  padding: 0 5px 0;
}

.grid.minimal-spacing {
  width: calc(100% + 2px);
  margin: 0 -1px;
}

.grid.minimal-spacing .col {
  padding: 0 1px 0;
}

.grid.glued {
  width: 100%;
  margin: 0;
}

.grid.glued .col {
  padding: 0 0 0;
}

@media (max-width: 1024px) {
  .grid.tablet-column-100 > .col {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .grid.tablet-column-50 > .col {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .grid.tablet-column-33 > .col {
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .grid.tablet-column-25 > .col {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
}
@media (max-width: 800px) {
  .grid.tablet-portrait-column-100 > .col {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .grid.tablet-portrait-column-50 > .col {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .grid.tablet-portrait-column-33 > .col {
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .grid.tablet-portrait-column-25 > .col {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
}
@media (max-width: 767px) {
  .grid.mobile-column-100 > .col {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .grid.mobile-column-50 > .col {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .grid.mobile-column-33 > .col {
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .grid.mobile-column-25 > .col {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
}
@media (max-width: 479px) {
  .grid.mobile-portrait-column-100 > .col {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .grid.mobile-portrait-column-50 > .col {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .grid.mobile-portrait-column-33 > .col {
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .grid.mobile-portrait-column-25 > .col {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
}
.grid.grid-center {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-pack: center;
  justify-content: center;
}

.grid.grid-start {
  -ms-flex-align: start;
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}

.grid.column-66-33 > .col:nth-child(2n+1) {
  -ms-flex-preferred-size: 66.66%;
  flex-basis: 66.66%;
  max-width: 66.66%;
}

.grid.column-66-33 > .col:nth-child(2n+2) {
  -ms-flex-preferred-size: 33.33%;
  flex-basis: 33.33%;
  max-width: 33.33%;
}

.grid.column-66-33.inverted > .col:nth-child(2n+1) {
  -ms-flex-preferred-size: 33.33%;
  flex-basis: 33.33%;
  max-width: 33.33%;
}

.grid.column-66-33.inverted > .col:nth-child(2n+2) {
  -ms-flex-preferred-size: 66.66%;
  flex-basis: 66.66%;
  max-width: 66.66%;
}

@media (max-width: 800px) {
  .grid.column-66-33 > .col:first-child, .grid.column-66-33 > .col:last-child, .grid.column-66-33.inverted > .col:first-child, .grid.column-66-33.inverted > .col:last-child {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
}
.grid.column-60-40 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}

.grid.column-60-40 > .col:nth-child(2n+1) {
  -ms-flex-preferred-size: 60.2765%;
  flex-basis: 60.2765%;
  max-width: 60.2765%;
}

@media (max-width: 800px) {
  .grid.column-60-40 > .col:first-child, .grid.column-60-40 > .col:last-child, .grid.column-60-40.inverted > .col:first-child, .grid.column-60-40.inverted > .col:last-child {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
}
.grid.column-70-30 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}

.grid.column-70-30 > .col:nth-child(2n+1) {
  -ms-flex-preferred-size: 9.542%;
  flex-basis: 9.542%;
  max-width: 9.542%;
}

.grid.column-70-30 > .col:nth-child(2n+2) {
  -ms-flex-preferred-size: 56.606%;
  flex-basis: 56.606%;
  max-width: 56.606%;
}

@media (max-width: 800px) {
  .grid.column-70-30 > .col:first-child, .grid.column-70-30 > .col:last-child {
    -ms-flex-preferred-size: 100% !important;
    flex-basis: 100% !important;
    max-width: 100% !important;
  }
}
/*
Icons

Overview of all available icons. Use the inspector to find out which classes and markup to use for each icon.
NOTE: Be aware of the external file loading in the svg. Change this with the proper link.

.icon - default icon class.

Markup: ../templates/icons.html

Styleguide icons
*/
.icon {
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}

.icon.hamburger-wrapper {
  display: none;
}

@media (max-width: 833px) {
  .icon.hamburger-wrapper {
    margin-right: 24px;
    color: black;
    display: -ms-flexbox;
    display: flex;
    font-size: 48px;
  }
}
.icon.icon-do-not-enter {
  color: #e0182d;
  height: 20px;
  position: absolute;
  right: 5.9rem;
  top: 35%;
  width: 20px;
}

@media (max-width: 479px) {
  .icon.icon-do-not-enter {
    height: 15px;
    top: 30%;
    width: 15px;
  }
}
.icon.icon-wrapper2019 {
  margin-right: 6px;
  font-size: 18px;
}

/* ==========================================
Single-colored icons can be modified like so:
.icon-name {
  font-size: 32px;
  color: red;
}
========================================== */
.icon-md-logo {
  width: 4.0908203125em;
}

/*
Icons interactive

Overview of all available icons. Use the inspector to find out which classes and markup to use for each icon.
NOTE: Be aware of the external file loading in the svg. Change this with the proper link.

.icon-play - Animated version of play icon.

Markup:
<a class="link-play" href="">
    <span class="icon-play">
        <span class="lines">
            <span class="line"></span>
            <span class="line"></span>
            <span class="line"></span>
        </span>
    </span>
</a>

Styleguide icons.interactive
*/
.link-play {
  transition: color 0.2s 0.2s cubic-bezier(0.23, 1, 0.32, 1);
}

.link-play .icon-play {
  height: 0.5em;
  width: 0.5em;
  border: 0.03em solid #ffffff;
  display: inline-block;
  border-radius: 50%;
  position: relative;
  transition: border-color 0.2s 0.2s cubic-bezier(0.23, 1, 0.32, 1);
}

.link-play .icon-play .lines {
  height: 50%;
  width: 50%;
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 50%;
  right: auto;
  transform: translate(-50%, -50%);
  left: 56%;
  display: inline-block;
}

.link-play .icon-play .lines .line {
  height: 100%;
  width: 0.03em;
  display: block;
  background: #ffffff;
  border-radius: 0.03em;
  position: absolute;
  top: 0;
  left: 0;
}

.link-play .icon-play .lines .line:before {
  content: "";
  height: 0;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #6b2fad;
}

.link-play .icon-play .lines .line:nth-child(1):before {
  top: auto;
  transition: height 0.1s 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

.link-play .icon-play .lines .line:nth-child(2) {
  transform-origin: top right;
  transform: rotateZ(-63deg);
}

.link-play .icon-play .lines .line:nth-child(2):before {
  transition: height 0.1s 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

.link-play .icon-play .lines .line:nth-child(3) {
  transform-origin: bottom right;
  transform: rotateZ(63deg);
}

.link-play .icon-play .lines .line:nth-child(3):before {
  transition: height 0.1s 0s cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

.link-play:hover {
  color: #6b2fad;
  transition: color 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

.link-play:hover .icon-play {
  border-color: #6b2fad;
  transition: border-color 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

.link-play:hover .icon-play .lines .line:before {
  height: 100%;
}

.link-play:hover .icon-play .lines .line:nth-child(1):before {
  transition: height 0.1s 0s cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

.link-play:hover .icon-play .lines .line:nth-child(2):before {
  transition: height 0.1s 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

.link-play:hover .icon-play .lines .line:nth-child(3):before {
  transition: height 0.1s 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

/*
Icons in a rounded box

.icon-rounded - background rounded

Markup:
<span class="icon-rounded">
    <svg class="icon icon-dmp"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../frontend2/main/assets/images/sprite-icons.svg#icon-dmp"></use></svg>
</span>

Styleguide icons.rounded
*/
.icon-rounded {
  height: 1.6em;
  width: 1.6em;
  background: #ff2434;
  color: #ffffff;
  border-radius: 50%;
}

.icon-rounded .icon {
  font-size: 2.048em;
}

.icon-cart-filled {
  height: 9px;
  width: 9px;
  background: #ff2434;
  border-radius: 50%;
  position: relative;
  right: 20%;
  border: 2px solid #f8fafa;
}

/*
    Wrapper for icons
*/
.icon-wrapper {
  padding-top: 4px;
}

.icon-wrapper .icon {
  font-size: 2em;
}

/*
Media

Media element

.media - Media element.
.media.cover - Media element cover.
.media.video - Media element cover.

Markup: ../templates/media.html

Styleguide media
*/
.media {
  position: relative;
  height: 100%;
  width: 100%;
}

.media img,
.media video,
.media iframe {
  height: auto;
  width: 100%;
}

.media video {
  background: #000000;
}

.media.cover {
  height: 100%;
  width: 100%;
}

.media.cover img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  font-family: "object-fit: cover";
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 50%;
  right: auto;
  transform: translate(-50%, -50%);
}

.media.video:before {
  content: "";
  display: block;
  padding-top: 56.25%;
}

.media.video img,
.media.video video,
.media.video iframe {
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 50%;
  right: auto;
  transform: translate(-50%, -50%);
  height: 100%;
  width: 100%;
}

.media.rounded {
  border-radius: 5px;
  overflow: hidden;
}

.media .media-spacing {
  margin: 0 10px;
}

.media .link-play {
  border-radius: 50%;
  padding: 1rem;
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 50%;
  right: auto;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.media .link-play .icon-play {
  display: block;
  font-size: 5.6em;
}

.media.spacing {
  margin: 0 8px;
}

/*
Modal

Modal component.

.modal - Default Button.

Markup: ../templates/modal.html

Styleguide modal
*/
.modal {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s 0.7s cubic-bezier(0.23, 1, 0.32, 1), visibility 0s 1.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -ms-flex-align: center;
  align-items: center;
}

.modal .inner {
  max-height: 100%;
  overflow: auto;
  box-sizing: border-box;
  opacity: 0;
  transition: opacity 0.4s 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: 60rem;
}

@media (max-width: 767px) {
  .modal .inner {
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0;
    width: 100%;
  }
}
.modal .inner .tab-specs .list-tabs li {
  background: #dbdbdb;
}

.modal .inner .tab-specs .list-tabs li.is-open, .modal .inner .tab-specs .list-tabs li:hover {
  background: #ffffff;
  color: #6b2fad;
}

.modal .inner .bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s 0.7s cubic-bezier(0.23, 1, 0.32, 1), visibility 0s 1.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

.modal .btn-close {
  color: #ffffff;
  display: block;
  font-size: 5em;
  position: absolute;
  opacity: 0;
  top: 3rem;
  right: 3rem;
  transform: scale(0.5);
  transition: opacity 0.4s 0.1s cubic-bezier(0.23, 1, 0.32, 1), transform 0.4s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
}

@media (max-width: 767px) {
  .modal .btn-close {
    top: 1rem;
    right: 2rem;
  }
}
.modal .btn-close .icon {
  opacity: 0.8;
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

.modal .btn-close:hover .icon {
  opacity: 1;
  transform: scale(1.1);
}

.modal .btn-close-modal {
  display: block;
  font-size: 6em;
  font-weight: 700;
  color: #95a4ac;
  position: absolute;
  right: 1.6rem;
  top: 1.6rem;
  transform: scale(0.5);
  transition: opacity 0.4s 0.1s cubic-bezier(0.23, 1, 0.32, 1), transform 0.4s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
}

@media (max-width: 767px) {
  .modal .btn-close-modal {
    font-size: 4em;
    right: 1.2rem;
    top: 0.2rem;
  }
}
.modal .btn-close-modal .icon {
  opacity: 0.8;
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

.modal .btn-close-modal:hover .icon {
  transform: scale(1.1);
}

.modal.is-open {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

.modal.is-open .bg {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

.modal.is-open .inner {
  opacity: 1;
  transition: opacity 0.4s 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

.modal.is-open .btn-close {
  opacity: 1;
  transform: scale(1);
  transition: transform 0.4s 0.5s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.4s 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.modal .promotion {
  max-width: 61.6rem;
  padding: 4.8rem;
  margin: 0 auto;
  background: #ffffff;
  text-align: center;
  box-sizing: border-box;
  border-radius: 4px;
}

@media (max-width: 767px) {
  .modal .promotion {
    padding: 3.2rem;
  }
}
.modal .promotion .first-sentence {
  color: #000000;
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .modal .promotion .first-sentence {
    font-size: 18px;
    line-height: 28px;
  }
}
.modal .promotion .second-sentence {
  color: #fff;
  font-size: 36px;
  font-weight: 700;
  line-height: 44px;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .modal .promotion .second-sentence {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 0;
  }
}
.modal .promotion .third-sentence {
  color: #ffffff;
  font-size: 1.8rem;
}

@media (max-width: 767px) {
  .modal .promotion .third-sentence {
    font-size: 1.4rem;
  }
}
.modal .promotion .pricing-and-icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 1.6rem 0;
}

@media (max-width: 767px) {
  .modal .promotion .pricing-and-icon {
    margin: 0;
  }
}
.modal .promotion .icon-popup {
  height: 181px;
  width: 195px;
}

.modal .promotion .period {
  color: #646f79;
  font-size: 24px;
  font-weight: 500;
  line-height: 48px;
  text-align: left;
}

@media (max-width: 767px) {
  .modal .promotion .period {
    font-size: 16px;
    line-height: 32px;
  }
}
.modal .promotion .original-price {
  color: #646f79;
  font-size: 24px;
  font-weight: 500;
  line-height: 48px;
  text-align: left;
  text-decoration: line-through;
}

@media (max-width: 767px) {
  .modal .promotion .original-price {
    font-size: 16px;
    line-height: 32px;
  }
}
.modal .promotion .discount-price {
  font-size: 80px;
  line-height: 48px;
  text-align: left;
}

@media (max-width: 767px) {
  .modal .promotion .discount-price {
    font-size: 48px;
  }
}
.modal .promotion .heading-title {
  color: #6b2fad;
}

.modal .promotion .copy-featured {
  word-break: break-all;
}

.modal .promotion .package-overview {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 5rem 0 3rem;
}

.modal .promotion .package-overview .offered {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 2rem 3rem;
  border: 3px solid #6b2fad;
  border-radius: 20px;
  margin-left: 3rem;
}

.modal .promotion .package-overview .icn-holder {
  position: relative;
  padding: 0 0 1.6rem;
}

.modal .promotion .package-overview .icn-holder .icon {
  font-size: 10.63em;
  color: #6b2fad;
}

@media (max-width: 479px) {
  .modal .promotion .package-overview .icn-holder .icon {
    font-size: 5.3em;
  }
}
.modal .promotion .package-overview .icn-holder small {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.modal .promotion .package-overview .icon-close {
  vertical-align: 50%;
  font-size: 3.75em;
  color: rgba(0, 0, 0, 0.4);
  margin: 0 2.8rem;
  transform: rotateZ(-45deg);
}

@media (max-width: 479px) {
  .modal .promotion .package-overview .icon-close {
    font-size: 1.875em;
    margin: 0 2rem;
  }
}
.modal .promotion .pricing {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: rgba(0, 0, 0, 0.4);
  text-align: left;
}

.modal .promotion .pricing .original-price {
  text-decoration: line-through;
}

.modal .promotion .pricing .price {
  font: 700 5rem/1 "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  padding-right: 1rem;
  margin-right: 1rem;
  color: #6b2fad;
  text-align: center;
}

.modal .promotion .pricing .price small {
  display: block;
  color: rgba(0, 0, 0, 0.4);
}

.modal .promotion-jan-2020 {
  background: #6b2fad;
  background-image: url("/frontend2/main/assets/images/Januari_Campagne_x2.png");
  background-size: cover;
  background-position-x: -4em;
}

.modal .promotion-jan-2020 .first-sentence {
  color: #ffffff;
}

.modal .promotion-jan-2020 .second-sentence {
  color: #ffffff;
}

.modal .promotion-jan-2020 .period {
  color: #ffffff;
}

.modal .promotion-jan-2020 .original-price {
  color: #ffffff;
}

.modal .promotion-jan-2020 .heading-title {
  color: #ffffff;
}

.modal .promotion-jan-2020 .package-overview .offered {
  border: 3px solid #ffffff;
}

.modal .promotion-jan-2020 .package-overview .icn-holder .icon {
  color: #ffffff;
}

.modal .promotion-jan-2020 .package-overview .icon-close {
  color: #ffffff;
}

.modal .promotion-jan-2020 .pricing {
  color: rgba(255, 255, 255, 0.4);
}

.modal .promotion-jan-2020 .pricing .price {
  color: #ffffff;
}

.modal .promotion-jan-2020 .btn-close-modal {
  color: #ffffff;
}

.modal .promotion-jan-2020 .btn-popup {
  height: inherit !important;
}

@media (max-width: 479px) {
  .modal .promotion-jan-2020 .btn-popup {
    margin-bottom: 0;
  }
}
.modal .supplement {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 50rem;
}

@media (max-width: 479px) {
  .modal .supplement {
    padding: 1rem;
  }
}
.modal .supplement .heading-feature {
  font-size: 1.6rem;
  font-weight: 700;
}

@media (max-width: 479px) {
  .modal .supplement .heading-feature {
    font-size: 1.4rem;
    line-height: 2rem;
  }
}
.modal .supplement .copy-default {
  font-size: 1.4rem;
  word-break: break-word;
}

@media (max-width: 479px) {
  .modal .supplement .copy-default {
    font-size: 1.2rem;
  }
}
.modal .supplement .short-description {
  background: #ffffff;
  padding: 2rem;
}

.modal .supplement .benefit {
  background: #f1f1f1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 1.4rem;
  padding: 2rem;
}

@media (max-width: 479px) {
  .modal .supplement .benefit {
    font-size: 1.2rem;
  }
}
.modal .supplement .btn {
  margin-top: 2rem;
  width: 15rem;
}

.modal .supplement .btn-close {
  top: -1.6rem;
  right: 6rem;
}

@media (max-width: 479px) {
  .modal .supplement .btn-close {
    right: 2rem;
  }
}
.modal .supplement .icon-close {
  color: #888888;
  font-size: 2rem;
  stroke-width: 1;
}

/*
Modal

Modal component.

.modal - Default Button.

Markup: ../templates/modal.html

Styleguide modal
*/
#md-modal-wrapper {
  font-family: "Circular Book", "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

#md-modal-wrapper h3,
#md-modal-wrapper a {
  font-family: "Circular Book", "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

#md-modal-wrapper h2 {
  font-family: "Circular Black", "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  margin-bottom: 0;
}

.md-modal {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0;
  position: fixed;
  transition: opacity 0.4s 0.7s cubic-bezier(0.23, 1, 0.32, 1), visibility 0s 1.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  visibility: hidden;
  z-index: 5;
  /*
         helper classes
     */
}

.md-modal .inner {
  max-height: 100%;
  overflow: auto;
  box-sizing: border-box;
  opacity: 0;
  transition: opacity 0.4s 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: 70rem;
}

@media (max-width: 767px) {
  .md-modal .inner {
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0;
    width: 100%;
  }
}
.md-modal .inner .tab-specs .list-tabs li {
  background: #dbdbdb;
}

.md-modal .inner .tab-specs .list-tabs li.is-open, .md-modal .inner .tab-specs .list-tabs li:hover {
  background: #ffffff;
  color: #6b2fad;
}

.md-modal .inner .bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s 0.7s cubic-bezier(0.23, 1, 0.32, 1), visibility 0s 1.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

.md-modal.is-open {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

.md-modal.is-open .bg {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

.md-modal.is-open .inner {
  opacity: 1;
  transition: opacity 0.4s 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

.md-modal__inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  grid-row-gap: 0px;
  grid-column-gap: 8px;
  margin: 0 auto;
  padding: 0px 16px;
  max-width: 1344px;
  /*
         max-width: 1200px
     */
  /*
         max-width: 992px
     */
  /*
         max-width: 768px
     */
  /*
         max-width: 576px
     */
  background: #6b2fad;
  padding: 0;
  position: relative;
}

@media (max-width: 1200px) {
  .md-modal__inner {
    max-width: 1140px;
  }
}
@media (max-width: 992px) {
  .md-modal__inner {
    max-width: 960px;
  }
}
@media (max-width: 768px) {
  .md-modal__inner {
    max-width: 720px;
  }
}
@media (max-width: 576px) {
  .md-modal__inner {
    max-width: 540px;
  }
}
@media (max-width: 576px) {
  .md-modal__inner {
    background: transparent;
    -ms-grid-rows: 16rem 1fr;
    grid-template-rows: 16rem 1fr;
    padding: 0 1.6rem;
  }
}
.md-modal__image-container {
  background-image: url("/frontend2/main/assets/images/Banner_popup_Growing_Emmen_mob-min.jpg");
  background-size: cover;
  -ms-grid-column: 1;
  grid-column-start: 1;
  grid-column-end: 7;
}

@media (min-resolution: 192dpi) {
  .md-modal__image-container {
    background-image: url("/frontend2/main/assets/images/Banner_popup_Growing_Emmen_mob-min.jpg");
  }
}
@media (max-width: 576px) {
  .md-modal__image-container {
    -ms-grid-column: 1;
    grid-column-start: 1;
    grid-column-end: 13;
    background-image: url("/frontend2/main/assets/images/Banner_Funnel_Growing_Emmen_top.jpg");
    grid-row: 1/2;
    width: 100%;
  }
}
@media (max-width: 576px) and (min-resolution: 192dpi) {
  .md-modal__image-container {
    background-image: url("/frontend2/main/assets/images/Banner_popup_Growing_Emmen_mob-min.jpg");
  }
}
.md-modal__promotion-wrapper {
  -ms-grid-column: 7;
  grid-column-start: 7;
  grid-column-end: 13;
  -ms-flex-align: center;
  align-items: center;
  background: #6b2fad;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (max-width: 576px) {
  .md-modal__promotion-wrapper {
    -ms-grid-column: 1;
    grid-column-start: 1;
    grid-column-end: 13;
    grid-row: 2/3;
    width: 100%;
  }
}
.md-modal__close-wrapper {
  width: 100%;
}

.md-modal__btn--close {
  color: #ffffff;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin: 1.6rem 1.55rem 0 0;
}

.md-modal__btn--close svg {
  height: 1.8rem !important;
  width: 1.2rem !important;
}

@media (max-width: 576px) {
  .md-modal__btn--close {
    top: 0;
    right: 0;
  }
}
.md-modal__title-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (max-width: 576px) {
  .md-modal__title-wrapper {
    margin: 1rem 0 0 0;
  }
}
.md-modal__package {
  color: #ffffff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 4rem;
  line-height: 3.9rem;
  margin: 1.6rem 0 0.5rem 0 !important;
  text-align: center;
}

@media (max-width: 576px) {
  .md-modal__package {
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 3.2rem;
    line-height: 4rem;
    margin: 0;
    padding: 0 1rem;
  }
  .md-modal__package span {
    margin: 0 0.5rem;
  }
}
.md-modal__offer {
  color: #00dbdb;
  font-size: 6.4rem;
  line-height: 6rem;
  text-align: center;
}

@media (max-width: 576px) {
  .md-modal__offer {
    font-size: 3.2rem;
    line-height: 4rem;
  }
}
.md-modal__benefits-wrapper {
  color: #ffffff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 1.8rem;
  line-height: 4.2rem;
  margin: 3.2rem 0;
}

@media (max-width: 576px) {
  .md-modal__benefits-wrapper {
    margin: 1rem 0;
  }
}
.md-modal__benefits-wrapper svg {
  color: #00dbdb;
  font-weight: bold;
  height: 1.8rem !important;
  margin: 0 1.1rem 0 0;
  width: 1.8rem !important;
}

.md-modal__benefits-wrapper__item {
  font-size: 1.8rem;
  line-height: 4.2rem;
}

.md-modal__button {
  -ms-flex-align: center;
  align-items: center;
  background: #ffffff;
  border-radius: 0.4rem;
  color: #6b2fad;
  display: -ms-flexbox;
  display: flex;
  font-weight: bold;
  height: 5.6rem;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 0 4.8rem 0;
  width: 22.4rem;
}

.md-modal__button:hover {
  background: #ffffff;
}

@media (max-width: 576px) {
  .md-modal__button {
    margin: 0 0 2.7rem 0;
  }
}
.md-modal__footer {
  color: #ffffff;
  font-size: 1.4rem;
  line-height: 1.8rem;
  margin: 0 0 2.4rem 0;
}

.md-modal__footer__title, .md-modal__footer__subtitle {
  font-size: 1.4rem;
  line-height: 1.8rem;
  margin: 0;
  text-align: center;
}

.md-modal__footer__subtitle {
  color: #00dbdb;
}

@media (max-width: 576px) {
  .md-modal__footer {
    margin: 0 0 3.2rem 0;
  }
}
.md-modal .hidden {
  display: none;
}

@media (max-width: 576px) {
  .md-modal .hidden-mobile {
    display: none;
  }
}
.md-modal .display-mobile {
  display: -ms-flexbox;
  display: flex;
}

input[type=radio].single {
  position: absolute;
  opacity: 0;
}

input[type=radio].single + label:before {
  height: 1.8rem;
  width: 1.8rem;
  border-radius: 50%;
  border: 1px solid #dbdbdb;
}

input[type=radio].single:hover + label:before, input[type=radio].single:checked + label:before {
  height: 0.9rem;
  width: 0.9rem;
  margin: 0.4rem 1.5rem 0.4rem 0.4rem;
  border: none;
  box-shadow: 0 0 0 3px #ffffff, 0 0 0 4px #6b2fad;
}

input[type=radio].single + label {
  position: relative;
  top: auto;
  left: auto;
  transform: none;
  display: block;
  color: #000000;
  cursor: pointer;
  padding: 0 0 0 3.2rem;
}

input[type=radio].single + label:before {
  content: "";
  position: absolute;
  top: 0.3rem;
  left: 0;
  margin-right: 1rem;
  display: inline-block;
  vertical-align: text-top;
  height: 1.8rem;
  width: 1.8rem;
  background: #ffffff;
  border: 1px solid #dbdbdb;
  box-sizing: border-box;
  transition: background 0.3s cubic-bezier(0.23, 1, 0.32, 1), border-color 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

input[type=radio].single:checked + label:before {
  border-color: #6b2fad;
}

input[type=radio].single:checked + label:before {
  background: #6b2fad;
}

input[type=radio].single:disabled + label {
  color: #888888;
  cursor: auto;
}

input[type=radio].single:disabled + label:before {
  box-shadow: none;
  background: #888888;
}

.progress-bar-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr auto;
  grid-template-columns: auto 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr auto;
  -ms-grid-rows: 56px;
  grid-template-rows: 56px;
  row-gap: 0;
  column-gap: 32px;
  margin: 0 auto;
  padding: 0;
  /*
      max-width: 1024px
  */
  /*
      max-width: 833px
  */
  /*
      max-width: 767px
  */
  /*
      max-width: 479px
  */
  max-width: 1366px;
}

@media (max-width: 1024px) {
  .progress-bar-grid {
    -ms-grid-columns: auto 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr auto;
    grid-template-columns: auto 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr auto;
    column-gap: 24px;
  }
}
@media (max-width: 833px) {
  .progress-bar-grid {
    -ms-grid-columns: auto 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr auto;
    grid-template-columns: auto 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr auto;
    column-gap: 24px;
  }
}
@media (max-width: 767px) {
  .progress-bar-grid {
    -ms-grid-columns: auto 1fr 1fr 1fr 1fr 1fr 1fr auto;
    grid-template-columns: auto 1fr 1fr 1fr 1fr 1fr 1fr auto;
    column-gap: 16px;
  }
}
@media (max-width: 479px) {
  .progress-bar-grid {
    -ms-grid-columns: auto 1fr 1fr 1fr 1fr auto;
    grid-template-columns: auto 1fr 1fr 1fr 1fr auto;
    grid-gap: 16px;
    margin: 0 16px;
  }
}
.progress-grid {
  margin-top: 8px;
  -ms-grid-row: 1;
  grid-row-start: 1;
  grid-row-end: 2;
  -ms-grid-column: 4;
  grid-column-start: 4;
  grid-column-end: 12;
}

@media (max-width: 1024px) {
  .progress-grid {
    -ms-grid-column: 3;
    grid-column-start: 3;
    grid-column-end: 11;
  }
}
@media (max-width: 833px) {
  .progress-grid {
    -ms-grid-column: 2;
    grid-column-start: 2;
    grid-column-end: 10;
  }
}
@media (max-width: 767px) {
  .progress-grid {
    -ms-grid-column: 2;
    grid-column-start: 2;
    grid-column-end: 8;
  }
}
@media (max-width: 479px) {
  .progress-grid {
    -ms-grid-column: 2;
    grid-column-start: 2;
    grid-column-end: 6;
  }
}
.progress-back-button-grid {
  margin-left: 90px;
  -ms-grid-column: 1;
  grid-column-start: 1;
  grid-column-end: 4;
  -ms-grid-row: 1;
  grid-row-start: 1;
  grid-row-end: 2;
}

@media (max-width: 1024px) {
  .progress-back-button-grid {
    margin-left: 0;
    -ms-grid-column: 3;
    grid-column-start: 3;
    grid-column-end: 5;
    -ms-grid-row: 2;
    grid-row-start: 2;
    grid-row-end: 3;
  }
}
@media (max-width: 833px) {
  .progress-back-button-grid {
    margin-left: 19px;
    -ms-grid-column: 2;
    grid-column-start: 2;
    grid-column-end: 4;
  }
}
@media (max-width: 767px) {
  .progress-back-button-grid {
    -ms-grid-column: 2;
    grid-column-start: 2;
    grid-column-end: 4;
  }
}
.progress-bar2019 {
  height: 8px;
  width: 100%;
  background: #e0e1e2;
}

@media (max-width: 833px) {
  .progress-bar2019 {
    margin-top: 16px;
  }
}
.progress-bar2019 .display-none {
  display: none;
}

.progress-bar2019 .filled-10 {
  height: 100%;
  width: 10%;
  background: #6b2fad;
}

.progress-bar2019 .filled-25 {
  height: 100%;
  width: 25%;
  background: #6b2fad;
}

.progress-bar2019 .filled-50 {
  height: 100%;
  width: 50%;
  background: #6b2fad;
}

.progress-bar2019 .filled-62 {
  height: 100%;
  width: 62.5%;
  background: #6b2fad;
}

.progress-bar2019 .filled-75 {
  height: 100%;
  width: 75%;
  background: #6b2fad;
}

.progress-bar2019 .filled-100 {
  height: 100%;
  width: 100%;
  background: #6b2fad;
}

.back-button {
  width: 72px;
  height: 18px;
  font-size: 14px;
  line-height: 14px;
  color: #95a4ac;
  cursor: pointer;
}

@media (max-width: 479px) {
  .back-button {
    margin-top: 4px;
    margin-left: 0;
  }
}
.progress-wrapper {
  margin-top: 32px;
  height: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 833px) {
  .progress-wrapper.back-button-mobile {
    margin-top: 12px;
  }
}
.ab-018 {
  font-family: "Circular Book", "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
}

.ab-018 h1, .ab-018 h2, .ab-018 h3, .ab-018 h4, .ab-018 .main-title {
  font-family: "Circular Black", "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.ab-018 p {
  font-weight: 400;
}

.ab-018 .form-block-footer a {
  text-decoration: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.ab-018 .form-block-footer a svg {
  font-size: 4rem;
}

.ab-018 .form-block.progress-spacing {
  border: none;
  margin-top: 0rem;
}

.ab-018 .heading-sub, .ab-018 .form-block-footer {
  border: none;
}

@media (max-width: 800px) {
  .ab-018 .column-66-33.glued.inverted {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
.ab-018 .column-66-33.glued.inverted .col:nth-child(1) {
  height: min-content;
  background: none;
  padding: 1.7rem;
  border: 1px solid #dbdbdb;
}

@media (max-width: 800px) {
  .ab-018 .column-66-33.glued.inverted .col:nth-child(1) {
    margin: 0 1.4rem;
    padding: 1.7rem;
  }
}
.ab-018 .column-66-33.glued.inverted .col:nth-child(1) h2 {
  font-family: "Circular Book", "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  line-height: 3rem;
  padding-top: 0;
}

.ab-018 .column-66-33.glued.inverted .col:nth-child(1) .list-check {
  padding: 0rem 2rem 1.5rem 0;
}

.ab-018 .column-66-33.glued.inverted .col:nth-child(1) .list-check li {
  padding-left: 0;
  display: -ms-flexbox;
  display: flex;
}

.ab-018 .column-66-33.glued.inverted .col:nth-child(1) .icon-check-fat {
  margin-top: 0.3rem;
  font-size: 3rem;
  color: #00dbdb;
  margin-right: 1.2rem;
}

.ab-018 .column-66-33.glued.inverted .col:nth-child(1) h2 {
  color: #6b2fad;
  font-size: 2.4rem;
  font-weight: 400;
}

#form-col {
  border: none;
}

@media (max-width: 800px) {
  #form-col {
    padding: 2rem 1.4rem;
  }
}
#ab-018-wrapper {
  font-family: "Circular Book", "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

#ab-018-wrapper form {
  margin-top: 0;
}

@media (max-width: 800px) {
  #ab-018-wrapper form {
    padding: 1.4rem 0rem;
  }
}
#ab-018-wrapper form .input.validation-failed {
  margin-bottom: 3rem;
}

#ab-018-wrapper .form-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-column-gap: 1rem;
}

#ab-018-wrapper #type-select {
  -ms-grid-row: 1;
  grid-row: 1;
  grid-column: 1/5;
}

#ab-018-wrapper #contact-title {
  -ms-grid-row: 2;
  grid-row: 2;
  grid-column: 1/5;
}

#ab-018-wrapper #first-name {
  -ms-grid-row: 3;
  grid-row: 3;
  grid-column: 1/3;
}

@media (max-width: 800px) {
  #ab-018-wrapper #first-name {
    grid-column: 1/5;
  }
}
#ab-018-wrapper #insertion {
  -ms-grid-row: 3;
  grid-row: 3;
  grid-column: 3/3;
}

@media (max-width: 800px) {
  #ab-018-wrapper #insertion {
    grid-column: 1/5;
    -ms-grid-row: 4;
    grid-row: 4;
  }
}
#ab-018-wrapper #family-name {
  -ms-grid-row: 4;
  grid-row: 4;
  grid-column: 1/3;
}

@media (max-width: 800px) {
  #ab-018-wrapper #family-name {
    grid-column: 1/5;
    -ms-grid-row: 5;
    grid-row: 5;
  }
}
#ab-018-wrapper #email {
  -ms-grid-row: 5;
  grid-row: 5;
  grid-column: 1/3;
}

@media (max-width: 800px) {
  #ab-018-wrapper #email {
    grid-column: 1/5;
    -ms-grid-row: 6;
    grid-row: 6;
  }
}
#ab-018-wrapper #phone-number {
  -ms-grid-row: 5;
  grid-row: 5;
  grid-column: 3/4;
}

@media (max-width: 800px) {
  #ab-018-wrapper #phone-number {
    grid-column: 1/5;
    -ms-grid-row: 7;
    grid-row: 7;
  }
}
#ab-018-wrapper #adress-title {
  -ms-grid-row: 6;
  grid-row: 6;
  grid-column: 1/5;
}

@media (max-width: 800px) {
  #ab-018-wrapper #adress-title {
    grid-column: 1/5;
    -ms-grid-row: 8;
    grid-row: 8;
  }
}
#ab-018-wrapper #business-body {
  grid-column: 1/13;
  grid-column-gap: 1rem;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

#ab-018-wrapper #country-select {
  -ms-grid-row: 7;
  grid-row: 7;
  grid-column: 1/3;
}

@media (max-width: 800px) {
  #ab-018-wrapper #country-select {
    grid-column: 1/5;
    -ms-grid-row: 9;
    grid-row: 9;
  }
}
#ab-018-wrapper #postal-code {
  -ms-grid-row: 7;
  grid-row: 7;
  grid-column: 3/4;
}

@media (max-width: 800px) {
  #ab-018-wrapper #postal-code {
    grid-column: 1/5;
    -ms-grid-row: 10;
    grid-row: 10;
  }
}
#ab-018-wrapper #house-number {
  -ms-grid-row: 7;
  grid-row: 7;
  grid-column: 4/5;
}

@media (max-width: 800px) {
  #ab-018-wrapper #house-number {
    grid-column: 1/5;
    -ms-grid-row: 11;
    grid-row: 11;
  }
}
#ab-018-wrapper #street {
  -ms-grid-row: 8;
  grid-row: 8;
  grid-column: 1/3;
}

@media (max-width: 800px) {
  #ab-018-wrapper #street {
    grid-column: 1/5;
    -ms-grid-row: 12;
    grid-row: 12;
  }
}
#ab-018-wrapper #city {
  -ms-grid-row: 8;
  grid-row: 8;
  grid-column: 3/5;
}

@media (max-width: 800px) {
  #ab-018-wrapper #city {
    grid-column: 1/5;
    -ms-grid-row: 13;
    grid-row: 13;
  }
}
#ab-018-wrapper #password-title {
  -ms-grid-row: 9;
  grid-row: 9;
  grid-column: 1/5;
}

@media (max-width: 800px) {
  #ab-018-wrapper #password-title {
    grid-column: 1/5;
    -ms-grid-row: 14;
    grid-row: 14;
  }
}
#ab-018-wrapper #password {
  -ms-grid-row: 10;
  grid-row: 10;
  grid-column: 1/3;
}

@media (max-width: 800px) {
  #ab-018-wrapper #password {
    grid-column: 1/5;
    -ms-grid-row: 15;
    grid-row: 15;
  }
}
#ab-018-wrapper #password-repeat {
  -ms-grid-row: 10;
  grid-row: 10;
  grid-column: 3/5;
}

@media (max-width: 800px) {
  #ab-018-wrapper #password-repeat {
    grid-column: 1/5;
    -ms-grid-row: 16;
    grid-row: 16;
  }
}
#ab-018-wrapper #button-wrapper {
  -ms-grid-row: 11;
  grid-row: 11;
  grid-column: 1/5;
}

@media (max-width: 800px) {
  #ab-018-wrapper #button-wrapper {
    grid-column: 1/5;
    -ms-grid-row: 17;
    grid-row: 17;
  }
}
#ab-018-wrapper #company-order-title {
  -ms-grid-row: 2;
  grid-row: 2;
  grid-column: 1/5;
}

@media (max-width: 800px) {
  #ab-018-wrapper #company-order-title {
    grid-column: 1/5;
    -ms-grid-row: 3;
    grid-row: 3;
  }
}
#ab-018-wrapper #company-country-select {
  -ms-grid-row: 3;
  grid-row: 3;
  grid-column: 1/4;
}

@media (max-width: 800px) {
  #ab-018-wrapper #company-country-select {
    grid-column: 1/5;
    -ms-grid-row: 4;
    grid-row: 4;
  }
}
#ab-018-wrapper #company-name {
  -ms-grid-row: 4;
  grid-row: 4;
  grid-column: 1/3;
}

@media (max-width: 800px) {
  #ab-018-wrapper #company-name {
    grid-column: 1/5;
    -ms-grid-row: 5;
    grid-row: 5;
  }
}
#ab-018-wrapper #company-id-number {
  -ms-grid-row: 4;
  grid-row: 4;
  grid-column: 3/5;
}

@media (max-width: 800px) {
  #ab-018-wrapper #company-id-number {
    grid-column: 1/5;
    -ms-grid-row: 6;
    grid-row: 6;
  }
}
#ab-018-wrapper #company-adress-title {
  -ms-grid-row: 5;
  grid-row: 5;
  grid-column: 1/5;
}

@media (max-width: 800px) {
  #ab-018-wrapper #company-adress-title {
    grid-column: 1/5;
    -ms-grid-row: 7;
    grid-row: 7;
  }
}
#ab-018-wrapper #company-postal-code {
  -ms-grid-row: 6;
  grid-row: 6;
  grid-column: 1/3;
}

@media (max-width: 800px) {
  #ab-018-wrapper #company-postal-code {
    grid-column: 1/5;
    -ms-grid-row: 8;
    grid-row: 8;
  }
}
#ab-018-wrapper #company-house-number {
  -ms-grid-row: 6;
  grid-row: 6;
  grid-column: 3/4;
}

@media (max-width: 800px) {
  #ab-018-wrapper #company-house-number {
    grid-column: 1/5;
    -ms-grid-row: 9;
    grid-row: 9;
  }
}
#ab-018-wrapper #company-street {
  -ms-grid-row: 7;
  grid-row: 7;
  grid-column: 1/3;
}

@media (max-width: 800px) {
  #ab-018-wrapper #company-street {
    grid-column: 1/5;
    -ms-grid-row: 10;
    grid-row: 10;
  }
}
#ab-018-wrapper #company-city {
  -ms-grid-row: 7;
  grid-row: 7;
  grid-column: 3/5;
}

@media (max-width: 800px) {
  #ab-018-wrapper #company-city {
    grid-column: 1/5;
    -ms-grid-row: 11;
    grid-row: 11;
  }
}
#ab-018-wrapper #company-info-title {
  -ms-grid-row: 8;
  grid-row: 8;
  grid-column: 1/5;
}

@media (max-width: 800px) {
  #ab-018-wrapper #company-info-title {
    grid-column: 1/5;
    -ms-grid-row: 12;
    grid-row: 12;
  }
}
#ab-018-wrapper #company-first-name {
  -ms-grid-row: 9;
  grid-row: 9;
  grid-column: 1/2;
}

@media (max-width: 800px) {
  #ab-018-wrapper #company-first-name {
    grid-column: 1/5;
    -ms-grid-row: 13;
    grid-row: 13;
  }
}
#ab-018-wrapper #company-insertion {
  -ms-grid-row: 9;
  grid-row: 9;
  grid-column: 2/2;
}

@media (max-width: 800px) {
  #ab-018-wrapper #company-insertion {
    grid-column: 1/5;
    -ms-grid-row: 14;
    grid-row: 14;
  }
}
#ab-018-wrapper #company-family-name {
  -ms-grid-row: 9;
  grid-row: 9;
  grid-column: 3/4;
}

@media (max-width: 800px) {
  #ab-018-wrapper #company-family-name {
    grid-column: 1/5;
    -ms-grid-row: 15;
    grid-row: 15;
  }
}
#ab-018-wrapper #company-email {
  -ms-grid-row: 10;
  grid-row: 10;
  grid-column: 1/3;
}

@media (max-width: 800px) {
  #ab-018-wrapper #company-email {
    grid-column: 1/5;
    -ms-grid-row: 16;
    grid-row: 16;
  }
}
#ab-018-wrapper #company-phone-number {
  -ms-grid-row: 10;
  grid-row: 10;
  grid-column: 3/4;
}

@media (max-width: 800px) {
  #ab-018-wrapper #company-phone-number {
    grid-column: 1/5;
    -ms-grid-row: 17;
    grid-row: 17;
  }
}
#ab-018-wrapper #company-password-title {
  -ms-grid-row: 11;
  grid-row: 11;
  grid-column: 1/5;
}

@media (max-width: 800px) {
  #ab-018-wrapper #company-password-title {
    grid-column: 1/5;
    -ms-grid-row: 18;
    grid-row: 18;
  }
}
#ab-018-wrapper #company-password {
  -ms-grid-row: 12;
  grid-row: 12;
  grid-column: 1/3;
}

@media (max-width: 800px) {
  #ab-018-wrapper #company-password {
    grid-column: 1/5;
    -ms-grid-row: 19;
    grid-row: 19;
  }
}
#ab-018-wrapper #company-password-repeat {
  -ms-grid-row: 12;
  grid-row: 12;
  grid-column: 3/5;
}

@media (max-width: 800px) {
  #ab-018-wrapper #company-password-repeat {
    grid-column: 1/5;
    -ms-grid-row: 20;
    grid-row: 20;
  }
}
#ab-018-wrapper #company-button-wrapper {
  -ms-grid-row: 13;
  grid-row: 13;
  grid-column: 1/5;
}

@media (max-width: 800px) {
  #ab-018-wrapper #company-button-wrapper {
    grid-column: 1/5;
    -ms-grid-row: 21;
    grid-row: 21;
  }
}
#ab-018-wrapper .heading-sub {
  display: block;
}

#ab-018-wrapper h2, #ab-018-wrapper h3, #ab-018-wrapper h4, #ab-018-wrapper .main-title {
  font-family: "Circular Black", "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

#ab-018-wrapper h4 {
  font-size: 1.8rem;
}

#ab-018-wrapper h1 {
  font-size: 2.4rem;
}

#ab-018-wrapper h2 {
  font-size: 2rem;
}

#ab-018-wrapper input {
  border: 1px solid #cccccc;
}

#ab-018-wrapper .input-group.ab-018 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
}

#ab-018-wrapper .input-group.ab-018 .input:nth-child(1) {
  margin-bottom: 0;
}

#ab-018-wrapper label {
  position: initial;
  transition: none;
  color: #000000;
  display: block;
  margin-bottom: 0.3rem;
}

@media (max-width: 479px) {
  #ab-018-wrapper label {
    transform: none;
  }
}
#ab-018-wrapper .input {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  margin-bottom: 3rem;
}

#ab-018-wrapper #register_newsletter_register_identity_register {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  background: #6b2fad;
  font-weight: bold;
  padding: 1.5rem 5rem;
  box-shadow: none;
}

#ab-018-wrapper #register_newsletter_register_identity_register svg.icon {
  margin-left: 1.6rem;
  right: 0.8rem;
  position: initial;
  transform: none;
}

#mobile-footer {
  display: none;
}

@media (max-width: 800px) {
  #mobile-footer {
    display: block;
    padding: 1rem 0 0 1rem;
  }
}
#desktop-footer {
  display: block;
}

@media (max-width: 800px) {
  #desktop-footer {
    display: none;
  }
}
.gg-chevron-right {
  transform: scale(var(--ggs, 1));
  z-index: 1;
}

.gg-chevron-right::after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  width: 1rem;
  height: 1rem;
  border-bottom: 0.3rem solid;
  border-right: 0.3rem solid;
  transform: rotate(-317deg);
  right: 2.5rem;
  top: 4.5rem;
}

.gegevens-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr auto;
  grid-template-columns: auto 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr auto;
  -ms-grid-rows: 56px;
  grid-template-rows: 56px;
  row-gap: 0;
  column-gap: 32px;
  margin: 0 auto;
  padding: 0;
  /*
      max-width: 1024px
  */
  /*
      max-width: 833px
  */
  /*
      max-width: 767px
  */
  /*
      max-width: 479px
  */
  padding-top: 4rem;
}

@media (max-width: 1024px) {
  .gegevens-grid {
    -ms-grid-columns: auto 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr auto;
    grid-template-columns: auto 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr auto;
    column-gap: 24px;
  }
}
@media (max-width: 833px) {
  .gegevens-grid {
    -ms-grid-columns: auto 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr auto;
    grid-template-columns: auto 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr auto;
    column-gap: 24px;
  }
}
@media (max-width: 767px) {
  .gegevens-grid {
    -ms-grid-columns: auto 1fr 1fr 1fr 1fr 1fr 1fr auto;
    grid-template-columns: auto 1fr 1fr 1fr 1fr 1fr 1fr auto;
    column-gap: 16px;
  }
}
@media (max-width: 479px) {
  .gegevens-grid {
    -ms-grid-columns: auto 1fr 1fr 1fr 1fr auto;
    grid-template-columns: auto 1fr 1fr 1fr 1fr auto;
    grid-gap: 16px;
    margin: 0 16px;
  }
}
@media (max-width: 767px) {
  .gegevens-grid {
    padding-top: 4rem;
  }
}
.gegevens-aanmeld-grid {
  padding: 10px;
  border: 1px solid #dbdbdb;
  -ms-grid-column: 2;
  grid-column-start: 2;
  grid-column-end: 9;
  -ms-grid-row: 1;
  grid-row-start: 1;
  grid-row-end: 3;
}

@media (max-width: 1024px) {
  .gegevens-aanmeld-grid {
    -ms-grid-column: 2;
    grid-column-start: 2;
    grid-column-end: 8;
  }
}
@media (max-width: 833px) {
  .gegevens-aanmeld-grid {
    -ms-grid-column: 1;
    grid-column-start: 1;
    grid-column-end: 12;
  }
}
.gegevens-voordelen-grid {
  padding: 20px;
  border: 1px solid #dbdbdb;
  -ms-grid-column: 9;
  grid-column-start: 9;
  grid-column-end: 13;
  -ms-grid-row: 1;
  grid-row-start: 1;
  grid-row-end: 3;
}

@media (max-width: 1024px) {
  .gegevens-voordelen-grid {
    -ms-grid-column: 8;
    grid-column-start: 8;
    grid-column-end: 12;
  }
}
@media (max-width: 833px) {
  .gegevens-voordelen-grid {
    display: none;
  }
}
.gegevens-progress-bar-grid {
  -ms-grid-row: 1;
  grid-row-start: 1;
  grid-row-end: 2;
  -ms-grid-column: 4;
  grid-column-start: 4;
  grid-column-end: 12;
}

@media (max-width: 1024px) {
  .gegevens-progress-bar-grid {
    -ms-grid-column: 3;
    grid-column-start: 3;
    grid-column-end: 11;
  }
}
@media (max-width: 800px) {
  .gegevens-progress-bar-grid {
    -ms-grid-column: 2;
    grid-column-start: 2;
    grid-column-end: 10;
  }
}
.gegevens-back-button-grid {
  -ms-grid-column: 3;
  grid-column-start: 3;
  grid-column-end: 4;
  -ms-grid-row: 1;
  grid-row-start: 1;
  grid-row-end: 2;
}

@media (max-width: 1024px) {
  .gegevens-back-button-grid {
    -ms-grid-column: 3;
    grid-column-start: 3;
    grid-column-end: 4;
    -ms-grid-row: 2;
    grid-row-start: 2;
    grid-row-end: 3;
  }
}
@media (max-width: 800px) {
  .gegevens-back-button-grid {
    -ms-grid-column: 2;
    grid-column-start: 2;
    grid-column-end: 3;
  }
}
.heading-gegevens {
  margin-left: 8px;
  font-weight: bold;
  font-size: 18px;
  line-height: 26px;
}

fieldset.field-gegevens {
  display: -ms-flexbox;
  display: flex;
  border: none;
  padding: 0;
  margin: 0;
}

.input-group-gegevens.input-radio-gegevens {
  margin: 2.4rem 0.8rem 0px;
  height: 20px;
}

@media (max-width: 767px) {
  .input-group-gegevens.input-radio-gegevens {
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.input-group-gegevens.input-radio-gegevens.button-space {
  height: 56px;
}

@media (max-width: 479px) {
  .input-group-gegevens.input-radio-gegevens.button-space {
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .input-group-gegevens {
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    margin-left: 0;
  }
}
.input-gegevens {
  background: #f6f8f9 0% 0% no-repeat padding-box;
  border-bottom: 1px solid #ccc;
  margin: 2.4rem 0.8rem 0px;
  display: -ms-flexbox;
  display: flex;
  height: 39px;
  padding-left: 16px;
  padding-top: 16px;
  position: relative;
  width: calc(100% - 32px);
}

.input-gegevens:hover {
  border-bottom: 1px solid #6b2fad;
}

.input-gegevens.wrongPassword {
  background: #f9d0d5;
  -webkit-box-shadow: 0 0 0 1000px #f9d0d5 inset;
}

.input-gegevens.correctPassword {
  background: #c8e1b6;
  -webkit-box-shadow: 0 0 0 1000px #c8e1b6 inset;
}

.input-gegevens input[type=text],
.input-gegevens input[type=email],
.input-gegevens select {
  font: normal normal 300 16px/24px "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  width: 100%;
  box-sizing: border-box;
  transition: border-color 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

.input-gegevens input[type=text].is-filled, .input-gegevens input[type=text]:focus,
.input-gegevens input[type=email].is-filled,
.input-gegevens input[type=email]:focus,
.input-gegevens select.is-filled,
.input-gegevens select:focus {
  border-color: #6b2fad;
}

.input-gegevens input[type=text].is-filled + label, .input-gegevens input[type=text]:focus + label,
.input-gegevens input[type=email].is-filled + label,
.input-gegevens input[type=email]:focus + label,
.input-gegevens select.is-filled + label,
.input-gegevens select:focus + label {
  top: 1%;
  font-weight: 300;
  font-size: 0.8em;
  color: #000000;
}

@media (max-width: 479px) {
  .input-gegevens input[type=text].is-filled + label, .input-gegevens input[type=text]:focus + label,
  .input-gegevens input[type=email].is-filled + label,
  .input-gegevens input[type=email]:focus + label,
  .input-gegevens select.is-filled + label,
  .input-gegevens select:focus + label {
    display: none;
  }
}
.input-gegevens input[type=text]:disabled,
.input-gegevens input[type=email]:disabled,
.input-gegevens select:disabled {
  background: #f9f9f9;
}

.input-gegevens input[type=password],
.input-gegevens select {
  font: normal normal 300 16px/24px "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  width: 225%;
  box-sizing: border-box;
  transition: border-color 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

.input-gegevens input[type=password].is-filled, .input-gegevens input[type=password]:focus,
.input-gegevens select.is-filled,
.input-gegevens select:focus {
  border-color: #6b2fad;
}

.input-gegevens input[type=password].is-filled + label, .input-gegevens input[type=password]:focus + label,
.input-gegevens select.is-filled + label,
.input-gegevens select:focus + label {
  top: 1%;
  font-weight: 300;
  font-size: 0.8em;
  color: #000000;
}

@media (max-width: 479px) {
  .input-gegevens input[type=password].is-filled + label, .input-gegevens input[type=password]:focus + label,
  .input-gegevens select.is-filled + label,
  .input-gegevens select:focus + label {
    display: none;
  }
}
.input-gegevens input[type=password]:disabled,
.input-gegevens select:disabled {
  background: #f9f9f9;
}

.input-gegevens label.label-gegevens {
  position: absolute;
  top: 30%;
  margin-left: 6px;
  left: 1rem;
  color: #888888;
  transition: top 0.3s cubic-bezier(0.23, 1, 0.32, 1), font-size 0.3s cubic-bezier(0.23, 1, 0.32, 1), color 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

.input-gegevens label.label-gegevens.wrong-password {
  color: #e0182d;
}

.input-gegevens.validation-failed-gegevens {
  border-color: #e0182d !important;
  display: block;
  margin-bottom: 8px;
}

.input-gegevens.validation-failed-gegevens input[type=text],
.input-gegevens.validation-failed-gegevens input[type=email],
.input-gegevens.validation-failed-gegevens input[type=password],
.input-gegevens.validation-failed-gegevens select {
  border-color: #e0182d !important;
  line-height: 40px;
}

.input-gegevens.validation-failed-gegevens input[type=text].is-filled, .input-gegevens.validation-failed-gegevens input[type=text]:focus,
.input-gegevens.validation-failed-gegevens input[type=email].is-filled,
.input-gegevens.validation-failed-gegevens input[type=email]:focus,
.input-gegevens.validation-failed-gegevens input[type=password].is-filled,
.input-gegevens.validation-failed-gegevens input[type=password]:focus,
.input-gegevens.validation-failed-gegevens select.is-filled,
.input-gegevens.validation-failed-gegevens select:focus {
  border-color: #e0182d;
}

.input-gegevens.validation-failed-gegevens input[type=text].is-filled + label, .input-gegevens.validation-failed-gegevens input[type=text]:focus + label,
.input-gegevens.validation-failed-gegevens input[type=email].is-filled + label,
.input-gegevens.validation-failed-gegevens input[type=email]:focus + label,
.input-gegevens.validation-failed-gegevens input[type=password].is-filled + label,
.input-gegevens.validation-failed-gegevens input[type=password]:focus + label,
.input-gegevens.validation-failed-gegevens select.is-filled + label,
.input-gegevens.validation-failed-gegevens select:focus + label {
  color: #e0182d;
}

.input-gegevens.validation-failed-gegevens input[type=text] + label,
.input-gegevens.validation-failed-gegevens input[type=email] + label,
.input-gegevens.validation-failed-gegevens input[type=password] + label,
.input-gegevens.validation-failed-gegevens select + label {
  color: #e0182d;
}

.password-check {
  height: 1px;
  width: calc(100% - 2px);
  position: absolute;
  bottom: -2px;
  left: 0px;
  background: #5aa700;
  margin: 0;
  display: none;
}

.password-check.filled20 {
  display: block;
  width: 20%;
}

.password-check.filled20:hover {
  border: none;
}

.password-check.filled40 {
  display: block;
  width: 40%;
}

.password-check.filled60 {
  display: block;
  width: 60%;
}

.password-check.filled80 {
  display: block;
  width: 80%;
}

.password-check.filled100 {
  display: block;
}

.validation-error-gegevens-message {
  color: #e0182d;
  margin-left: 16px;
  margin-top: 8px;
}

@media (max-width: 479px) {
  .validation-error-gegevens-message {
    font-size: 0.8em;
  }
}
.form-gegevens {
  background: #ffffff;
  padding: none;
}

.form-gegevens .heading-gegevens {
  padding: 1.5rem 2rem 1.2rem 0;
  margin: 0;
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
}

.form-gegevens .link-forgot {
  color: #6b2fad;
  margin-top: 24px;
  display: block;
  text-align: center;
}

.form-gegevens .stay-together {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
  height: 24px;
}

@media (max-width: 800px) {
  .form-gegevens .stay-together {
    margin-top: 4px;
    height: 56px;
    -ms-flex-align: center;
    align-items: center;
  }
}
.form-gegevens .list-check {
  padding: 1.5rem 2rem;
}

.form-gegevens .form-block-footer {
  background: #ffffff;
  padding: 1.5rem 2rem;
  border-top: 1px solid #dbdbdb;
}

.icon-eye-regular,
.icon-eye-slash {
  color: #646f79;
  height: 21px;
  width: 23px;
  position: absolute;
  top: 25%;
  right: 8px;
  cursor: pointer;
}

.password-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin-top: 8px;
  width: 100%;
}

.check-and-text-wrapper {
  color: black;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  min-width: 230px;
  height: 24px;
}

.check-and-text-wrapper.invalid {
  color: red;
}

.check-and-text-wrapper.valid {
  color: #5aa700;
}

.icon-check-circle {
  margin-right: 6px;
  height: 20px;
  width: 21px;
}

.password-check-text {
  font-size: 14px;
  line-height: 18px;
}

.btn-gegevens {
  margin-left: 8px;
  margin-top: 24px;
  position: relative;
  height: 56px;
  width: calc(100% - 32px);
  background: #6b2fad;
  border-radius: 5px;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  border: 0;
  outline: none;
  color: #ffffff;
  display: inline-block;
  font: normal normal 400 18px/18px "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  padding: 1.5rem 1.4rem;
  text-decoration: none;
  transition: background 0.3s cubic-bezier(0.23, 1, 0.32, 1), color 0.3s cubic-bezier(0.23, 1, 0.32, 1), border 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  text-align: center;
  box-sizing: border-box;
}

.btn-gegevens:hover {
  background: #55258a;
}

.btn-gegevens:active {
  background: #ffffff;
  color: #6b2fad;
  border: 1px solid #6b2fad;
}

.btn-gegevens.inverted-gegevens {
  border: 1px solid #ccc;
  background: #ffffff;
  color: #55258a;
}

.btn-gegevens.inverted-gegevens:hover {
  background: #6b2fad;
  color: #ffffff;
}

.btn-gegevens.inverted-gegevens:active {
  background: #ffffff;
  color: #6b2fad;
}

.auth-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr auto;
  grid-template-columns: auto 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr auto;
  -ms-grid-rows: 56px;
  grid-template-rows: 56px;
  row-gap: 0;
  column-gap: 32px;
  margin: 0 auto;
  padding: 0;
  /*
      max-width: 1024px
  */
  /*
      max-width: 833px
  */
  /*
      max-width: 767px
  */
  /*
      max-width: 479px
  */
  padding-top: 7.2rem;
  max-width: 1366px;
}

@media (max-width: 1024px) {
  .auth-grid {
    -ms-grid-columns: auto 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr auto;
    grid-template-columns: auto 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr auto;
    column-gap: 24px;
  }
}
@media (max-width: 833px) {
  .auth-grid {
    -ms-grid-columns: auto 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr auto;
    grid-template-columns: auto 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr auto;
    column-gap: 24px;
  }
}
@media (max-width: 767px) {
  .auth-grid {
    -ms-grid-columns: auto 1fr 1fr 1fr 1fr 1fr 1fr auto;
    grid-template-columns: auto 1fr 1fr 1fr 1fr 1fr 1fr auto;
    column-gap: 16px;
  }
}
@media (max-width: 479px) {
  .auth-grid {
    -ms-grid-columns: auto 1fr 1fr 1fr 1fr auto;
    grid-template-columns: auto 1fr 1fr 1fr 1fr auto;
    grid-gap: 16px;
    margin: 0 16px;
  }
}
@media (max-width: 767px) {
  .auth-grid {
    padding-top: 5.6rem;
  }
}
.auth-progress-bar-grid {
  -ms-grid-row: 1;
  grid-row-start: 1;
  grid-row-end: 2;
  -ms-grid-column: 4;
  grid-column-start: 4;
  grid-column-end: 12;
}

@media (max-width: 1024px) {
  .auth-progress-bar-grid {
    -ms-grid-column: 3;
    grid-column-start: 3;
    grid-column-end: 11;
  }
}
@media (max-width: 833px) {
  .auth-progress-bar-grid {
    -ms-grid-column: 3;
    grid-column-start: 3;
    grid-column-end: 9;
  }
}
@media (max-width: 800px) {
  .auth-progress-bar-grid {
    -ms-grid-column: 2;
    grid-column-start: 2;
    grid-column-end: 10;
  }
}
.auth-login-grid {
  -ms-grid-row: 1;
  grid-row-start: 1;
  grid-row-end: 2;
  -ms-grid-column: 5;
  grid-column-start: 5;
  grid-column-end: 11;
}

@media (max-width: 1024px) {
  .auth-login-grid {
    -ms-grid-column: 4;
    grid-column-start: 4;
    grid-column-end: 10;
  }
}
@media (max-width: 833px) {
  .auth-login-grid {
    -ms-grid-column: 3;
    grid-column-start: 3;
    grid-column-end: 9;
  }
}
@media (max-width: 800px) {
  .auth-login-grid {
    -ms-grid-column: 2;
    grid-column-start: 2;
    grid-column-end: 10;
  }
}
@media (max-width: 479px) {
  .auth-login-grid {
    -ms-grid-column: 1;
    grid-column-start: 1;
    grid-column-end: 10;
  }
}
.auth-shopping-sidedrawer-grid {
  -ms-grid-column: 10;
  grid-column-start: 10;
  grid-column-end: 14;
  -ms-grid-row: 1;
  grid-row-start: 1;
  grid-row-end: 3;
}

@media (max-width: 1024px) {
  .auth-shopping-sidedrawer-grid {
    -ms-grid-column: 9;
    grid-column-start: 9;
    grid-column-end: 12;
  }
}
fieldset.field-login {
  border: none;
  padding: 0;
  margin: 0;
}

.input-login {
  position: relative;
  margin-top: 2.4rem;
  display: -ms-flexbox;
  display: flex;
  padding-left: 16px;
  padding-top: 16px;
  height: 39px;
  background: #f6f8f9 0% 0% no-repeat padding-box;
  border-bottom: 1px solid #ccc;
}

.input-login:hover {
  border-bottom: 1px solid #6b2fad !important;
}

.input-login input[type=text],
.input-login input[type=email],
.input-login input[type=password],
.input-login select {
  font: normal normal 300 16px/24px "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  width: 100%;
  box-sizing: border-box;
  transition: border-color 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

.input-login input[type=text].is-filled, .input-login input[type=text]:focus,
.input-login input[type=email].is-filled,
.input-login input[type=email]:focus,
.input-login input[type=password].is-filled,
.input-login input[type=password]:focus,
.input-login select.is-filled,
.input-login select:focus {
  border-color: #6b2fad;
}

.input-login input[type=text].is-filled + label, .input-login input[type=text]:focus + label,
.input-login input[type=email].is-filled + label,
.input-login input[type=email]:focus + label,
.input-login input[type=password].is-filled + label,
.input-login input[type=password]:focus + label,
.input-login select.is-filled + label,
.input-login select:focus + label {
  top: 1%;
  font-weight: 300;
  font-size: 0.8em;
  color: #000000;
}

@media (max-width: 479px) {
  .input-login input[type=text].is-filled + label, .input-login input[type=text]:focus + label,
  .input-login input[type=email].is-filled + label,
  .input-login input[type=email]:focus + label,
  .input-login input[type=password].is-filled + label,
  .input-login input[type=password]:focus + label,
  .input-login select.is-filled + label,
  .input-login select:focus + label {
    display: none;
  }
}
.input-login input[type=text]:disabled,
.input-login input[type=email]:disabled,
.input-login input[type=password]:disabled,
.input-login select:disabled {
  background: #f9f9f9;
}

.input-login label.label-login {
  position: absolute;
  top: 30%;
  margin-left: 6px;
  left: 1rem;
  color: #888888;
  transition: top 0.3s cubic-bezier(0.23, 1, 0.32, 1), font-size 0.3s cubic-bezier(0.23, 1, 0.32, 1), color 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

.input-login.validation-failed-login {
  border-color: #e0182d !important;
}

.input-login.validation-failed-login input[type=text],
.input-login.validation-failed-login input[type=email],
.input-login.validation-failed-login input[type=password],
.input-login.validation-failed-login select {
  border-color: #e0182d !important;
}

.input-login.validation-failed-login input[type=text].is-filled, .input-login.validation-failed-login input[type=text]:focus,
.input-login.validation-failed-login input[type=email].is-filled,
.input-login.validation-failed-login input[type=email]:focus,
.input-login.validation-failed-login input[type=password].is-filled,
.input-login.validation-failed-login input[type=password]:focus,
.input-login.validation-failed-login select.is-filled,
.input-login.validation-failed-login select:focus {
  border-color: #e0182d;
}

.input-login.validation-failed-login input[type=text].is-filled + label, .input-login.validation-failed-login input[type=text]:focus + label,
.input-login.validation-failed-login input[type=email].is-filled + label,
.input-login.validation-failed-login input[type=email]:focus + label,
.input-login.validation-failed-login input[type=password].is-filled + label,
.input-login.validation-failed-login input[type=password]:focus + label,
.input-login.validation-failed-login select.is-filled + label,
.input-login.validation-failed-login select:focus + label {
  color: #e0182d;
}

.input-login.validation-failed-login input[type=text] + label,
.input-login.validation-failed-login input[type=email] + label,
.input-login.validation-failed-login input[type=password] + label,
.input-login.validation-failed-login select + label {
  color: #e0182d;
}

.validation-error-login-message {
  color: #e0182d;
  margin-left: 16px;
  margin-top: 8px;
}

@media (max-width: 479px) {
  .validation-error-login-message {
    font-size: 0.8em;
  }
}
.form-login {
  background: #ffffff;
  padding: none;
}

.form-login .heading-login {
  padding: 4.8rem 0 4rem 0;
  margin: 0;
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
}

@media (max-width: 833px) {
  .form-login .heading-login {
    padding: 3.2rem 0 2.4rem 0;
  }
}
.form-login .link-forgot {
  color: #6b2fad;
  margin-top: 24px;
  display: block;
  text-align: center;
}

.form-login .stay-together {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
  height: 24px;
}

@media (max-width: 800px) {
  .form-login .stay-together {
    margin-top: 4px;
    height: 56px;
    -ms-flex-align: center;
    align-items: center;
  }
}
.form-login .list-check {
  padding: 1.5rem 2rem;
}

.form-login .form-block-footer {
  background: #ffffff;
  padding: 1.5rem 2rem;
  border-top: 1px solid #dbdbdb;
}

.form-login .hr-style2019 {
  border: 1px solid #ccc;
  width: 100%;
  margin-top: 20px;
}

@media (max-width: 800px) {
  .form-login .hr-style2019 {
    margin-bottom: 0px;
  }
}
.form-login .icon-do-not-enter {
  height: 20px;
  width: 20px;
  color: #e0182d;
  position: absolute;
  top: 25%;
  right: 1.5rem;
}

@media (max-width: 479px) {
  .form-login .icon-do-not-enter {
    height: 15px;
    width: 15px;
    top: 30%;
  }
}
.btn-login {
  margin-top: 24px;
  position: relative;
  height: 56px;
  width: 100%;
  background: #6b2fad;
  border-radius: 5px;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  border: 0;
  outline: none;
  color: #ffffff;
  display: inline-block;
  font: normal normal 400 18px/18px "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  padding: 1.5rem 1.4rem;
  text-decoration: none;
  transition: background 0.3s cubic-bezier(0.23, 1, 0.32, 1), color 0.3s cubic-bezier(0.23, 1, 0.32, 1), border 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
}

.btn-login:hover {
  background: #55258a;
}

.btn-login:active {
  background: #ffffff;
  color: #6b2fad;
  border: 1px solid #6b2fad;
}

.btn-login.inverted-login {
  border: 1px solid #ccc;
  background: #ffffff;
  color: #55258a;
}

.btn-login.inverted-login:hover {
  background: #6b2fad;
  color: #ffffff;
}

.btn-login.inverted-login:active {
  background: #ffffff;
  color: #6b2fad;
}

.spacer {
  margin: 0 0 2rem 0;
}

.shopping-sidedrawer {
  height: 100vh;
  background: rgb(246, 248, 249);
  z-index: 50;
}

.text-aqua {
  color: #00dbdb;
}

.line-trough {
  position: relative;
  display: inline-block;
}

.line-trough:before {
  content: "";
  width: 100%;
  position: absolute;
  right: 0;
  top: 35%;
  border-bottom: 0.5rem solid #ffffff;
  transform: skewY(-13deg);
}

.tryandbuy-button {
  font-family: "Circular Book", "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  background: none;
  border: 0.1rem solid #ffffff;
  border-radius: 0.4rem;
}

.tryandbuy-button.tryandbuy-button-reversed {
  color: #6b2fad;
  background: #ffffff;
  border: none;
}

.tryandbuy-button.tryandbuy-button-purple {
  color: #ffffff;
  background: #6b2fad;
}

.styled-prices-wrapper {
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 1200px) {
  .styled-prices-wrapper {
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.styled-prices-wrapper.styled-prices-wrapper-shop {
  font-size: 4.8rem;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 768px) {
  .styled-prices-wrapper.styled-prices-wrapper-shop {
    font-size: 3.5rem;
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 992px) {
  .styled-prices-wrapper.styled-prices-wrapper-shop {
    line-height: 3.8rem;
    margin-bottom: 1.2rem;
  }
}
.styled-line-trough {
  display: -ms-flexbox !important;
  display: flex !important;
  margin-right: 1rem;
}

.styled-comma {
  font-size: 2.8rem;
  margin-top: 1rem;
}

@media (min-width: 1366px) {
  .styled-comma {
    font-size: 3.6rem;
  }
}
@media (max-width: 1200px) {
  .styled-comma {
    font-size: 2.6rem;
    margin-top: 0.8rem;
  }
}
@media (max-width: 992px) {
  .styled-comma {
    font-size: 1.6rem;
    margin-top: 0.5rem;
  }
}
.styled-comma.styled-comma-shop {
  font-size: 3rem;
  margin-top: 0.5rem;
}

@media (max-width: 992px) {
  .styled-comma.styled-comma-shop {
    font-size: 2rem;
  }
}
.styled-decimals {
  font-size: 3.6rem;
  height: 100%;
  margin: -0.7rem 0 0 -1rem;
}

@media (min-width: 1366px) {
  .styled-decimals {
    font-size: 4.2rem;
  }
}
@media (max-width: 1200px) {
  .styled-decimals {
    font-size: 3rem;
    margin: -0.5rem 0 -0.5rem -0.8rem;
  }
}
@media (max-width: 992px) {
  .styled-decimals {
    font-size: 2rem;
    margin: -0.3rem 0 0 -0.5rem;
  }
}
.styled-decimals.styled-decimals-shop {
  font-size: 3rem;
  margin: -0.5rem 0 0 -0.5rem;
}

@media (max-width: 992px) {
  .styled-decimals.styled-decimals-shop {
    font-size: 2.4rem;
  }
}
/*!
 * Bootstrap Grid v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

#black-header-block .container,
#home-page-products-block .container,
#extension-highlight .container {
  width: 100%;
  padding-right: 16px;
  padding-left: 16px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  #black-header-block .container,
  #home-page-products-block .container,
  #extension-highlight .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  #black-header-block .container,
  #home-page-products-block .container,
  #extension-highlight .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  #black-header-block .container,
  #home-page-products-block .container,
  #extension-highlight .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  #black-header-block .container,
  #home-page-products-block .container,
  #extension-highlight .container {
    max-width: 1140px;
  }
}
@media (min-width: 1366px) {
  #black-header-block .container,
  #home-page-products-block .container,
  #extension-highlight .container {
    max-width: 1344px;
  }
}
#black-header-block .container-fluid,
#black-header-block .container-sm,
#black-header-block .container-md,
#black-header-block .container-lg,
#black-header-block .container-xl,
#black-header-block .container-xxl,
#home-page-products-block .container-fluid,
#home-page-products-block .container-sm,
#home-page-products-block .container-md,
#home-page-products-block .container-lg,
#home-page-products-block .container-xl,
#home-page-products-block .container-xxl,
#extension-highlight .container-fluid,
#extension-highlight .container-sm,
#extension-highlight .container-md,
#extension-highlight .container-lg,
#extension-highlight .container-xl,
#extension-highlight .container-xxl {
  width: 100%;
  padding-right: 16px;
  padding-left: 16px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  #black-header-block .container,
  #black-header-block .container-sm,
  #home-page-products-block .container,
  #home-page-products-block .container-sm,
  #extension-highlight .container,
  #extension-highlight .container-sm {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  #black-header-block .container,
  #black-header-block .container-sm,
  #black-header-block .container-md,
  #home-page-products-block .container,
  #home-page-products-block .container-sm,
  #home-page-products-block .container-md,
  #extension-highlight .container,
  #extension-highlight .container-sm,
  #extension-highlight .container-md {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  #black-header-block .container,
  #black-header-block .container-sm,
  #black-header-block .container-md,
  #black-header-block .container-lg,
  #home-page-products-block .container,
  #home-page-products-block .container-sm,
  #home-page-products-block .container-md,
  #home-page-products-block .container-lg,
  #extension-highlight .container,
  #extension-highlight .container-sm,
  #extension-highlight .container-md,
  #extension-highlight .container-lg {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  #black-header-block .container,
  #black-header-block .container-sm,
  #black-header-block .container-md,
  #black-header-block .container-lg,
  #black-header-block .container-xl,
  #home-page-products-block .container,
  #home-page-products-block .container-sm,
  #home-page-products-block .container-md,
  #home-page-products-block .container-lg,
  #home-page-products-block .container-xl,
  #extension-highlight .container,
  #extension-highlight .container-sm,
  #extension-highlight .container-md,
  #extension-highlight .container-lg,
  #extension-highlight .container-xl {
    max-width: 1140px;
  }
}
@media (min-width: 1366px) {
  #black-header-block .container,
  #black-header-block .container-sm,
  #black-header-block .container-md,
  #black-header-block .container-lg,
  #black-header-block .container-xl,
  #black-header-block .container-xxl,
  #home-page-products-block .container,
  #home-page-products-block .container-sm,
  #home-page-products-block .container-md,
  #home-page-products-block .container-lg,
  #home-page-products-block .container-xl,
  #home-page-products-block .container-xxl,
  #extension-highlight .container,
  #extension-highlight .container-sm,
  #extension-highlight .container-md,
  #extension-highlight .container-lg,
  #extension-highlight .container-xl,
  #extension-highlight .container-xxl {
    max-width: 1344px;
  }
}
#black-header-block .row,
#home-page-products-block .row,
#extension-highlight .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -16px;
  margin-left: -16px;
}

#black-header-block .no-gutters,
#home-page-products-block .no-gutters,
#extension-highlight .no-gutters {
  margin-right: 0;
  margin-left: 0;
}

#black-header-block .no-gutters > .col,
#black-header-block .no-gutters > [class*=col-],
#home-page-products-block .no-gutters > .col,
#home-page-products-block .no-gutters > [class*=col-],
#extension-highlight .no-gutters > .col,
#extension-highlight .no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

#black-header-block .col-1,
#black-header-block .col-2,
#black-header-block .col-3,
#black-header-block .col-4,
#black-header-block .col-5,
#black-header-block .col-6,
#black-header-block .col-7,
#black-header-block .col-8,
#black-header-block .col-9,
#black-header-block .col-10,
#black-header-block .col-11,
#black-header-block .col-12,
#black-header-block .col,
#black-header-block .col-auto,
#black-header-block .col-sm-1,
#black-header-block .col-sm-2,
#black-header-block .col-sm-3,
#black-header-block .col-sm-4,
#black-header-block .col-sm-5,
#black-header-block .col-sm-6,
#black-header-block .col-sm-7,
#black-header-block .col-sm-8,
#black-header-block .col-sm-9,
#black-header-block .col-sm-10,
#black-header-block .col-sm-11,
#black-header-block .col-sm-12,
#black-header-block .col-sm,
#black-header-block .col-sm-auto,
#black-header-block .col-md-1,
#black-header-block .col-md-2,
#black-header-block .col-md-3,
#black-header-block .col-md-4,
#black-header-block .col-md-5,
#black-header-block .col-md-6,
#black-header-block .col-md-7,
#black-header-block .col-md-8,
#black-header-block .col-md-9,
#black-header-block .col-md-10,
#black-header-block .col-md-11,
#black-header-block .col-md-12,
#black-header-block .col-md,
#black-header-block .col-md-auto,
#black-header-block .col-lg-1,
#black-header-block .col-lg-2,
#black-header-block .col-lg-3,
#black-header-block .col-lg-4,
#black-header-block .col-lg-5,
#black-header-block .col-lg-6,
#black-header-block .col-lg-7,
#black-header-block .col-lg-8,
#black-header-block .col-lg-9,
#black-header-block .col-lg-10,
#black-header-block .col-lg-11,
#black-header-block .col-lg-12,
#black-header-block .col-lg,
#black-header-block .col-lg-auto,
#black-header-block .col-xl-1,
#black-header-block .col-xl-2,
#black-header-block .col-xl-3,
#black-header-block .col-xl-4,
#black-header-block .col-xl-5,
#black-header-block .col-xl-6,
#black-header-block .col-xl-7,
#black-header-block .col-xl-8,
#black-header-block .col-xl-9,
#black-header-block .col-xl-10,
#black-header-block .col-xl-11,
#black-header-block .col-xl-12,
#black-header-block .col-xl,
#black-header-block .col-xl-auto,
#black-header-block .col-xxl-1,
#black-header-block .col-xxl-2,
#black-header-block .col-xxl-3,
#black-header-block .col-xxl-4,
#black-header-block .col-xxl-5,
#black-header-block .col-xxl-6,
#black-header-block .col-xxl-7,
#black-header-block .col-xxl-8,
#black-header-block .col-xxl-9,
#black-header-block .col-xxl-10,
#black-header-block .col-xxl-11,
#black-header-block .col-xxl-12,
#black-header-block .col-xxl,
#black-header-block .col-xxl-auto,
#home-page-products-block .col-1,
#home-page-products-block .col-2,
#home-page-products-block .col-3,
#home-page-products-block .col-4,
#home-page-products-block .col-5,
#home-page-products-block .col-6,
#home-page-products-block .col-7,
#home-page-products-block .col-8,
#home-page-products-block .col-9,
#home-page-products-block .col-10,
#home-page-products-block .col-11,
#home-page-products-block .col-12,
#home-page-products-block .col,
#home-page-products-block .col-auto,
#home-page-products-block .col-sm-1,
#home-page-products-block .col-sm-2,
#home-page-products-block .col-sm-3,
#home-page-products-block .col-sm-4,
#home-page-products-block .col-sm-5,
#home-page-products-block .col-sm-6,
#home-page-products-block .col-sm-7,
#home-page-products-block .col-sm-8,
#home-page-products-block .col-sm-9,
#home-page-products-block .col-sm-10,
#home-page-products-block .col-sm-11,
#home-page-products-block .col-sm-12,
#home-page-products-block .col-sm,
#home-page-products-block .col-sm-auto,
#home-page-products-block .col-md-1,
#home-page-products-block .col-md-2,
#home-page-products-block .col-md-3,
#home-page-products-block .col-md-4,
#home-page-products-block .col-md-5,
#home-page-products-block .col-md-6,
#home-page-products-block .col-md-7,
#home-page-products-block .col-md-8,
#home-page-products-block .col-md-9,
#home-page-products-block .col-md-10,
#home-page-products-block .col-md-11,
#home-page-products-block .col-md-12,
#home-page-products-block .col-md,
#home-page-products-block .col-md-auto,
#home-page-products-block .col-lg-1,
#home-page-products-block .col-lg-2,
#home-page-products-block .col-lg-3,
#home-page-products-block .col-lg-4,
#home-page-products-block .col-lg-5,
#home-page-products-block .col-lg-6,
#home-page-products-block .col-lg-7,
#home-page-products-block .col-lg-8,
#home-page-products-block .col-lg-9,
#home-page-products-block .col-lg-10,
#home-page-products-block .col-lg-11,
#home-page-products-block .col-lg-12,
#home-page-products-block .col-lg,
#home-page-products-block .col-lg-auto,
#home-page-products-block .col-xl-1,
#home-page-products-block .col-xl-2,
#home-page-products-block .col-xl-3,
#home-page-products-block .col-xl-4,
#home-page-products-block .col-xl-5,
#home-page-products-block .col-xl-6,
#home-page-products-block .col-xl-7,
#home-page-products-block .col-xl-8,
#home-page-products-block .col-xl-9,
#home-page-products-block .col-xl-10,
#home-page-products-block .col-xl-11,
#home-page-products-block .col-xl-12,
#home-page-products-block .col-xl,
#home-page-products-block .col-xl-auto,
#home-page-products-block .col-xxl-1,
#home-page-products-block .col-xxl-2,
#home-page-products-block .col-xxl-3,
#home-page-products-block .col-xxl-4,
#home-page-products-block .col-xxl-5,
#home-page-products-block .col-xxl-6,
#home-page-products-block .col-xxl-7,
#home-page-products-block .col-xxl-8,
#home-page-products-block .col-xxl-9,
#home-page-products-block .col-xxl-10,
#home-page-products-block .col-xxl-11,
#home-page-products-block .col-xxl-12,
#home-page-products-block .col-xxl,
#home-page-products-block .col-xxl-auto,
#extension-highlight .col-1,
#extension-highlight .col-2,
#extension-highlight .col-3,
#extension-highlight .col-4,
#extension-highlight .col-5,
#extension-highlight .col-6,
#extension-highlight .col-7,
#extension-highlight .col-8,
#extension-highlight .col-9,
#extension-highlight .col-10,
#extension-highlight .col-11,
#extension-highlight .col-12,
#extension-highlight .col,
#extension-highlight .col-auto,
#extension-highlight .col-sm-1,
#extension-highlight .col-sm-2,
#extension-highlight .col-sm-3,
#extension-highlight .col-sm-4,
#extension-highlight .col-sm-5,
#extension-highlight .col-sm-6,
#extension-highlight .col-sm-7,
#extension-highlight .col-sm-8,
#extension-highlight .col-sm-9,
#extension-highlight .col-sm-10,
#extension-highlight .col-sm-11,
#extension-highlight .col-sm-12,
#extension-highlight .col-sm,
#extension-highlight .col-sm-auto,
#extension-highlight .col-md-1,
#extension-highlight .col-md-2,
#extension-highlight .col-md-3,
#extension-highlight .col-md-4,
#extension-highlight .col-md-5,
#extension-highlight .col-md-6,
#extension-highlight .col-md-7,
#extension-highlight .col-md-8,
#extension-highlight .col-md-9,
#extension-highlight .col-md-10,
#extension-highlight .col-md-11,
#extension-highlight .col-md-12,
#extension-highlight .col-md,
#extension-highlight .col-md-auto,
#extension-highlight .col-lg-1,
#extension-highlight .col-lg-2,
#extension-highlight .col-lg-3,
#extension-highlight .col-lg-4,
#extension-highlight .col-lg-5,
#extension-highlight .col-lg-6,
#extension-highlight .col-lg-7,
#extension-highlight .col-lg-8,
#extension-highlight .col-lg-9,
#extension-highlight .col-lg-10,
#extension-highlight .col-lg-11,
#extension-highlight .col-lg-12,
#extension-highlight .col-lg,
#extension-highlight .col-lg-auto,
#extension-highlight .col-xl-1,
#extension-highlight .col-xl-2,
#extension-highlight .col-xl-3,
#extension-highlight .col-xl-4,
#extension-highlight .col-xl-5,
#extension-highlight .col-xl-6,
#extension-highlight .col-xl-7,
#extension-highlight .col-xl-8,
#extension-highlight .col-xl-9,
#extension-highlight .col-xl-10,
#extension-highlight .col-xl-11,
#extension-highlight .col-xl-12,
#extension-highlight .col-xl,
#extension-highlight .col-xl-auto,
#extension-highlight .col-xxl-1,
#extension-highlight .col-xxl-2,
#extension-highlight .col-xxl-3,
#extension-highlight .col-xxl-4,
#extension-highlight .col-xxl-5,
#extension-highlight .col-xxl-6,
#extension-highlight .col-xxl-7,
#extension-highlight .col-xxl-8,
#extension-highlight .col-xxl-9,
#extension-highlight .col-xxl-10,
#extension-highlight .col-xxl-11,
#extension-highlight .col-xxl-12,
#extension-highlight .col-xxl,
#extension-highlight .col-xxl-auto {
  position: relative;
  width: 100%;
  padding-right: 16px;
  padding-left: 16px;
}

#black-header-block .col,
#home-page-products-block .col,
#extension-highlight .col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

#black-header-block .row-cols-1 > *,
#home-page-products-block .row-cols-1 > *,
#extension-highlight .row-cols-1 > * {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

#black-header-block .row-cols-2 > *,
#home-page-products-block .row-cols-2 > *,
#extension-highlight .row-cols-2 > * {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

#black-header-block .row-cols-3 > *,
#home-page-products-block .row-cols-3 > *,
#extension-highlight .row-cols-3 > * {
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

#black-header-block .row-cols-4 > *,
#home-page-products-block .row-cols-4 > *,
#extension-highlight .row-cols-4 > * {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

#black-header-block .row-cols-5 > *,
#home-page-products-block .row-cols-5 > *,
#extension-highlight .row-cols-5 > * {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}

#black-header-block .row-cols-6 > *,
#home-page-products-block .row-cols-6 > *,
#extension-highlight .row-cols-6 > * {
  -ms-flex: 0 0 16.66667%;
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

#black-header-block .col-auto,
#home-page-products-block .col-auto,
#extension-highlight .col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

#black-header-block .col-1,
#home-page-products-block .col-1,
#extension-highlight .col-1 {
  -ms-flex: 0 0 8.33333%;
  flex: 0 0 8.33333%;
  max-width: 8.33333%;
}

#black-header-block .col-2,
#home-page-products-block .col-2,
#extension-highlight .col-2 {
  -ms-flex: 0 0 16.66667%;
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

#black-header-block .col-3,
#home-page-products-block .col-3,
#extension-highlight .col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

#black-header-block .col-4,
#home-page-products-block .col-4,
#extension-highlight .col-4 {
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

#black-header-block .col-5,
#home-page-products-block .col-5,
#extension-highlight .col-5 {
  -ms-flex: 0 0 41.66667%;
  flex: 0 0 41.66667%;
  max-width: 41.66667%;
}

#black-header-block .col-6,
#home-page-products-block .col-6,
#extension-highlight .col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

#black-header-block .col-7,
#home-page-products-block .col-7,
#extension-highlight .col-7 {
  -ms-flex: 0 0 58.33333%;
  flex: 0 0 58.33333%;
  max-width: 58.33333%;
}

#black-header-block .col-8,
#home-page-products-block .col-8,
#extension-highlight .col-8 {
  -ms-flex: 0 0 66.66667%;
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
}

#black-header-block .col-9,
#home-page-products-block .col-9,
#extension-highlight .col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

#black-header-block .col-10,
#home-page-products-block .col-10,
#extension-highlight .col-10 {
  -ms-flex: 0 0 83.33333%;
  flex: 0 0 83.33333%;
  max-width: 83.33333%;
}

#black-header-block .col-11,
#home-page-products-block .col-11,
#extension-highlight .col-11 {
  -ms-flex: 0 0 91.66667%;
  flex: 0 0 91.66667%;
  max-width: 91.66667%;
}

#black-header-block .col-12,
#home-page-products-block .col-12,
#extension-highlight .col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

#black-header-block .order-first,
#home-page-products-block .order-first,
#extension-highlight .order-first {
  -ms-flex-order: -1;
  order: -1;
}

#black-header-block .order-last,
#home-page-products-block .order-last,
#extension-highlight .order-last {
  -ms-flex-order: 13;
  order: 13;
}

#black-header-block .order-0,
#home-page-products-block .order-0,
#extension-highlight .order-0 {
  -ms-flex-order: 0;
  order: 0;
}

#black-header-block .order-1,
#home-page-products-block .order-1,
#extension-highlight .order-1 {
  -ms-flex-order: 1;
  order: 1;
}

#black-header-block .order-2,
#home-page-products-block .order-2,
#extension-highlight .order-2 {
  -ms-flex-order: 2;
  order: 2;
}

#black-header-block .order-3,
#home-page-products-block .order-3,
#extension-highlight .order-3 {
  -ms-flex-order: 3;
  order: 3;
}

#black-header-block .order-4,
#home-page-products-block .order-4,
#extension-highlight .order-4 {
  -ms-flex-order: 4;
  order: 4;
}

#black-header-block .order-5,
#home-page-products-block .order-5,
#extension-highlight .order-5 {
  -ms-flex-order: 5;
  order: 5;
}

#black-header-block .order-6,
#home-page-products-block .order-6,
#extension-highlight .order-6 {
  -ms-flex-order: 6;
  order: 6;
}

#black-header-block .order-7,
#home-page-products-block .order-7,
#extension-highlight .order-7 {
  -ms-flex-order: 7;
  order: 7;
}

#black-header-block .order-8,
#home-page-products-block .order-8,
#extension-highlight .order-8 {
  -ms-flex-order: 8;
  order: 8;
}

#black-header-block .order-9,
#home-page-products-block .order-9,
#extension-highlight .order-9 {
  -ms-flex-order: 9;
  order: 9;
}

#black-header-block .order-10,
#home-page-products-block .order-10,
#extension-highlight .order-10 {
  -ms-flex-order: 10;
  order: 10;
}

#black-header-block .order-11,
#home-page-products-block .order-11,
#extension-highlight .order-11 {
  -ms-flex-order: 11;
  order: 11;
}

#black-header-block .order-12,
#home-page-products-block .order-12,
#extension-highlight .order-12 {
  -ms-flex-order: 12;
  order: 12;
}

#black-header-block .offset-1,
#home-page-products-block .offset-1,
#extension-highlight .offset-1 {
  margin-left: 8.33333%;
}

#black-header-block .offset-2,
#home-page-products-block .offset-2,
#extension-highlight .offset-2 {
  margin-left: 16.66667%;
}

#black-header-block .offset-3,
#home-page-products-block .offset-3,
#extension-highlight .offset-3 {
  margin-left: 25%;
}

#black-header-block .offset-4,
#home-page-products-block .offset-4,
#extension-highlight .offset-4 {
  margin-left: 33.33333%;
}

#black-header-block .offset-5,
#home-page-products-block .offset-5,
#extension-highlight .offset-5 {
  margin-left: 41.66667%;
}

#black-header-block .offset-6,
#home-page-products-block .offset-6,
#extension-highlight .offset-6 {
  margin-left: 50%;
}

#black-header-block .offset-7,
#home-page-products-block .offset-7,
#extension-highlight .offset-7 {
  margin-left: 58.33333%;
}

#black-header-block .offset-8,
#home-page-products-block .offset-8,
#extension-highlight .offset-8 {
  margin-left: 66.66667%;
}

#black-header-block .offset-9,
#home-page-products-block .offset-9,
#extension-highlight .offset-9 {
  margin-left: 75%;
}

#black-header-block .offset-10,
#home-page-products-block .offset-10,
#extension-highlight .offset-10 {
  margin-left: 83.33333%;
}

#black-header-block .offset-11,
#home-page-products-block .offset-11,
#extension-highlight .offset-11 {
  margin-left: 91.66667%;
}

@media (min-width: 576px) {
  #black-header-block .col-sm,
  #home-page-products-block .col-sm,
  #extension-highlight .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  #black-header-block .row-cols-sm-1 > *,
  #home-page-products-block .row-cols-sm-1 > *,
  #extension-highlight .row-cols-sm-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  #black-header-block .row-cols-sm-2 > *,
  #home-page-products-block .row-cols-sm-2 > *,
  #extension-highlight .row-cols-sm-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  #black-header-block .row-cols-sm-3 > *,
  #home-page-products-block .row-cols-sm-3 > *,
  #extension-highlight .row-cols-sm-3 > * {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  #black-header-block .row-cols-sm-4 > *,
  #home-page-products-block .row-cols-sm-4 > *,
  #extension-highlight .row-cols-sm-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  #black-header-block .row-cols-sm-5 > *,
  #home-page-products-block .row-cols-sm-5 > *,
  #extension-highlight .row-cols-sm-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  #black-header-block .row-cols-sm-6 > *,
  #home-page-products-block .row-cols-sm-6 > *,
  #extension-highlight .row-cols-sm-6 > * {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  #black-header-block .col-sm-auto,
  #home-page-products-block .col-sm-auto,
  #extension-highlight .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  #black-header-block .col-sm-1,
  #home-page-products-block .col-sm-1,
  #extension-highlight .col-sm-1 {
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  #black-header-block .col-sm-2,
  #home-page-products-block .col-sm-2,
  #extension-highlight .col-sm-2 {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  #black-header-block .col-sm-3,
  #home-page-products-block .col-sm-3,
  #extension-highlight .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  #black-header-block .col-sm-4,
  #home-page-products-block .col-sm-4,
  #extension-highlight .col-sm-4 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  #black-header-block .col-sm-5,
  #home-page-products-block .col-sm-5,
  #extension-highlight .col-sm-5 {
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  #black-header-block .col-sm-6,
  #home-page-products-block .col-sm-6,
  #extension-highlight .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  #black-header-block .col-sm-7,
  #home-page-products-block .col-sm-7,
  #extension-highlight .col-sm-7 {
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  #black-header-block .col-sm-8,
  #home-page-products-block .col-sm-8,
  #extension-highlight .col-sm-8 {
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  #black-header-block .col-sm-9,
  #home-page-products-block .col-sm-9,
  #extension-highlight .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  #black-header-block .col-sm-10,
  #home-page-products-block .col-sm-10,
  #extension-highlight .col-sm-10 {
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  #black-header-block .col-sm-11,
  #home-page-products-block .col-sm-11,
  #extension-highlight .col-sm-11 {
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  #black-header-block .col-sm-12,
  #home-page-products-block .col-sm-12,
  #extension-highlight .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  #black-header-block .order-sm-first,
  #home-page-products-block .order-sm-first,
  #extension-highlight .order-sm-first {
    -ms-flex-order: -1;
    order: -1;
  }
  #black-header-block .order-sm-last,
  #home-page-products-block .order-sm-last,
  #extension-highlight .order-sm-last {
    -ms-flex-order: 13;
    order: 13;
  }
  #black-header-block .order-sm-0,
  #home-page-products-block .order-sm-0,
  #extension-highlight .order-sm-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  #black-header-block .order-sm-1,
  #home-page-products-block .order-sm-1,
  #extension-highlight .order-sm-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  #black-header-block .order-sm-2,
  #home-page-products-block .order-sm-2,
  #extension-highlight .order-sm-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  #black-header-block .order-sm-3,
  #home-page-products-block .order-sm-3,
  #extension-highlight .order-sm-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  #black-header-block .order-sm-4,
  #home-page-products-block .order-sm-4,
  #extension-highlight .order-sm-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  #black-header-block .order-sm-5,
  #home-page-products-block .order-sm-5,
  #extension-highlight .order-sm-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  #black-header-block .order-sm-6,
  #home-page-products-block .order-sm-6,
  #extension-highlight .order-sm-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  #black-header-block .order-sm-7,
  #home-page-products-block .order-sm-7,
  #extension-highlight .order-sm-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  #black-header-block .order-sm-8,
  #home-page-products-block .order-sm-8,
  #extension-highlight .order-sm-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  #black-header-block .order-sm-9,
  #home-page-products-block .order-sm-9,
  #extension-highlight .order-sm-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  #black-header-block .order-sm-10,
  #home-page-products-block .order-sm-10,
  #extension-highlight .order-sm-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  #black-header-block .order-sm-11,
  #home-page-products-block .order-sm-11,
  #extension-highlight .order-sm-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  #black-header-block .order-sm-12,
  #home-page-products-block .order-sm-12,
  #extension-highlight .order-sm-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  #black-header-block .offset-sm-0,
  #home-page-products-block .offset-sm-0,
  #extension-highlight .offset-sm-0 {
    margin-left: 0;
  }
  #black-header-block .offset-sm-1,
  #home-page-products-block .offset-sm-1,
  #extension-highlight .offset-sm-1 {
    margin-left: 8.33333%;
  }
  #black-header-block .offset-sm-2,
  #home-page-products-block .offset-sm-2,
  #extension-highlight .offset-sm-2 {
    margin-left: 16.66667%;
  }
  #black-header-block .offset-sm-3,
  #home-page-products-block .offset-sm-3,
  #extension-highlight .offset-sm-3 {
    margin-left: 25%;
  }
  #black-header-block .offset-sm-4,
  #home-page-products-block .offset-sm-4,
  #extension-highlight .offset-sm-4 {
    margin-left: 33.33333%;
  }
  #black-header-block .offset-sm-5,
  #home-page-products-block .offset-sm-5,
  #extension-highlight .offset-sm-5 {
    margin-left: 41.66667%;
  }
  #black-header-block .offset-sm-6,
  #home-page-products-block .offset-sm-6,
  #extension-highlight .offset-sm-6 {
    margin-left: 50%;
  }
  #black-header-block .offset-sm-7,
  #home-page-products-block .offset-sm-7,
  #extension-highlight .offset-sm-7 {
    margin-left: 58.33333%;
  }
  #black-header-block .offset-sm-8,
  #home-page-products-block .offset-sm-8,
  #extension-highlight .offset-sm-8 {
    margin-left: 66.66667%;
  }
  #black-header-block .offset-sm-9,
  #home-page-products-block .offset-sm-9,
  #extension-highlight .offset-sm-9 {
    margin-left: 75%;
  }
  #black-header-block .offset-sm-10,
  #home-page-products-block .offset-sm-10,
  #extension-highlight .offset-sm-10 {
    margin-left: 83.33333%;
  }
  #black-header-block .offset-sm-11,
  #home-page-products-block .offset-sm-11,
  #extension-highlight .offset-sm-11 {
    margin-left: 91.66667%;
  }
}
@media (min-width: 768px) {
  #black-header-block .col-md,
  #home-page-products-block .col-md,
  #extension-highlight .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  #black-header-block .row-cols-md-1 > *,
  #home-page-products-block .row-cols-md-1 > *,
  #extension-highlight .row-cols-md-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  #black-header-block .row-cols-md-2 > *,
  #home-page-products-block .row-cols-md-2 > *,
  #extension-highlight .row-cols-md-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  #black-header-block .row-cols-md-3 > *,
  #home-page-products-block .row-cols-md-3 > *,
  #extension-highlight .row-cols-md-3 > * {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  #black-header-block .row-cols-md-4 > *,
  #home-page-products-block .row-cols-md-4 > *,
  #extension-highlight .row-cols-md-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  #black-header-block .row-cols-md-5 > *,
  #home-page-products-block .row-cols-md-5 > *,
  #extension-highlight .row-cols-md-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  #black-header-block .row-cols-md-6 > *,
  #home-page-products-block .row-cols-md-6 > *,
  #extension-highlight .row-cols-md-6 > * {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  #black-header-block .col-md-auto,
  #home-page-products-block .col-md-auto,
  #extension-highlight .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  #black-header-block .col-md-1,
  #home-page-products-block .col-md-1,
  #extension-highlight .col-md-1 {
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  #black-header-block .col-md-2,
  #home-page-products-block .col-md-2,
  #extension-highlight .col-md-2 {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  #black-header-block .col-md-3,
  #home-page-products-block .col-md-3,
  #extension-highlight .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  #black-header-block .col-md-4,
  #home-page-products-block .col-md-4,
  #extension-highlight .col-md-4 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  #black-header-block .col-md-5,
  #home-page-products-block .col-md-5,
  #extension-highlight .col-md-5 {
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  #black-header-block .col-md-6,
  #home-page-products-block .col-md-6,
  #extension-highlight .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  #black-header-block .col-md-7,
  #home-page-products-block .col-md-7,
  #extension-highlight .col-md-7 {
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  #black-header-block .col-md-8,
  #home-page-products-block .col-md-8,
  #extension-highlight .col-md-8 {
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  #black-header-block .col-md-9,
  #home-page-products-block .col-md-9,
  #extension-highlight .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  #black-header-block .col-md-10,
  #home-page-products-block .col-md-10,
  #extension-highlight .col-md-10 {
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  #black-header-block .col-md-11,
  #home-page-products-block .col-md-11,
  #extension-highlight .col-md-11 {
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  #black-header-block .col-md-12,
  #home-page-products-block .col-md-12,
  #extension-highlight .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  #black-header-block .order-md-first,
  #home-page-products-block .order-md-first,
  #extension-highlight .order-md-first {
    -ms-flex-order: -1;
    order: -1;
  }
  #black-header-block .order-md-last,
  #home-page-products-block .order-md-last,
  #extension-highlight .order-md-last {
    -ms-flex-order: 13;
    order: 13;
  }
  #black-header-block .order-md-0,
  #home-page-products-block .order-md-0,
  #extension-highlight .order-md-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  #black-header-block .order-md-1,
  #home-page-products-block .order-md-1,
  #extension-highlight .order-md-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  #black-header-block .order-md-2,
  #home-page-products-block .order-md-2,
  #extension-highlight .order-md-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  #black-header-block .order-md-3,
  #home-page-products-block .order-md-3,
  #extension-highlight .order-md-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  #black-header-block .order-md-4,
  #home-page-products-block .order-md-4,
  #extension-highlight .order-md-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  #black-header-block .order-md-5,
  #home-page-products-block .order-md-5,
  #extension-highlight .order-md-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  #black-header-block .order-md-6,
  #home-page-products-block .order-md-6,
  #extension-highlight .order-md-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  #black-header-block .order-md-7,
  #home-page-products-block .order-md-7,
  #extension-highlight .order-md-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  #black-header-block .order-md-8,
  #home-page-products-block .order-md-8,
  #extension-highlight .order-md-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  #black-header-block .order-md-9,
  #home-page-products-block .order-md-9,
  #extension-highlight .order-md-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  #black-header-block .order-md-10,
  #home-page-products-block .order-md-10,
  #extension-highlight .order-md-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  #black-header-block .order-md-11,
  #home-page-products-block .order-md-11,
  #extension-highlight .order-md-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  #black-header-block .order-md-12,
  #home-page-products-block .order-md-12,
  #extension-highlight .order-md-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  #black-header-block .offset-md-0,
  #home-page-products-block .offset-md-0,
  #extension-highlight .offset-md-0 {
    margin-left: 0;
  }
  #black-header-block .offset-md-1,
  #home-page-products-block .offset-md-1,
  #extension-highlight .offset-md-1 {
    margin-left: 8.33333%;
  }
  #black-header-block .offset-md-2,
  #home-page-products-block .offset-md-2,
  #extension-highlight .offset-md-2 {
    margin-left: 16.66667%;
  }
  #black-header-block .offset-md-3,
  #home-page-products-block .offset-md-3,
  #extension-highlight .offset-md-3 {
    margin-left: 25%;
  }
  #black-header-block .offset-md-4,
  #home-page-products-block .offset-md-4,
  #extension-highlight .offset-md-4 {
    margin-left: 33.33333%;
  }
  #black-header-block .offset-md-5,
  #home-page-products-block .offset-md-5,
  #extension-highlight .offset-md-5 {
    margin-left: 41.66667%;
  }
  #black-header-block .offset-md-6,
  #home-page-products-block .offset-md-6,
  #extension-highlight .offset-md-6 {
    margin-left: 50%;
  }
  #black-header-block .offset-md-7,
  #home-page-products-block .offset-md-7,
  #extension-highlight .offset-md-7 {
    margin-left: 58.33333%;
  }
  #black-header-block .offset-md-8,
  #home-page-products-block .offset-md-8,
  #extension-highlight .offset-md-8 {
    margin-left: 66.66667%;
  }
  #black-header-block .offset-md-9,
  #home-page-products-block .offset-md-9,
  #extension-highlight .offset-md-9 {
    margin-left: 75%;
  }
  #black-header-block .offset-md-10,
  #home-page-products-block .offset-md-10,
  #extension-highlight .offset-md-10 {
    margin-left: 83.33333%;
  }
  #black-header-block .offset-md-11,
  #home-page-products-block .offset-md-11,
  #extension-highlight .offset-md-11 {
    margin-left: 91.66667%;
  }
}
@media (min-width: 992px) {
  #black-header-block .col-lg,
  #home-page-products-block .col-lg,
  #extension-highlight .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  #black-header-block .row-cols-lg-1 > *,
  #home-page-products-block .row-cols-lg-1 > *,
  #extension-highlight .row-cols-lg-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  #black-header-block .row-cols-lg-2 > *,
  #home-page-products-block .row-cols-lg-2 > *,
  #extension-highlight .row-cols-lg-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  #black-header-block .row-cols-lg-3 > *,
  #home-page-products-block .row-cols-lg-3 > *,
  #extension-highlight .row-cols-lg-3 > * {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  #black-header-block .row-cols-lg-4 > *,
  #home-page-products-block .row-cols-lg-4 > *,
  #extension-highlight .row-cols-lg-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  #black-header-block .row-cols-lg-5 > *,
  #home-page-products-block .row-cols-lg-5 > *,
  #extension-highlight .row-cols-lg-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  #black-header-block .row-cols-lg-6 > *,
  #home-page-products-block .row-cols-lg-6 > *,
  #extension-highlight .row-cols-lg-6 > * {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  #black-header-block .col-lg-auto,
  #home-page-products-block .col-lg-auto,
  #extension-highlight .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  #black-header-block .col-lg-1,
  #home-page-products-block .col-lg-1,
  #extension-highlight .col-lg-1 {
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  #black-header-block .col-lg-2,
  #home-page-products-block .col-lg-2,
  #extension-highlight .col-lg-2 {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  #black-header-block .col-lg-3,
  #home-page-products-block .col-lg-3,
  #extension-highlight .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  #black-header-block .col-lg-4,
  #home-page-products-block .col-lg-4,
  #extension-highlight .col-lg-4 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  #black-header-block .col-lg-5,
  #home-page-products-block .col-lg-5,
  #extension-highlight .col-lg-5 {
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  #black-header-block .col-lg-6,
  #home-page-products-block .col-lg-6,
  #extension-highlight .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  #black-header-block .col-lg-7,
  #home-page-products-block .col-lg-7,
  #extension-highlight .col-lg-7 {
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  #black-header-block .col-lg-8,
  #home-page-products-block .col-lg-8,
  #extension-highlight .col-lg-8 {
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  #black-header-block .col-lg-9,
  #home-page-products-block .col-lg-9,
  #extension-highlight .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  #black-header-block .col-lg-10,
  #home-page-products-block .col-lg-10,
  #extension-highlight .col-lg-10 {
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  #black-header-block .col-lg-11,
  #home-page-products-block .col-lg-11,
  #extension-highlight .col-lg-11 {
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  #black-header-block .col-lg-12,
  #home-page-products-block .col-lg-12,
  #extension-highlight .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  #black-header-block .order-lg-first,
  #home-page-products-block .order-lg-first,
  #extension-highlight .order-lg-first {
    -ms-flex-order: -1;
    order: -1;
  }
  #black-header-block .order-lg-last,
  #home-page-products-block .order-lg-last,
  #extension-highlight .order-lg-last {
    -ms-flex-order: 13;
    order: 13;
  }
  #black-header-block .order-lg-0,
  #home-page-products-block .order-lg-0,
  #extension-highlight .order-lg-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  #black-header-block .order-lg-1,
  #home-page-products-block .order-lg-1,
  #extension-highlight .order-lg-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  #black-header-block .order-lg-2,
  #home-page-products-block .order-lg-2,
  #extension-highlight .order-lg-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  #black-header-block .order-lg-3,
  #home-page-products-block .order-lg-3,
  #extension-highlight .order-lg-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  #black-header-block .order-lg-4,
  #home-page-products-block .order-lg-4,
  #extension-highlight .order-lg-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  #black-header-block .order-lg-5,
  #home-page-products-block .order-lg-5,
  #extension-highlight .order-lg-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  #black-header-block .order-lg-6,
  #home-page-products-block .order-lg-6,
  #extension-highlight .order-lg-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  #black-header-block .order-lg-7,
  #home-page-products-block .order-lg-7,
  #extension-highlight .order-lg-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  #black-header-block .order-lg-8,
  #home-page-products-block .order-lg-8,
  #extension-highlight .order-lg-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  #black-header-block .order-lg-9,
  #home-page-products-block .order-lg-9,
  #extension-highlight .order-lg-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  #black-header-block .order-lg-10,
  #home-page-products-block .order-lg-10,
  #extension-highlight .order-lg-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  #black-header-block .order-lg-11,
  #home-page-products-block .order-lg-11,
  #extension-highlight .order-lg-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  #black-header-block .order-lg-12,
  #home-page-products-block .order-lg-12,
  #extension-highlight .order-lg-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  #black-header-block .offset-lg-0,
  #home-page-products-block .offset-lg-0,
  #extension-highlight .offset-lg-0 {
    margin-left: 0;
  }
  #black-header-block .offset-lg-1,
  #home-page-products-block .offset-lg-1,
  #extension-highlight .offset-lg-1 {
    margin-left: 8.33333%;
  }
  #black-header-block .offset-lg-2,
  #home-page-products-block .offset-lg-2,
  #extension-highlight .offset-lg-2 {
    margin-left: 16.66667%;
  }
  #black-header-block .offset-lg-3,
  #home-page-products-block .offset-lg-3,
  #extension-highlight .offset-lg-3 {
    margin-left: 25%;
  }
  #black-header-block .offset-lg-4,
  #home-page-products-block .offset-lg-4,
  #extension-highlight .offset-lg-4 {
    margin-left: 33.33333%;
  }
  #black-header-block .offset-lg-5,
  #home-page-products-block .offset-lg-5,
  #extension-highlight .offset-lg-5 {
    margin-left: 41.66667%;
  }
  #black-header-block .offset-lg-6,
  #home-page-products-block .offset-lg-6,
  #extension-highlight .offset-lg-6 {
    margin-left: 50%;
  }
  #black-header-block .offset-lg-7,
  #home-page-products-block .offset-lg-7,
  #extension-highlight .offset-lg-7 {
    margin-left: 58.33333%;
  }
  #black-header-block .offset-lg-8,
  #home-page-products-block .offset-lg-8,
  #extension-highlight .offset-lg-8 {
    margin-left: 66.66667%;
  }
  #black-header-block .offset-lg-9,
  #home-page-products-block .offset-lg-9,
  #extension-highlight .offset-lg-9 {
    margin-left: 75%;
  }
  #black-header-block .offset-lg-10,
  #home-page-products-block .offset-lg-10,
  #extension-highlight .offset-lg-10 {
    margin-left: 83.33333%;
  }
  #black-header-block .offset-lg-11,
  #home-page-products-block .offset-lg-11,
  #extension-highlight .offset-lg-11 {
    margin-left: 91.66667%;
  }
}
@media (min-width: 1200px) {
  #black-header-block .col-xl,
  #home-page-products-block .col-xl,
  #extension-highlight .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  #black-header-block .row-cols-xl-1 > *,
  #home-page-products-block .row-cols-xl-1 > *,
  #extension-highlight .row-cols-xl-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  #black-header-block .row-cols-xl-2 > *,
  #home-page-products-block .row-cols-xl-2 > *,
  #extension-highlight .row-cols-xl-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  #black-header-block .row-cols-xl-3 > *,
  #home-page-products-block .row-cols-xl-3 > *,
  #extension-highlight .row-cols-xl-3 > * {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  #black-header-block .row-cols-xl-4 > *,
  #home-page-products-block .row-cols-xl-4 > *,
  #extension-highlight .row-cols-xl-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  #black-header-block .row-cols-xl-5 > *,
  #home-page-products-block .row-cols-xl-5 > *,
  #extension-highlight .row-cols-xl-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  #black-header-block .row-cols-xl-6 > *,
  #home-page-products-block .row-cols-xl-6 > *,
  #extension-highlight .row-cols-xl-6 > * {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  #black-header-block .col-xl-auto,
  #home-page-products-block .col-xl-auto,
  #extension-highlight .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  #black-header-block .col-xl-1,
  #home-page-products-block .col-xl-1,
  #extension-highlight .col-xl-1 {
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  #black-header-block .col-xl-2,
  #home-page-products-block .col-xl-2,
  #extension-highlight .col-xl-2 {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  #black-header-block .col-xl-3,
  #home-page-products-block .col-xl-3,
  #extension-highlight .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  #black-header-block .col-xl-4,
  #home-page-products-block .col-xl-4,
  #extension-highlight .col-xl-4 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  #black-header-block .col-xl-5,
  #home-page-products-block .col-xl-5,
  #extension-highlight .col-xl-5 {
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  #black-header-block .col-xl-6,
  #home-page-products-block .col-xl-6,
  #extension-highlight .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  #black-header-block .col-xl-7,
  #home-page-products-block .col-xl-7,
  #extension-highlight .col-xl-7 {
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  #black-header-block .col-xl-8,
  #home-page-products-block .col-xl-8,
  #extension-highlight .col-xl-8 {
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  #black-header-block .col-xl-9,
  #home-page-products-block .col-xl-9,
  #extension-highlight .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  #black-header-block .col-xl-10,
  #home-page-products-block .col-xl-10,
  #extension-highlight .col-xl-10 {
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  #black-header-block .col-xl-11,
  #home-page-products-block .col-xl-11,
  #extension-highlight .col-xl-11 {
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  #black-header-block .col-xl-12,
  #home-page-products-block .col-xl-12,
  #extension-highlight .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  #black-header-block .order-xl-first,
  #home-page-products-block .order-xl-first,
  #extension-highlight .order-xl-first {
    -ms-flex-order: -1;
    order: -1;
  }
  #black-header-block .order-xl-last,
  #home-page-products-block .order-xl-last,
  #extension-highlight .order-xl-last {
    -ms-flex-order: 13;
    order: 13;
  }
  #black-header-block .order-xl-0,
  #home-page-products-block .order-xl-0,
  #extension-highlight .order-xl-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  #black-header-block .order-xl-1,
  #home-page-products-block .order-xl-1,
  #extension-highlight .order-xl-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  #black-header-block .order-xl-2,
  #home-page-products-block .order-xl-2,
  #extension-highlight .order-xl-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  #black-header-block .order-xl-3,
  #home-page-products-block .order-xl-3,
  #extension-highlight .order-xl-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  #black-header-block .order-xl-4,
  #home-page-products-block .order-xl-4,
  #extension-highlight .order-xl-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  #black-header-block .order-xl-5,
  #home-page-products-block .order-xl-5,
  #extension-highlight .order-xl-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  #black-header-block .order-xl-6,
  #home-page-products-block .order-xl-6,
  #extension-highlight .order-xl-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  #black-header-block .order-xl-7,
  #home-page-products-block .order-xl-7,
  #extension-highlight .order-xl-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  #black-header-block .order-xl-8,
  #home-page-products-block .order-xl-8,
  #extension-highlight .order-xl-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  #black-header-block .order-xl-9,
  #home-page-products-block .order-xl-9,
  #extension-highlight .order-xl-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  #black-header-block .order-xl-10,
  #home-page-products-block .order-xl-10,
  #extension-highlight .order-xl-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  #black-header-block .order-xl-11,
  #home-page-products-block .order-xl-11,
  #extension-highlight .order-xl-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  #black-header-block .order-xl-12,
  #home-page-products-block .order-xl-12,
  #extension-highlight .order-xl-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  #black-header-block .offset-xl-0,
  #home-page-products-block .offset-xl-0,
  #extension-highlight .offset-xl-0 {
    margin-left: 0;
  }
  #black-header-block .offset-xl-1,
  #home-page-products-block .offset-xl-1,
  #extension-highlight .offset-xl-1 {
    margin-left: 8.33333%;
  }
  #black-header-block .offset-xl-2,
  #home-page-products-block .offset-xl-2,
  #extension-highlight .offset-xl-2 {
    margin-left: 16.66667%;
  }
  #black-header-block .offset-xl-3,
  #home-page-products-block .offset-xl-3,
  #extension-highlight .offset-xl-3 {
    margin-left: 25%;
  }
  #black-header-block .offset-xl-4,
  #home-page-products-block .offset-xl-4,
  #extension-highlight .offset-xl-4 {
    margin-left: 33.33333%;
  }
  #black-header-block .offset-xl-5,
  #home-page-products-block .offset-xl-5,
  #extension-highlight .offset-xl-5 {
    margin-left: 41.66667%;
  }
  #black-header-block .offset-xl-6,
  #home-page-products-block .offset-xl-6,
  #extension-highlight .offset-xl-6 {
    margin-left: 50%;
  }
  #black-header-block .offset-xl-7,
  #home-page-products-block .offset-xl-7,
  #extension-highlight .offset-xl-7 {
    margin-left: 58.33333%;
  }
  #black-header-block .offset-xl-8,
  #home-page-products-block .offset-xl-8,
  #extension-highlight .offset-xl-8 {
    margin-left: 66.66667%;
  }
  #black-header-block .offset-xl-9,
  #home-page-products-block .offset-xl-9,
  #extension-highlight .offset-xl-9 {
    margin-left: 75%;
  }
  #black-header-block .offset-xl-10,
  #home-page-products-block .offset-xl-10,
  #extension-highlight .offset-xl-10 {
    margin-left: 83.33333%;
  }
  #black-header-block .offset-xl-11,
  #home-page-products-block .offset-xl-11,
  #extension-highlight .offset-xl-11 {
    margin-left: 91.66667%;
  }
}
@media (min-width: 1366px) {
  #black-header-block .col-xxl,
  #home-page-products-block .col-xxl,
  #extension-highlight .col-xxl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  #black-header-block .row-cols-xxl-1 > *,
  #home-page-products-block .row-cols-xxl-1 > *,
  #extension-highlight .row-cols-xxl-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  #black-header-block .row-cols-xxl-2 > *,
  #home-page-products-block .row-cols-xxl-2 > *,
  #extension-highlight .row-cols-xxl-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  #black-header-block .row-cols-xxl-3 > *,
  #home-page-products-block .row-cols-xxl-3 > *,
  #extension-highlight .row-cols-xxl-3 > * {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  #black-header-block .row-cols-xxl-4 > *,
  #home-page-products-block .row-cols-xxl-4 > *,
  #extension-highlight .row-cols-xxl-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  #black-header-block .row-cols-xxl-5 > *,
  #home-page-products-block .row-cols-xxl-5 > *,
  #extension-highlight .row-cols-xxl-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  #black-header-block .row-cols-xxl-6 > *,
  #home-page-products-block .row-cols-xxl-6 > *,
  #extension-highlight .row-cols-xxl-6 > * {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  #black-header-block .col-xxl-auto,
  #home-page-products-block .col-xxl-auto,
  #extension-highlight .col-xxl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  #black-header-block .col-xxl-1,
  #home-page-products-block .col-xxl-1,
  #extension-highlight .col-xxl-1 {
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  #black-header-block .col-xxl-2,
  #home-page-products-block .col-xxl-2,
  #extension-highlight .col-xxl-2 {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  #black-header-block .col-xxl-3,
  #home-page-products-block .col-xxl-3,
  #extension-highlight .col-xxl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  #black-header-block .col-xxl-4,
  #home-page-products-block .col-xxl-4,
  #extension-highlight .col-xxl-4 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  #black-header-block .col-xxl-5,
  #home-page-products-block .col-xxl-5,
  #extension-highlight .col-xxl-5 {
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  #black-header-block .col-xxl-6,
  #home-page-products-block .col-xxl-6,
  #extension-highlight .col-xxl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  #black-header-block .col-xxl-7,
  #home-page-products-block .col-xxl-7,
  #extension-highlight .col-xxl-7 {
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  #black-header-block .col-xxl-8,
  #home-page-products-block .col-xxl-8,
  #extension-highlight .col-xxl-8 {
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  #black-header-block .col-xxl-9,
  #home-page-products-block .col-xxl-9,
  #extension-highlight .col-xxl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  #black-header-block .col-xxl-10,
  #home-page-products-block .col-xxl-10,
  #extension-highlight .col-xxl-10 {
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  #black-header-block .col-xxl-11,
  #home-page-products-block .col-xxl-11,
  #extension-highlight .col-xxl-11 {
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  #black-header-block .col-xxl-12,
  #home-page-products-block .col-xxl-12,
  #extension-highlight .col-xxl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  #black-header-block .order-xxl-first,
  #home-page-products-block .order-xxl-first,
  #extension-highlight .order-xxl-first {
    -ms-flex-order: -1;
    order: -1;
  }
  #black-header-block .order-xxl-last,
  #home-page-products-block .order-xxl-last,
  #extension-highlight .order-xxl-last {
    -ms-flex-order: 13;
    order: 13;
  }
  #black-header-block .order-xxl-0,
  #home-page-products-block .order-xxl-0,
  #extension-highlight .order-xxl-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  #black-header-block .order-xxl-1,
  #home-page-products-block .order-xxl-1,
  #extension-highlight .order-xxl-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  #black-header-block .order-xxl-2,
  #home-page-products-block .order-xxl-2,
  #extension-highlight .order-xxl-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  #black-header-block .order-xxl-3,
  #home-page-products-block .order-xxl-3,
  #extension-highlight .order-xxl-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  #black-header-block .order-xxl-4,
  #home-page-products-block .order-xxl-4,
  #extension-highlight .order-xxl-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  #black-header-block .order-xxl-5,
  #home-page-products-block .order-xxl-5,
  #extension-highlight .order-xxl-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  #black-header-block .order-xxl-6,
  #home-page-products-block .order-xxl-6,
  #extension-highlight .order-xxl-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  #black-header-block .order-xxl-7,
  #home-page-products-block .order-xxl-7,
  #extension-highlight .order-xxl-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  #black-header-block .order-xxl-8,
  #home-page-products-block .order-xxl-8,
  #extension-highlight .order-xxl-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  #black-header-block .order-xxl-9,
  #home-page-products-block .order-xxl-9,
  #extension-highlight .order-xxl-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  #black-header-block .order-xxl-10,
  #home-page-products-block .order-xxl-10,
  #extension-highlight .order-xxl-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  #black-header-block .order-xxl-11,
  #home-page-products-block .order-xxl-11,
  #extension-highlight .order-xxl-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  #black-header-block .order-xxl-12,
  #home-page-products-block .order-xxl-12,
  #extension-highlight .order-xxl-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  #black-header-block .offset-xxl-0,
  #home-page-products-block .offset-xxl-0,
  #extension-highlight .offset-xxl-0 {
    margin-left: 0;
  }
  #black-header-block .offset-xxl-1,
  #home-page-products-block .offset-xxl-1,
  #extension-highlight .offset-xxl-1 {
    margin-left: 8.33333%;
  }
  #black-header-block .offset-xxl-2,
  #home-page-products-block .offset-xxl-2,
  #extension-highlight .offset-xxl-2 {
    margin-left: 16.66667%;
  }
  #black-header-block .offset-xxl-3,
  #home-page-products-block .offset-xxl-3,
  #extension-highlight .offset-xxl-3 {
    margin-left: 25%;
  }
  #black-header-block .offset-xxl-4,
  #home-page-products-block .offset-xxl-4,
  #extension-highlight .offset-xxl-4 {
    margin-left: 33.33333%;
  }
  #black-header-block .offset-xxl-5,
  #home-page-products-block .offset-xxl-5,
  #extension-highlight .offset-xxl-5 {
    margin-left: 41.66667%;
  }
  #black-header-block .offset-xxl-6,
  #home-page-products-block .offset-xxl-6,
  #extension-highlight .offset-xxl-6 {
    margin-left: 50%;
  }
  #black-header-block .offset-xxl-7,
  #home-page-products-block .offset-xxl-7,
  #extension-highlight .offset-xxl-7 {
    margin-left: 58.33333%;
  }
  #black-header-block .offset-xxl-8,
  #home-page-products-block .offset-xxl-8,
  #extension-highlight .offset-xxl-8 {
    margin-left: 66.66667%;
  }
  #black-header-block .offset-xxl-9,
  #home-page-products-block .offset-xxl-9,
  #extension-highlight .offset-xxl-9 {
    margin-left: 75%;
  }
  #black-header-block .offset-xxl-10,
  #home-page-products-block .offset-xxl-10,
  #extension-highlight .offset-xxl-10 {
    margin-left: 83.33333%;
  }
  #black-header-block .offset-xxl-11,
  #home-page-products-block .offset-xxl-11,
  #extension-highlight .offset-xxl-11 {
    margin-left: 91.66667%;
  }
}
#black-header-block .d-none,
#home-page-products-block .d-none,
#extension-highlight .d-none {
  display: none !important;
}

#black-header-block .d-inline,
#home-page-products-block .d-inline,
#extension-highlight .d-inline {
  display: inline !important;
}

#black-header-block .d-inline-block,
#home-page-products-block .d-inline-block,
#extension-highlight .d-inline-block {
  display: inline-block !important;
}

#black-header-block .d-block,
#home-page-products-block .d-block,
#extension-highlight .d-block {
  display: block !important;
}

#black-header-block .d-table,
#home-page-products-block .d-table,
#extension-highlight .d-table {
  display: table !important;
}

#black-header-block .d-table-row,
#home-page-products-block .d-table-row,
#extension-highlight .d-table-row {
  display: table-row !important;
}

#black-header-block .d-table-cell,
#home-page-products-block .d-table-cell,
#extension-highlight .d-table-cell {
  display: table-cell !important;
}

#black-header-block .d-flex,
#home-page-products-block .d-flex,
#extension-highlight .d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

#black-header-block .d-inline-flex,
#home-page-products-block .d-inline-flex,
#extension-highlight .d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

@media (min-width: 576px) {
  #black-header-block .d-sm-none,
  #home-page-products-block .d-sm-none,
  #extension-highlight .d-sm-none {
    display: none !important;
  }
  #black-header-block .d-sm-inline,
  #home-page-products-block .d-sm-inline,
  #extension-highlight .d-sm-inline {
    display: inline !important;
  }
  #black-header-block .d-sm-inline-block,
  #home-page-products-block .d-sm-inline-block,
  #extension-highlight .d-sm-inline-block {
    display: inline-block !important;
  }
  #black-header-block .d-sm-block,
  #home-page-products-block .d-sm-block,
  #extension-highlight .d-sm-block {
    display: block !important;
  }
  #black-header-block .d-sm-table,
  #home-page-products-block .d-sm-table,
  #extension-highlight .d-sm-table {
    display: table !important;
  }
  #black-header-block .d-sm-table-row,
  #home-page-products-block .d-sm-table-row,
  #extension-highlight .d-sm-table-row {
    display: table-row !important;
  }
  #black-header-block .d-sm-table-cell,
  #home-page-products-block .d-sm-table-cell,
  #extension-highlight .d-sm-table-cell {
    display: table-cell !important;
  }
  #black-header-block .d-sm-flex,
  #home-page-products-block .d-sm-flex,
  #extension-highlight .d-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  #black-header-block .d-sm-inline-flex,
  #home-page-products-block .d-sm-inline-flex,
  #extension-highlight .d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  #black-header-block .d-md-none,
  #home-page-products-block .d-md-none,
  #extension-highlight .d-md-none {
    display: none !important;
  }
  #black-header-block .d-md-inline,
  #home-page-products-block .d-md-inline,
  #extension-highlight .d-md-inline {
    display: inline !important;
  }
  #black-header-block .d-md-inline-block,
  #home-page-products-block .d-md-inline-block,
  #extension-highlight .d-md-inline-block {
    display: inline-block !important;
  }
  #black-header-block .d-md-block,
  #home-page-products-block .d-md-block,
  #extension-highlight .d-md-block {
    display: block !important;
  }
  #black-header-block .d-md-table,
  #home-page-products-block .d-md-table,
  #extension-highlight .d-md-table {
    display: table !important;
  }
  #black-header-block .d-md-table-row,
  #home-page-products-block .d-md-table-row,
  #extension-highlight .d-md-table-row {
    display: table-row !important;
  }
  #black-header-block .d-md-table-cell,
  #home-page-products-block .d-md-table-cell,
  #extension-highlight .d-md-table-cell {
    display: table-cell !important;
  }
  #black-header-block .d-md-flex,
  #home-page-products-block .d-md-flex,
  #extension-highlight .d-md-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  #black-header-block .d-md-inline-flex,
  #home-page-products-block .d-md-inline-flex,
  #extension-highlight .d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  #black-header-block .d-lg-none,
  #home-page-products-block .d-lg-none,
  #extension-highlight .d-lg-none {
    display: none !important;
  }
  #black-header-block .d-lg-inline,
  #home-page-products-block .d-lg-inline,
  #extension-highlight .d-lg-inline {
    display: inline !important;
  }
  #black-header-block .d-lg-inline-block,
  #home-page-products-block .d-lg-inline-block,
  #extension-highlight .d-lg-inline-block {
    display: inline-block !important;
  }
  #black-header-block .d-lg-block,
  #home-page-products-block .d-lg-block,
  #extension-highlight .d-lg-block {
    display: block !important;
  }
  #black-header-block .d-lg-table,
  #home-page-products-block .d-lg-table,
  #extension-highlight .d-lg-table {
    display: table !important;
  }
  #black-header-block .d-lg-table-row,
  #home-page-products-block .d-lg-table-row,
  #extension-highlight .d-lg-table-row {
    display: table-row !important;
  }
  #black-header-block .d-lg-table-cell,
  #home-page-products-block .d-lg-table-cell,
  #extension-highlight .d-lg-table-cell {
    display: table-cell !important;
  }
  #black-header-block .d-lg-flex,
  #home-page-products-block .d-lg-flex,
  #extension-highlight .d-lg-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  #black-header-block .d-lg-inline-flex,
  #home-page-products-block .d-lg-inline-flex,
  #extension-highlight .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  #black-header-block .d-xl-none,
  #home-page-products-block .d-xl-none,
  #extension-highlight .d-xl-none {
    display: none !important;
  }
  #black-header-block .d-xl-inline,
  #home-page-products-block .d-xl-inline,
  #extension-highlight .d-xl-inline {
    display: inline !important;
  }
  #black-header-block .d-xl-inline-block,
  #home-page-products-block .d-xl-inline-block,
  #extension-highlight .d-xl-inline-block {
    display: inline-block !important;
  }
  #black-header-block .d-xl-block,
  #home-page-products-block .d-xl-block,
  #extension-highlight .d-xl-block {
    display: block !important;
  }
  #black-header-block .d-xl-table,
  #home-page-products-block .d-xl-table,
  #extension-highlight .d-xl-table {
    display: table !important;
  }
  #black-header-block .d-xl-table-row,
  #home-page-products-block .d-xl-table-row,
  #extension-highlight .d-xl-table-row {
    display: table-row !important;
  }
  #black-header-block .d-xl-table-cell,
  #home-page-products-block .d-xl-table-cell,
  #extension-highlight .d-xl-table-cell {
    display: table-cell !important;
  }
  #black-header-block .d-xl-flex,
  #home-page-products-block .d-xl-flex,
  #extension-highlight .d-xl-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  #black-header-block .d-xl-inline-flex,
  #home-page-products-block .d-xl-inline-flex,
  #extension-highlight .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 1366px) {
  #black-header-block .d-xxl-none,
  #home-page-products-block .d-xxl-none,
  #extension-highlight .d-xxl-none {
    display: none !important;
  }
  #black-header-block .d-xxl-inline,
  #home-page-products-block .d-xxl-inline,
  #extension-highlight .d-xxl-inline {
    display: inline !important;
  }
  #black-header-block .d-xxl-inline-block,
  #home-page-products-block .d-xxl-inline-block,
  #extension-highlight .d-xxl-inline-block {
    display: inline-block !important;
  }
  #black-header-block .d-xxl-block,
  #home-page-products-block .d-xxl-block,
  #extension-highlight .d-xxl-block {
    display: block !important;
  }
  #black-header-block .d-xxl-table,
  #home-page-products-block .d-xxl-table,
  #extension-highlight .d-xxl-table {
    display: table !important;
  }
  #black-header-block .d-xxl-table-row,
  #home-page-products-block .d-xxl-table-row,
  #extension-highlight .d-xxl-table-row {
    display: table-row !important;
  }
  #black-header-block .d-xxl-table-cell,
  #home-page-products-block .d-xxl-table-cell,
  #extension-highlight .d-xxl-table-cell {
    display: table-cell !important;
  }
  #black-header-block .d-xxl-flex,
  #home-page-products-block .d-xxl-flex,
  #extension-highlight .d-xxl-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  #black-header-block .d-xxl-inline-flex,
  #home-page-products-block .d-xxl-inline-flex,
  #extension-highlight .d-xxl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media print {
  #black-header-block .d-print-none,
  #home-page-products-block .d-print-none,
  #extension-highlight .d-print-none {
    display: none !important;
  }
  #black-header-block .d-print-inline,
  #home-page-products-block .d-print-inline,
  #extension-highlight .d-print-inline {
    display: inline !important;
  }
  #black-header-block .d-print-inline-block,
  #home-page-products-block .d-print-inline-block,
  #extension-highlight .d-print-inline-block {
    display: inline-block !important;
  }
  #black-header-block .d-print-block,
  #home-page-products-block .d-print-block,
  #extension-highlight .d-print-block {
    display: block !important;
  }
  #black-header-block .d-print-table,
  #home-page-products-block .d-print-table,
  #extension-highlight .d-print-table {
    display: table !important;
  }
  #black-header-block .d-print-table-row,
  #home-page-products-block .d-print-table-row,
  #extension-highlight .d-print-table-row {
    display: table-row !important;
  }
  #black-header-block .d-print-table-cell,
  #home-page-products-block .d-print-table-cell,
  #extension-highlight .d-print-table-cell {
    display: table-cell !important;
  }
  #black-header-block .d-print-flex,
  #home-page-products-block .d-print-flex,
  #extension-highlight .d-print-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  #black-header-block .d-print-inline-flex,
  #home-page-products-block .d-print-inline-flex,
  #extension-highlight .d-print-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
#black-header-block .flex-row,
#home-page-products-block .flex-row,
#extension-highlight .flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

#black-header-block .flex-column,
#home-page-products-block .flex-column,
#extension-highlight .flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

#black-header-block .flex-row-reverse,
#home-page-products-block .flex-row-reverse,
#extension-highlight .flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

#black-header-block .flex-column-reverse,
#home-page-products-block .flex-column-reverse,
#extension-highlight .flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

#black-header-block .flex-wrap,
#home-page-products-block .flex-wrap,
#extension-highlight .flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

#black-header-block .flex-nowrap,
#home-page-products-block .flex-nowrap,
#extension-highlight .flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

#black-header-block .flex-wrap-reverse,
#home-page-products-block .flex-wrap-reverse,
#extension-highlight .flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

#black-header-block .flex-fill,
#home-page-products-block .flex-fill,
#extension-highlight .flex-fill {
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
}

#black-header-block .flex-grow-0,
#home-page-products-block .flex-grow-0,
#extension-highlight .flex-grow-0 {
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
}

#black-header-block .flex-grow-1,
#home-page-products-block .flex-grow-1,
#extension-highlight .flex-grow-1 {
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}

#black-header-block .flex-shrink-0,
#home-page-products-block .flex-shrink-0,
#extension-highlight .flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

#black-header-block .flex-shrink-1,
#home-page-products-block .flex-shrink-1,
#extension-highlight .flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}

#black-header-block .justify-content-start,
#home-page-products-block .justify-content-start,
#extension-highlight .justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

#black-header-block .justify-content-end,
#home-page-products-block .justify-content-end,
#extension-highlight .justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

#black-header-block .justify-content-center,
#home-page-products-block .justify-content-center,
#extension-highlight .justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

#black-header-block .justify-content-between,
#home-page-products-block .justify-content-between,
#extension-highlight .justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

#black-header-block .justify-content-around,
#home-page-products-block .justify-content-around,
#extension-highlight .justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

#black-header-block .align-items-start,
#home-page-products-block .align-items-start,
#extension-highlight .align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

#black-header-block .align-items-end,
#home-page-products-block .align-items-end,
#extension-highlight .align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

#black-header-block .align-items-center,
#home-page-products-block .align-items-center,
#extension-highlight .align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}

#black-header-block .align-items-baseline,
#home-page-products-block .align-items-baseline,
#extension-highlight .align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

#black-header-block .align-items-stretch,
#home-page-products-block .align-items-stretch,
#extension-highlight .align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

#black-header-block .align-content-start,
#home-page-products-block .align-content-start,
#extension-highlight .align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

#black-header-block .align-content-end,
#home-page-products-block .align-content-end,
#extension-highlight .align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

#black-header-block .align-content-center,
#home-page-products-block .align-content-center,
#extension-highlight .align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

#black-header-block .align-content-between,
#home-page-products-block .align-content-between,
#extension-highlight .align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

#black-header-block .align-content-around,
#home-page-products-block .align-content-around,
#extension-highlight .align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

#black-header-block .align-content-stretch,
#home-page-products-block .align-content-stretch,
#extension-highlight .align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

#black-header-block .align-self-auto,
#home-page-products-block .align-self-auto,
#extension-highlight .align-self-auto {
  -ms-flex-item-align: auto !important;
  -ms-grid-row-align: auto !important;
  align-self: auto !important;
}

#black-header-block .align-self-start,
#home-page-products-block .align-self-start,
#extension-highlight .align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

#black-header-block .align-self-end,
#home-page-products-block .align-self-end,
#extension-highlight .align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

#black-header-block .align-self-center,
#home-page-products-block .align-self-center,
#extension-highlight .align-self-center {
  -ms-flex-item-align: center !important;
  -ms-grid-row-align: center !important;
  align-self: center !important;
}

#black-header-block .align-self-baseline,
#home-page-products-block .align-self-baseline,
#extension-highlight .align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

#black-header-block .align-self-stretch,
#home-page-products-block .align-self-stretch,
#extension-highlight .align-self-stretch {
  -ms-flex-item-align: stretch !important;
  -ms-grid-row-align: stretch !important;
  align-self: stretch !important;
}

@media (min-width: 576px) {
  #black-header-block .flex-sm-row,
  #home-page-products-block .flex-sm-row,
  #extension-highlight .flex-sm-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  #black-header-block .flex-sm-column,
  #home-page-products-block .flex-sm-column,
  #extension-highlight .flex-sm-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  #black-header-block .flex-sm-row-reverse,
  #home-page-products-block .flex-sm-row-reverse,
  #extension-highlight .flex-sm-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  #black-header-block .flex-sm-column-reverse,
  #home-page-products-block .flex-sm-column-reverse,
  #extension-highlight .flex-sm-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  #black-header-block .flex-sm-wrap,
  #home-page-products-block .flex-sm-wrap,
  #extension-highlight .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  #black-header-block .flex-sm-nowrap,
  #home-page-products-block .flex-sm-nowrap,
  #extension-highlight .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  #black-header-block .flex-sm-wrap-reverse,
  #home-page-products-block .flex-sm-wrap-reverse,
  #extension-highlight .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  #black-header-block .flex-sm-fill,
  #home-page-products-block .flex-sm-fill,
  #extension-highlight .flex-sm-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  #black-header-block .flex-sm-grow-0,
  #home-page-products-block .flex-sm-grow-0,
  #extension-highlight .flex-sm-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  #black-header-block .flex-sm-grow-1,
  #home-page-products-block .flex-sm-grow-1,
  #extension-highlight .flex-sm-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  #black-header-block .flex-sm-shrink-0,
  #home-page-products-block .flex-sm-shrink-0,
  #extension-highlight .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  #black-header-block .flex-sm-shrink-1,
  #home-page-products-block .flex-sm-shrink-1,
  #extension-highlight .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  #black-header-block .justify-content-sm-start,
  #home-page-products-block .justify-content-sm-start,
  #extension-highlight .justify-content-sm-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  #black-header-block .justify-content-sm-end,
  #home-page-products-block .justify-content-sm-end,
  #extension-highlight .justify-content-sm-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  #black-header-block .justify-content-sm-center,
  #home-page-products-block .justify-content-sm-center,
  #extension-highlight .justify-content-sm-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  #black-header-block .justify-content-sm-between,
  #home-page-products-block .justify-content-sm-between,
  #extension-highlight .justify-content-sm-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  #black-header-block .justify-content-sm-around,
  #home-page-products-block .justify-content-sm-around,
  #extension-highlight .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  #black-header-block .align-items-sm-start,
  #home-page-products-block .align-items-sm-start,
  #extension-highlight .align-items-sm-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  #black-header-block .align-items-sm-end,
  #home-page-products-block .align-items-sm-end,
  #extension-highlight .align-items-sm-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  #black-header-block .align-items-sm-center,
  #home-page-products-block .align-items-sm-center,
  #extension-highlight .align-items-sm-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  #black-header-block .align-items-sm-baseline,
  #home-page-products-block .align-items-sm-baseline,
  #extension-highlight .align-items-sm-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  #black-header-block .align-items-sm-stretch,
  #home-page-products-block .align-items-sm-stretch,
  #extension-highlight .align-items-sm-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  #black-header-block .align-content-sm-start,
  #home-page-products-block .align-content-sm-start,
  #extension-highlight .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  #black-header-block .align-content-sm-end,
  #home-page-products-block .align-content-sm-end,
  #extension-highlight .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  #black-header-block .align-content-sm-center,
  #home-page-products-block .align-content-sm-center,
  #extension-highlight .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  #black-header-block .align-content-sm-between,
  #home-page-products-block .align-content-sm-between,
  #extension-highlight .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  #black-header-block .align-content-sm-around,
  #home-page-products-block .align-content-sm-around,
  #extension-highlight .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  #black-header-block .align-content-sm-stretch,
  #home-page-products-block .align-content-sm-stretch,
  #extension-highlight .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  #black-header-block .align-self-sm-auto,
  #home-page-products-block .align-self-sm-auto,
  #extension-highlight .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important;
  }
  #black-header-block .align-self-sm-start,
  #home-page-products-block .align-self-sm-start,
  #extension-highlight .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  #black-header-block .align-self-sm-end,
  #home-page-products-block .align-self-sm-end,
  #extension-highlight .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  #black-header-block .align-self-sm-center,
  #home-page-products-block .align-self-sm-center,
  #extension-highlight .align-self-sm-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important;
  }
  #black-header-block .align-self-sm-baseline,
  #home-page-products-block .align-self-sm-baseline,
  #extension-highlight .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  #black-header-block .align-self-sm-stretch,
  #home-page-products-block .align-self-sm-stretch,
  #extension-highlight .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  #black-header-block .flex-md-row,
  #home-page-products-block .flex-md-row,
  #extension-highlight .flex-md-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  #black-header-block .flex-md-column,
  #home-page-products-block .flex-md-column,
  #extension-highlight .flex-md-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  #black-header-block .flex-md-row-reverse,
  #home-page-products-block .flex-md-row-reverse,
  #extension-highlight .flex-md-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  #black-header-block .flex-md-column-reverse,
  #home-page-products-block .flex-md-column-reverse,
  #extension-highlight .flex-md-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  #black-header-block .flex-md-wrap,
  #home-page-products-block .flex-md-wrap,
  #extension-highlight .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  #black-header-block .flex-md-nowrap,
  #home-page-products-block .flex-md-nowrap,
  #extension-highlight .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  #black-header-block .flex-md-wrap-reverse,
  #home-page-products-block .flex-md-wrap-reverse,
  #extension-highlight .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  #black-header-block .flex-md-fill,
  #home-page-products-block .flex-md-fill,
  #extension-highlight .flex-md-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  #black-header-block .flex-md-grow-0,
  #home-page-products-block .flex-md-grow-0,
  #extension-highlight .flex-md-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  #black-header-block .flex-md-grow-1,
  #home-page-products-block .flex-md-grow-1,
  #extension-highlight .flex-md-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  #black-header-block .flex-md-shrink-0,
  #home-page-products-block .flex-md-shrink-0,
  #extension-highlight .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  #black-header-block .flex-md-shrink-1,
  #home-page-products-block .flex-md-shrink-1,
  #extension-highlight .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  #black-header-block .justify-content-md-start,
  #home-page-products-block .justify-content-md-start,
  #extension-highlight .justify-content-md-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  #black-header-block .justify-content-md-end,
  #home-page-products-block .justify-content-md-end,
  #extension-highlight .justify-content-md-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  #black-header-block .justify-content-md-center,
  #home-page-products-block .justify-content-md-center,
  #extension-highlight .justify-content-md-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  #black-header-block .justify-content-md-between,
  #home-page-products-block .justify-content-md-between,
  #extension-highlight .justify-content-md-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  #black-header-block .justify-content-md-around,
  #home-page-products-block .justify-content-md-around,
  #extension-highlight .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  #black-header-block .align-items-md-start,
  #home-page-products-block .align-items-md-start,
  #extension-highlight .align-items-md-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  #black-header-block .align-items-md-end,
  #home-page-products-block .align-items-md-end,
  #extension-highlight .align-items-md-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  #black-header-block .align-items-md-center,
  #home-page-products-block .align-items-md-center,
  #extension-highlight .align-items-md-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  #black-header-block .align-items-md-baseline,
  #home-page-products-block .align-items-md-baseline,
  #extension-highlight .align-items-md-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  #black-header-block .align-items-md-stretch,
  #home-page-products-block .align-items-md-stretch,
  #extension-highlight .align-items-md-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  #black-header-block .align-content-md-start,
  #home-page-products-block .align-content-md-start,
  #extension-highlight .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  #black-header-block .align-content-md-end,
  #home-page-products-block .align-content-md-end,
  #extension-highlight .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  #black-header-block .align-content-md-center,
  #home-page-products-block .align-content-md-center,
  #extension-highlight .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  #black-header-block .align-content-md-between,
  #home-page-products-block .align-content-md-between,
  #extension-highlight .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  #black-header-block .align-content-md-around,
  #home-page-products-block .align-content-md-around,
  #extension-highlight .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  #black-header-block .align-content-md-stretch,
  #home-page-products-block .align-content-md-stretch,
  #extension-highlight .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  #black-header-block .align-self-md-auto,
  #home-page-products-block .align-self-md-auto,
  #extension-highlight .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important;
  }
  #black-header-block .align-self-md-start,
  #home-page-products-block .align-self-md-start,
  #extension-highlight .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  #black-header-block .align-self-md-end,
  #home-page-products-block .align-self-md-end,
  #extension-highlight .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  #black-header-block .align-self-md-center,
  #home-page-products-block .align-self-md-center,
  #extension-highlight .align-self-md-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important;
  }
  #black-header-block .align-self-md-baseline,
  #home-page-products-block .align-self-md-baseline,
  #extension-highlight .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  #black-header-block .align-self-md-stretch,
  #home-page-products-block .align-self-md-stretch,
  #extension-highlight .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  #black-header-block .flex-lg-row,
  #home-page-products-block .flex-lg-row,
  #extension-highlight .flex-lg-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  #black-header-block .flex-lg-column,
  #home-page-products-block .flex-lg-column,
  #extension-highlight .flex-lg-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  #black-header-block .flex-lg-row-reverse,
  #home-page-products-block .flex-lg-row-reverse,
  #extension-highlight .flex-lg-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  #black-header-block .flex-lg-column-reverse,
  #home-page-products-block .flex-lg-column-reverse,
  #extension-highlight .flex-lg-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  #black-header-block .flex-lg-wrap,
  #home-page-products-block .flex-lg-wrap,
  #extension-highlight .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  #black-header-block .flex-lg-nowrap,
  #home-page-products-block .flex-lg-nowrap,
  #extension-highlight .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  #black-header-block .flex-lg-wrap-reverse,
  #home-page-products-block .flex-lg-wrap-reverse,
  #extension-highlight .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  #black-header-block .flex-lg-fill,
  #home-page-products-block .flex-lg-fill,
  #extension-highlight .flex-lg-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  #black-header-block .flex-lg-grow-0,
  #home-page-products-block .flex-lg-grow-0,
  #extension-highlight .flex-lg-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  #black-header-block .flex-lg-grow-1,
  #home-page-products-block .flex-lg-grow-1,
  #extension-highlight .flex-lg-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  #black-header-block .flex-lg-shrink-0,
  #home-page-products-block .flex-lg-shrink-0,
  #extension-highlight .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  #black-header-block .flex-lg-shrink-1,
  #home-page-products-block .flex-lg-shrink-1,
  #extension-highlight .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  #black-header-block .justify-content-lg-start,
  #home-page-products-block .justify-content-lg-start,
  #extension-highlight .justify-content-lg-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  #black-header-block .justify-content-lg-end,
  #home-page-products-block .justify-content-lg-end,
  #extension-highlight .justify-content-lg-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  #black-header-block .justify-content-lg-center,
  #home-page-products-block .justify-content-lg-center,
  #extension-highlight .justify-content-lg-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  #black-header-block .justify-content-lg-between,
  #home-page-products-block .justify-content-lg-between,
  #extension-highlight .justify-content-lg-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  #black-header-block .justify-content-lg-around,
  #home-page-products-block .justify-content-lg-around,
  #extension-highlight .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  #black-header-block .align-items-lg-start,
  #home-page-products-block .align-items-lg-start,
  #extension-highlight .align-items-lg-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  #black-header-block .align-items-lg-end,
  #home-page-products-block .align-items-lg-end,
  #extension-highlight .align-items-lg-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  #black-header-block .align-items-lg-center,
  #home-page-products-block .align-items-lg-center,
  #extension-highlight .align-items-lg-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  #black-header-block .align-items-lg-baseline,
  #home-page-products-block .align-items-lg-baseline,
  #extension-highlight .align-items-lg-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  #black-header-block .align-items-lg-stretch,
  #home-page-products-block .align-items-lg-stretch,
  #extension-highlight .align-items-lg-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  #black-header-block .align-content-lg-start,
  #home-page-products-block .align-content-lg-start,
  #extension-highlight .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  #black-header-block .align-content-lg-end,
  #home-page-products-block .align-content-lg-end,
  #extension-highlight .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  #black-header-block .align-content-lg-center,
  #home-page-products-block .align-content-lg-center,
  #extension-highlight .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  #black-header-block .align-content-lg-between,
  #home-page-products-block .align-content-lg-between,
  #extension-highlight .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  #black-header-block .align-content-lg-around,
  #home-page-products-block .align-content-lg-around,
  #extension-highlight .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  #black-header-block .align-content-lg-stretch,
  #home-page-products-block .align-content-lg-stretch,
  #extension-highlight .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  #black-header-block .align-self-lg-auto,
  #home-page-products-block .align-self-lg-auto,
  #extension-highlight .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important;
  }
  #black-header-block .align-self-lg-start,
  #home-page-products-block .align-self-lg-start,
  #extension-highlight .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  #black-header-block .align-self-lg-end,
  #home-page-products-block .align-self-lg-end,
  #extension-highlight .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  #black-header-block .align-self-lg-center,
  #home-page-products-block .align-self-lg-center,
  #extension-highlight .align-self-lg-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important;
  }
  #black-header-block .align-self-lg-baseline,
  #home-page-products-block .align-self-lg-baseline,
  #extension-highlight .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  #black-header-block .align-self-lg-stretch,
  #home-page-products-block .align-self-lg-stretch,
  #extension-highlight .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  #black-header-block .flex-xl-row,
  #home-page-products-block .flex-xl-row,
  #extension-highlight .flex-xl-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  #black-header-block .flex-xl-column,
  #home-page-products-block .flex-xl-column,
  #extension-highlight .flex-xl-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  #black-header-block .flex-xl-row-reverse,
  #home-page-products-block .flex-xl-row-reverse,
  #extension-highlight .flex-xl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  #black-header-block .flex-xl-column-reverse,
  #home-page-products-block .flex-xl-column-reverse,
  #extension-highlight .flex-xl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  #black-header-block .flex-xl-wrap,
  #home-page-products-block .flex-xl-wrap,
  #extension-highlight .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  #black-header-block .flex-xl-nowrap,
  #home-page-products-block .flex-xl-nowrap,
  #extension-highlight .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  #black-header-block .flex-xl-wrap-reverse,
  #home-page-products-block .flex-xl-wrap-reverse,
  #extension-highlight .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  #black-header-block .flex-xl-fill,
  #home-page-products-block .flex-xl-fill,
  #extension-highlight .flex-xl-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  #black-header-block .flex-xl-grow-0,
  #home-page-products-block .flex-xl-grow-0,
  #extension-highlight .flex-xl-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  #black-header-block .flex-xl-grow-1,
  #home-page-products-block .flex-xl-grow-1,
  #extension-highlight .flex-xl-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  #black-header-block .flex-xl-shrink-0,
  #home-page-products-block .flex-xl-shrink-0,
  #extension-highlight .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  #black-header-block .flex-xl-shrink-1,
  #home-page-products-block .flex-xl-shrink-1,
  #extension-highlight .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  #black-header-block .justify-content-xl-start,
  #home-page-products-block .justify-content-xl-start,
  #extension-highlight .justify-content-xl-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  #black-header-block .justify-content-xl-end,
  #home-page-products-block .justify-content-xl-end,
  #extension-highlight .justify-content-xl-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  #black-header-block .justify-content-xl-center,
  #home-page-products-block .justify-content-xl-center,
  #extension-highlight .justify-content-xl-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  #black-header-block .justify-content-xl-between,
  #home-page-products-block .justify-content-xl-between,
  #extension-highlight .justify-content-xl-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  #black-header-block .justify-content-xl-around,
  #home-page-products-block .justify-content-xl-around,
  #extension-highlight .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  #black-header-block .align-items-xl-start,
  #home-page-products-block .align-items-xl-start,
  #extension-highlight .align-items-xl-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  #black-header-block .align-items-xl-end,
  #home-page-products-block .align-items-xl-end,
  #extension-highlight .align-items-xl-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  #black-header-block .align-items-xl-center,
  #home-page-products-block .align-items-xl-center,
  #extension-highlight .align-items-xl-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  #black-header-block .align-items-xl-baseline,
  #home-page-products-block .align-items-xl-baseline,
  #extension-highlight .align-items-xl-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  #black-header-block .align-items-xl-stretch,
  #home-page-products-block .align-items-xl-stretch,
  #extension-highlight .align-items-xl-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  #black-header-block .align-content-xl-start,
  #home-page-products-block .align-content-xl-start,
  #extension-highlight .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  #black-header-block .align-content-xl-end,
  #home-page-products-block .align-content-xl-end,
  #extension-highlight .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  #black-header-block .align-content-xl-center,
  #home-page-products-block .align-content-xl-center,
  #extension-highlight .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  #black-header-block .align-content-xl-between,
  #home-page-products-block .align-content-xl-between,
  #extension-highlight .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  #black-header-block .align-content-xl-around,
  #home-page-products-block .align-content-xl-around,
  #extension-highlight .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  #black-header-block .align-content-xl-stretch,
  #home-page-products-block .align-content-xl-stretch,
  #extension-highlight .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  #black-header-block .align-self-xl-auto,
  #home-page-products-block .align-self-xl-auto,
  #extension-highlight .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important;
  }
  #black-header-block .align-self-xl-start,
  #home-page-products-block .align-self-xl-start,
  #extension-highlight .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  #black-header-block .align-self-xl-end,
  #home-page-products-block .align-self-xl-end,
  #extension-highlight .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  #black-header-block .align-self-xl-center,
  #home-page-products-block .align-self-xl-center,
  #extension-highlight .align-self-xl-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important;
  }
  #black-header-block .align-self-xl-baseline,
  #home-page-products-block .align-self-xl-baseline,
  #extension-highlight .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  #black-header-block .align-self-xl-stretch,
  #home-page-products-block .align-self-xl-stretch,
  #extension-highlight .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 1366px) {
  #black-header-block .flex-xxl-row,
  #home-page-products-block .flex-xxl-row,
  #extension-highlight .flex-xxl-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  #black-header-block .flex-xxl-column,
  #home-page-products-block .flex-xxl-column,
  #extension-highlight .flex-xxl-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  #black-header-block .flex-xxl-row-reverse,
  #home-page-products-block .flex-xxl-row-reverse,
  #extension-highlight .flex-xxl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  #black-header-block .flex-xxl-column-reverse,
  #home-page-products-block .flex-xxl-column-reverse,
  #extension-highlight .flex-xxl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  #black-header-block .flex-xxl-wrap,
  #home-page-products-block .flex-xxl-wrap,
  #extension-highlight .flex-xxl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  #black-header-block .flex-xxl-nowrap,
  #home-page-products-block .flex-xxl-nowrap,
  #extension-highlight .flex-xxl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  #black-header-block .flex-xxl-wrap-reverse,
  #home-page-products-block .flex-xxl-wrap-reverse,
  #extension-highlight .flex-xxl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  #black-header-block .flex-xxl-fill,
  #home-page-products-block .flex-xxl-fill,
  #extension-highlight .flex-xxl-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  #black-header-block .flex-xxl-grow-0,
  #home-page-products-block .flex-xxl-grow-0,
  #extension-highlight .flex-xxl-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  #black-header-block .flex-xxl-grow-1,
  #home-page-products-block .flex-xxl-grow-1,
  #extension-highlight .flex-xxl-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  #black-header-block .flex-xxl-shrink-0,
  #home-page-products-block .flex-xxl-shrink-0,
  #extension-highlight .flex-xxl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  #black-header-block .flex-xxl-shrink-1,
  #home-page-products-block .flex-xxl-shrink-1,
  #extension-highlight .flex-xxl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  #black-header-block .justify-content-xxl-start,
  #home-page-products-block .justify-content-xxl-start,
  #extension-highlight .justify-content-xxl-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  #black-header-block .justify-content-xxl-end,
  #home-page-products-block .justify-content-xxl-end,
  #extension-highlight .justify-content-xxl-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  #black-header-block .justify-content-xxl-center,
  #home-page-products-block .justify-content-xxl-center,
  #extension-highlight .justify-content-xxl-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  #black-header-block .justify-content-xxl-between,
  #home-page-products-block .justify-content-xxl-between,
  #extension-highlight .justify-content-xxl-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  #black-header-block .justify-content-xxl-around,
  #home-page-products-block .justify-content-xxl-around,
  #extension-highlight .justify-content-xxl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  #black-header-block .align-items-xxl-start,
  #home-page-products-block .align-items-xxl-start,
  #extension-highlight .align-items-xxl-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  #black-header-block .align-items-xxl-end,
  #home-page-products-block .align-items-xxl-end,
  #extension-highlight .align-items-xxl-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  #black-header-block .align-items-xxl-center,
  #home-page-products-block .align-items-xxl-center,
  #extension-highlight .align-items-xxl-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  #black-header-block .align-items-xxl-baseline,
  #home-page-products-block .align-items-xxl-baseline,
  #extension-highlight .align-items-xxl-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  #black-header-block .align-items-xxl-stretch,
  #home-page-products-block .align-items-xxl-stretch,
  #extension-highlight .align-items-xxl-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  #black-header-block .align-content-xxl-start,
  #home-page-products-block .align-content-xxl-start,
  #extension-highlight .align-content-xxl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  #black-header-block .align-content-xxl-end,
  #home-page-products-block .align-content-xxl-end,
  #extension-highlight .align-content-xxl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  #black-header-block .align-content-xxl-center,
  #home-page-products-block .align-content-xxl-center,
  #extension-highlight .align-content-xxl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  #black-header-block .align-content-xxl-between,
  #home-page-products-block .align-content-xxl-between,
  #extension-highlight .align-content-xxl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  #black-header-block .align-content-xxl-around,
  #home-page-products-block .align-content-xxl-around,
  #extension-highlight .align-content-xxl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  #black-header-block .align-content-xxl-stretch,
  #home-page-products-block .align-content-xxl-stretch,
  #extension-highlight .align-content-xxl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  #black-header-block .align-self-xxl-auto,
  #home-page-products-block .align-self-xxl-auto,
  #extension-highlight .align-self-xxl-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important;
  }
  #black-header-block .align-self-xxl-start,
  #home-page-products-block .align-self-xxl-start,
  #extension-highlight .align-self-xxl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  #black-header-block .align-self-xxl-end,
  #home-page-products-block .align-self-xxl-end,
  #extension-highlight .align-self-xxl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  #black-header-block .align-self-xxl-center,
  #home-page-products-block .align-self-xxl-center,
  #extension-highlight .align-self-xxl-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important;
  }
  #black-header-block .align-self-xxl-baseline,
  #home-page-products-block .align-self-xxl-baseline,
  #extension-highlight .align-self-xxl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  #black-header-block .align-self-xxl-stretch,
  #home-page-products-block .align-self-xxl-stretch,
  #extension-highlight .align-self-xxl-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important;
  }
}
#black-header-block .m-0,
#home-page-products-block .m-0,
#extension-highlight .m-0 {
  margin: 0 !important;
}

#black-header-block .mt-0,
#black-header-block .my-0,
#home-page-products-block .mt-0,
#home-page-products-block .my-0,
#extension-highlight .mt-0,
#extension-highlight .my-0 {
  margin-top: 0 !important;
}

#black-header-block .mr-0,
#black-header-block .mx-0,
#home-page-products-block .mr-0,
#home-page-products-block .mx-0,
#extension-highlight .mr-0,
#extension-highlight .mx-0 {
  margin-right: 0 !important;
}

#black-header-block .mb-0,
#black-header-block .my-0,
#home-page-products-block .mb-0,
#home-page-products-block .my-0,
#extension-highlight .mb-0,
#extension-highlight .my-0 {
  margin-bottom: 0 !important;
}

#black-header-block .ml-0,
#black-header-block .mx-0,
#home-page-products-block .ml-0,
#home-page-products-block .mx-0,
#extension-highlight .ml-0,
#extension-highlight .mx-0 {
  margin-left: 0 !important;
}

#black-header-block .m-1,
#home-page-products-block .m-1,
#extension-highlight .m-1 {
  margin: 0.25rem !important;
}

#black-header-block .mt-1,
#black-header-block .my-1,
#home-page-products-block .mt-1,
#home-page-products-block .my-1,
#extension-highlight .mt-1,
#extension-highlight .my-1 {
  margin-top: 0.25rem !important;
}

#black-header-block .mr-1,
#black-header-block .mx-1,
#home-page-products-block .mr-1,
#home-page-products-block .mx-1,
#extension-highlight .mr-1,
#extension-highlight .mx-1 {
  margin-right: 0.25rem !important;
}

#black-header-block .mb-1,
#black-header-block .my-1,
#home-page-products-block .mb-1,
#home-page-products-block .my-1,
#extension-highlight .mb-1,
#extension-highlight .my-1 {
  margin-bottom: 0.25rem !important;
}

#black-header-block .ml-1,
#black-header-block .mx-1,
#home-page-products-block .ml-1,
#home-page-products-block .mx-1,
#extension-highlight .ml-1,
#extension-highlight .mx-1 {
  margin-left: 0.25rem !important;
}

#black-header-block .m-2,
#home-page-products-block .m-2,
#extension-highlight .m-2 {
  margin: 0.5rem !important;
}

#black-header-block .mt-2,
#black-header-block .my-2,
#home-page-products-block .mt-2,
#home-page-products-block .my-2,
#extension-highlight .mt-2,
#extension-highlight .my-2 {
  margin-top: 0.5rem !important;
}

#black-header-block .mr-2,
#black-header-block .mx-2,
#home-page-products-block .mr-2,
#home-page-products-block .mx-2,
#extension-highlight .mr-2,
#extension-highlight .mx-2 {
  margin-right: 0.5rem !important;
}

#black-header-block .mb-2,
#black-header-block .my-2,
#home-page-products-block .mb-2,
#home-page-products-block .my-2,
#extension-highlight .mb-2,
#extension-highlight .my-2 {
  margin-bottom: 0.5rem !important;
}

#black-header-block .ml-2,
#black-header-block .mx-2,
#home-page-products-block .ml-2,
#home-page-products-block .mx-2,
#extension-highlight .ml-2,
#extension-highlight .mx-2 {
  margin-left: 0.5rem !important;
}

#black-header-block .m-3,
#home-page-products-block .m-3,
#extension-highlight .m-3 {
  margin: 1rem !important;
}

#black-header-block .mt-3,
#black-header-block .my-3,
#home-page-products-block .mt-3,
#home-page-products-block .my-3,
#extension-highlight .mt-3,
#extension-highlight .my-3 {
  margin-top: 1rem !important;
}

#black-header-block .mr-3,
#black-header-block .mx-3,
#home-page-products-block .mr-3,
#home-page-products-block .mx-3,
#extension-highlight .mr-3,
#extension-highlight .mx-3 {
  margin-right: 1rem !important;
}

#black-header-block .mb-3,
#black-header-block .my-3,
#home-page-products-block .mb-3,
#home-page-products-block .my-3,
#extension-highlight .mb-3,
#extension-highlight .my-3 {
  margin-bottom: 1rem !important;
}

#black-header-block .ml-3,
#black-header-block .mx-3,
#home-page-products-block .ml-3,
#home-page-products-block .mx-3,
#extension-highlight .ml-3,
#extension-highlight .mx-3 {
  margin-left: 1rem !important;
}

#black-header-block .m-4,
#home-page-products-block .m-4,
#extension-highlight .m-4 {
  margin: 1.5rem !important;
}

#black-header-block .mt-4,
#black-header-block .my-4,
#home-page-products-block .mt-4,
#home-page-products-block .my-4,
#extension-highlight .mt-4,
#extension-highlight .my-4 {
  margin-top: 1.5rem !important;
}

#black-header-block .mr-4,
#black-header-block .mx-4,
#home-page-products-block .mr-4,
#home-page-products-block .mx-4,
#extension-highlight .mr-4,
#extension-highlight .mx-4 {
  margin-right: 1.5rem !important;
}

#black-header-block .mb-4,
#black-header-block .my-4,
#home-page-products-block .mb-4,
#home-page-products-block .my-4,
#extension-highlight .mb-4,
#extension-highlight .my-4 {
  margin-bottom: 1.5rem !important;
}

#black-header-block .ml-4,
#black-header-block .mx-4,
#home-page-products-block .ml-4,
#home-page-products-block .mx-4,
#extension-highlight .ml-4,
#extension-highlight .mx-4 {
  margin-left: 1.5rem !important;
}

#black-header-block .m-5,
#home-page-products-block .m-5,
#extension-highlight .m-5 {
  margin: 3rem !important;
}

#black-header-block .mt-5,
#black-header-block .my-5,
#home-page-products-block .mt-5,
#home-page-products-block .my-5,
#extension-highlight .mt-5,
#extension-highlight .my-5 {
  margin-top: 3rem !important;
}

#black-header-block .mr-5,
#black-header-block .mx-5,
#home-page-products-block .mr-5,
#home-page-products-block .mx-5,
#extension-highlight .mr-5,
#extension-highlight .mx-5 {
  margin-right: 3rem !important;
}

#black-header-block .mb-5,
#black-header-block .my-5,
#home-page-products-block .mb-5,
#home-page-products-block .my-5,
#extension-highlight .mb-5,
#extension-highlight .my-5 {
  margin-bottom: 3rem !important;
}

#black-header-block .ml-5,
#black-header-block .mx-5,
#home-page-products-block .ml-5,
#home-page-products-block .mx-5,
#extension-highlight .ml-5,
#extension-highlight .mx-5 {
  margin-left: 3rem !important;
}

#black-header-block .p-0,
#home-page-products-block .p-0,
#extension-highlight .p-0 {
  padding: 0 !important;
}

#black-header-block .pt-0,
#black-header-block .py-0,
#home-page-products-block .pt-0,
#home-page-products-block .py-0,
#extension-highlight .pt-0,
#extension-highlight .py-0 {
  padding-top: 0 !important;
}

#black-header-block .pr-0,
#black-header-block .px-0,
#home-page-products-block .pr-0,
#home-page-products-block .px-0,
#extension-highlight .pr-0,
#extension-highlight .px-0 {
  padding-right: 0 !important;
}

#black-header-block .pb-0,
#black-header-block .py-0,
#home-page-products-block .pb-0,
#home-page-products-block .py-0,
#extension-highlight .pb-0,
#extension-highlight .py-0 {
  padding-bottom: 0 !important;
}

#black-header-block .pl-0,
#black-header-block .px-0,
#home-page-products-block .pl-0,
#home-page-products-block .px-0,
#extension-highlight .pl-0,
#extension-highlight .px-0 {
  padding-left: 0 !important;
}

#black-header-block .p-1,
#home-page-products-block .p-1,
#extension-highlight .p-1 {
  padding: 0.25rem !important;
}

#black-header-block .pt-1,
#black-header-block .py-1,
#home-page-products-block .pt-1,
#home-page-products-block .py-1,
#extension-highlight .pt-1,
#extension-highlight .py-1 {
  padding-top: 0.25rem !important;
}

#black-header-block .pr-1,
#black-header-block .px-1,
#home-page-products-block .pr-1,
#home-page-products-block .px-1,
#extension-highlight .pr-1,
#extension-highlight .px-1 {
  padding-right: 0.25rem !important;
}

#black-header-block .pb-1,
#black-header-block .py-1,
#home-page-products-block .pb-1,
#home-page-products-block .py-1,
#extension-highlight .pb-1,
#extension-highlight .py-1 {
  padding-bottom: 0.25rem !important;
}

#black-header-block .pl-1,
#black-header-block .px-1,
#home-page-products-block .pl-1,
#home-page-products-block .px-1,
#extension-highlight .pl-1,
#extension-highlight .px-1 {
  padding-left: 0.25rem !important;
}

#black-header-block .p-2,
#home-page-products-block .p-2,
#extension-highlight .p-2 {
  padding: 0.5rem !important;
}

#black-header-block .pt-2,
#black-header-block .py-2,
#home-page-products-block .pt-2,
#home-page-products-block .py-2,
#extension-highlight .pt-2,
#extension-highlight .py-2 {
  padding-top: 0.5rem !important;
}

#black-header-block .pr-2,
#black-header-block .px-2,
#home-page-products-block .pr-2,
#home-page-products-block .px-2,
#extension-highlight .pr-2,
#extension-highlight .px-2 {
  padding-right: 0.5rem !important;
}

#black-header-block .pb-2,
#black-header-block .py-2,
#home-page-products-block .pb-2,
#home-page-products-block .py-2,
#extension-highlight .pb-2,
#extension-highlight .py-2 {
  padding-bottom: 0.5rem !important;
}

#black-header-block .pl-2,
#black-header-block .px-2,
#home-page-products-block .pl-2,
#home-page-products-block .px-2,
#extension-highlight .pl-2,
#extension-highlight .px-2 {
  padding-left: 0.5rem !important;
}

#black-header-block .p-3,
#home-page-products-block .p-3,
#extension-highlight .p-3 {
  padding: 1rem !important;
}

#black-header-block .pt-3,
#black-header-block .py-3,
#home-page-products-block .pt-3,
#home-page-products-block .py-3,
#extension-highlight .pt-3,
#extension-highlight .py-3 {
  padding-top: 1rem !important;
}

#black-header-block .pr-3,
#black-header-block .px-3,
#home-page-products-block .pr-3,
#home-page-products-block .px-3,
#extension-highlight .pr-3,
#extension-highlight .px-3 {
  padding-right: 1rem !important;
}

#black-header-block .pb-3,
#black-header-block .py-3,
#home-page-products-block .pb-3,
#home-page-products-block .py-3,
#extension-highlight .pb-3,
#extension-highlight .py-3 {
  padding-bottom: 1rem !important;
}

#black-header-block .pl-3,
#black-header-block .px-3,
#home-page-products-block .pl-3,
#home-page-products-block .px-3,
#extension-highlight .pl-3,
#extension-highlight .px-3 {
  padding-left: 1rem !important;
}

#black-header-block .p-4,
#home-page-products-block .p-4,
#extension-highlight .p-4 {
  padding: 1.5rem !important;
}

#black-header-block .pt-4,
#black-header-block .py-4,
#home-page-products-block .pt-4,
#home-page-products-block .py-4,
#extension-highlight .pt-4,
#extension-highlight .py-4 {
  padding-top: 1.5rem !important;
}

#black-header-block .pr-4,
#black-header-block .px-4,
#home-page-products-block .pr-4,
#home-page-products-block .px-4,
#extension-highlight .pr-4,
#extension-highlight .px-4 {
  padding-right: 1.5rem !important;
}

#black-header-block .pb-4,
#black-header-block .py-4,
#home-page-products-block .pb-4,
#home-page-products-block .py-4,
#extension-highlight .pb-4,
#extension-highlight .py-4 {
  padding-bottom: 1.5rem !important;
}

#black-header-block .pl-4,
#black-header-block .px-4,
#home-page-products-block .pl-4,
#home-page-products-block .px-4,
#extension-highlight .pl-4,
#extension-highlight .px-4 {
  padding-left: 1.5rem !important;
}

#black-header-block .p-5,
#home-page-products-block .p-5,
#extension-highlight .p-5 {
  padding: 3rem !important;
}

#black-header-block .pt-5,
#black-header-block .py-5,
#home-page-products-block .pt-5,
#home-page-products-block .py-5,
#extension-highlight .pt-5,
#extension-highlight .py-5 {
  padding-top: 3rem !important;
}

#black-header-block .pr-5,
#black-header-block .px-5,
#home-page-products-block .pr-5,
#home-page-products-block .px-5,
#extension-highlight .pr-5,
#extension-highlight .px-5 {
  padding-right: 3rem !important;
}

#black-header-block .pb-5,
#black-header-block .py-5,
#home-page-products-block .pb-5,
#home-page-products-block .py-5,
#extension-highlight .pb-5,
#extension-highlight .py-5 {
  padding-bottom: 3rem !important;
}

#black-header-block .pl-5,
#black-header-block .px-5,
#home-page-products-block .pl-5,
#home-page-products-block .px-5,
#extension-highlight .pl-5,
#extension-highlight .px-5 {
  padding-left: 3rem !important;
}

#black-header-block .m-n1,
#home-page-products-block .m-n1,
#extension-highlight .m-n1 {
  margin: -0.25rem !important;
}

#black-header-block .mt-n1,
#black-header-block .my-n1,
#home-page-products-block .mt-n1,
#home-page-products-block .my-n1,
#extension-highlight .mt-n1,
#extension-highlight .my-n1 {
  margin-top: -0.25rem !important;
}

#black-header-block .mr-n1,
#black-header-block .mx-n1,
#home-page-products-block .mr-n1,
#home-page-products-block .mx-n1,
#extension-highlight .mr-n1,
#extension-highlight .mx-n1 {
  margin-right: -0.25rem !important;
}

#black-header-block .mb-n1,
#black-header-block .my-n1,
#home-page-products-block .mb-n1,
#home-page-products-block .my-n1,
#extension-highlight .mb-n1,
#extension-highlight .my-n1 {
  margin-bottom: -0.25rem !important;
}

#black-header-block .ml-n1,
#black-header-block .mx-n1,
#home-page-products-block .ml-n1,
#home-page-products-block .mx-n1,
#extension-highlight .ml-n1,
#extension-highlight .mx-n1 {
  margin-left: -0.25rem !important;
}

#black-header-block .m-n2,
#home-page-products-block .m-n2,
#extension-highlight .m-n2 {
  margin: -0.5rem !important;
}

#black-header-block .mt-n2,
#black-header-block .my-n2,
#home-page-products-block .mt-n2,
#home-page-products-block .my-n2,
#extension-highlight .mt-n2,
#extension-highlight .my-n2 {
  margin-top: -0.5rem !important;
}

#black-header-block .mr-n2,
#black-header-block .mx-n2,
#home-page-products-block .mr-n2,
#home-page-products-block .mx-n2,
#extension-highlight .mr-n2,
#extension-highlight .mx-n2 {
  margin-right: -0.5rem !important;
}

#black-header-block .mb-n2,
#black-header-block .my-n2,
#home-page-products-block .mb-n2,
#home-page-products-block .my-n2,
#extension-highlight .mb-n2,
#extension-highlight .my-n2 {
  margin-bottom: -0.5rem !important;
}

#black-header-block .ml-n2,
#black-header-block .mx-n2,
#home-page-products-block .ml-n2,
#home-page-products-block .mx-n2,
#extension-highlight .ml-n2,
#extension-highlight .mx-n2 {
  margin-left: -0.5rem !important;
}

#black-header-block .m-n3,
#home-page-products-block .m-n3,
#extension-highlight .m-n3 {
  margin: -1rem !important;
}

#black-header-block .mt-n3,
#black-header-block .my-n3,
#home-page-products-block .mt-n3,
#home-page-products-block .my-n3,
#extension-highlight .mt-n3,
#extension-highlight .my-n3 {
  margin-top: -1rem !important;
}

#black-header-block .mr-n3,
#black-header-block .mx-n3,
#home-page-products-block .mr-n3,
#home-page-products-block .mx-n3,
#extension-highlight .mr-n3,
#extension-highlight .mx-n3 {
  margin-right: -1rem !important;
}

#black-header-block .mb-n3,
#black-header-block .my-n3,
#home-page-products-block .mb-n3,
#home-page-products-block .my-n3,
#extension-highlight .mb-n3,
#extension-highlight .my-n3 {
  margin-bottom: -1rem !important;
}

#black-header-block .ml-n3,
#black-header-block .mx-n3,
#home-page-products-block .ml-n3,
#home-page-products-block .mx-n3,
#extension-highlight .ml-n3,
#extension-highlight .mx-n3 {
  margin-left: -1rem !important;
}

#black-header-block .m-n4,
#home-page-products-block .m-n4,
#extension-highlight .m-n4 {
  margin: -1.5rem !important;
}

#black-header-block .mt-n4,
#black-header-block .my-n4,
#home-page-products-block .mt-n4,
#home-page-products-block .my-n4,
#extension-highlight .mt-n4,
#extension-highlight .my-n4 {
  margin-top: -1.5rem !important;
}

#black-header-block .mr-n4,
#black-header-block .mx-n4,
#home-page-products-block .mr-n4,
#home-page-products-block .mx-n4,
#extension-highlight .mr-n4,
#extension-highlight .mx-n4 {
  margin-right: -1.5rem !important;
}

#black-header-block .mb-n4,
#black-header-block .my-n4,
#home-page-products-block .mb-n4,
#home-page-products-block .my-n4,
#extension-highlight .mb-n4,
#extension-highlight .my-n4 {
  margin-bottom: -1.5rem !important;
}

#black-header-block .ml-n4,
#black-header-block .mx-n4,
#home-page-products-block .ml-n4,
#home-page-products-block .mx-n4,
#extension-highlight .ml-n4,
#extension-highlight .mx-n4 {
  margin-left: -1.5rem !important;
}

#black-header-block .m-n5,
#home-page-products-block .m-n5,
#extension-highlight .m-n5 {
  margin: -3rem !important;
}

#black-header-block .mt-n5,
#black-header-block .my-n5,
#home-page-products-block .mt-n5,
#home-page-products-block .my-n5,
#extension-highlight .mt-n5,
#extension-highlight .my-n5 {
  margin-top: -3rem !important;
}

#black-header-block .mr-n5,
#black-header-block .mx-n5,
#home-page-products-block .mr-n5,
#home-page-products-block .mx-n5,
#extension-highlight .mr-n5,
#extension-highlight .mx-n5 {
  margin-right: -3rem !important;
}

#black-header-block .mb-n5,
#black-header-block .my-n5,
#home-page-products-block .mb-n5,
#home-page-products-block .my-n5,
#extension-highlight .mb-n5,
#extension-highlight .my-n5 {
  margin-bottom: -3rem !important;
}

#black-header-block .ml-n5,
#black-header-block .mx-n5,
#home-page-products-block .ml-n5,
#home-page-products-block .mx-n5,
#extension-highlight .ml-n5,
#extension-highlight .mx-n5 {
  margin-left: -3rem !important;
}

#black-header-block .m-auto,
#home-page-products-block .m-auto,
#extension-highlight .m-auto {
  margin: auto !important;
}

#black-header-block .mt-auto,
#black-header-block .my-auto,
#home-page-products-block .mt-auto,
#home-page-products-block .my-auto,
#extension-highlight .mt-auto,
#extension-highlight .my-auto {
  margin-top: auto !important;
}

#black-header-block .mr-auto,
#black-header-block .mx-auto,
#home-page-products-block .mr-auto,
#home-page-products-block .mx-auto,
#extension-highlight .mr-auto,
#extension-highlight .mx-auto {
  margin-right: auto !important;
}

#black-header-block .mb-auto,
#black-header-block .my-auto,
#home-page-products-block .mb-auto,
#home-page-products-block .my-auto,
#extension-highlight .mb-auto,
#extension-highlight .my-auto {
  margin-bottom: auto !important;
}

#black-header-block .ml-auto,
#black-header-block .mx-auto,
#home-page-products-block .ml-auto,
#home-page-products-block .mx-auto,
#extension-highlight .ml-auto,
#extension-highlight .mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  #black-header-block .m-sm-0,
  #home-page-products-block .m-sm-0,
  #extension-highlight .m-sm-0 {
    margin: 0 !important;
  }
  #black-header-block .mt-sm-0,
  #black-header-block .my-sm-0,
  #home-page-products-block .mt-sm-0,
  #home-page-products-block .my-sm-0,
  #extension-highlight .mt-sm-0,
  #extension-highlight .my-sm-0 {
    margin-top: 0 !important;
  }
  #black-header-block .mr-sm-0,
  #black-header-block .mx-sm-0,
  #home-page-products-block .mr-sm-0,
  #home-page-products-block .mx-sm-0,
  #extension-highlight .mr-sm-0,
  #extension-highlight .mx-sm-0 {
    margin-right: 0 !important;
  }
  #black-header-block .mb-sm-0,
  #black-header-block .my-sm-0,
  #home-page-products-block .mb-sm-0,
  #home-page-products-block .my-sm-0,
  #extension-highlight .mb-sm-0,
  #extension-highlight .my-sm-0 {
    margin-bottom: 0 !important;
  }
  #black-header-block .ml-sm-0,
  #black-header-block .mx-sm-0,
  #home-page-products-block .ml-sm-0,
  #home-page-products-block .mx-sm-0,
  #extension-highlight .ml-sm-0,
  #extension-highlight .mx-sm-0 {
    margin-left: 0 !important;
  }
  #black-header-block .m-sm-1,
  #home-page-products-block .m-sm-1,
  #extension-highlight .m-sm-1 {
    margin: 0.25rem !important;
  }
  #black-header-block .mt-sm-1,
  #black-header-block .my-sm-1,
  #home-page-products-block .mt-sm-1,
  #home-page-products-block .my-sm-1,
  #extension-highlight .mt-sm-1,
  #extension-highlight .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  #black-header-block .mr-sm-1,
  #black-header-block .mx-sm-1,
  #home-page-products-block .mr-sm-1,
  #home-page-products-block .mx-sm-1,
  #extension-highlight .mr-sm-1,
  #extension-highlight .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  #black-header-block .mb-sm-1,
  #black-header-block .my-sm-1,
  #home-page-products-block .mb-sm-1,
  #home-page-products-block .my-sm-1,
  #extension-highlight .mb-sm-1,
  #extension-highlight .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  #black-header-block .ml-sm-1,
  #black-header-block .mx-sm-1,
  #home-page-products-block .ml-sm-1,
  #home-page-products-block .mx-sm-1,
  #extension-highlight .ml-sm-1,
  #extension-highlight .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  #black-header-block .m-sm-2,
  #home-page-products-block .m-sm-2,
  #extension-highlight .m-sm-2 {
    margin: 0.5rem !important;
  }
  #black-header-block .mt-sm-2,
  #black-header-block .my-sm-2,
  #home-page-products-block .mt-sm-2,
  #home-page-products-block .my-sm-2,
  #extension-highlight .mt-sm-2,
  #extension-highlight .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  #black-header-block .mr-sm-2,
  #black-header-block .mx-sm-2,
  #home-page-products-block .mr-sm-2,
  #home-page-products-block .mx-sm-2,
  #extension-highlight .mr-sm-2,
  #extension-highlight .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  #black-header-block .mb-sm-2,
  #black-header-block .my-sm-2,
  #home-page-products-block .mb-sm-2,
  #home-page-products-block .my-sm-2,
  #extension-highlight .mb-sm-2,
  #extension-highlight .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  #black-header-block .ml-sm-2,
  #black-header-block .mx-sm-2,
  #home-page-products-block .ml-sm-2,
  #home-page-products-block .mx-sm-2,
  #extension-highlight .ml-sm-2,
  #extension-highlight .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  #black-header-block .m-sm-3,
  #home-page-products-block .m-sm-3,
  #extension-highlight .m-sm-3 {
    margin: 1rem !important;
  }
  #black-header-block .mt-sm-3,
  #black-header-block .my-sm-3,
  #home-page-products-block .mt-sm-3,
  #home-page-products-block .my-sm-3,
  #extension-highlight .mt-sm-3,
  #extension-highlight .my-sm-3 {
    margin-top: 1rem !important;
  }
  #black-header-block .mr-sm-3,
  #black-header-block .mx-sm-3,
  #home-page-products-block .mr-sm-3,
  #home-page-products-block .mx-sm-3,
  #extension-highlight .mr-sm-3,
  #extension-highlight .mx-sm-3 {
    margin-right: 1rem !important;
  }
  #black-header-block .mb-sm-3,
  #black-header-block .my-sm-3,
  #home-page-products-block .mb-sm-3,
  #home-page-products-block .my-sm-3,
  #extension-highlight .mb-sm-3,
  #extension-highlight .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  #black-header-block .ml-sm-3,
  #black-header-block .mx-sm-3,
  #home-page-products-block .ml-sm-3,
  #home-page-products-block .mx-sm-3,
  #extension-highlight .ml-sm-3,
  #extension-highlight .mx-sm-3 {
    margin-left: 1rem !important;
  }
  #black-header-block .m-sm-4,
  #home-page-products-block .m-sm-4,
  #extension-highlight .m-sm-4 {
    margin: 1.5rem !important;
  }
  #black-header-block .mt-sm-4,
  #black-header-block .my-sm-4,
  #home-page-products-block .mt-sm-4,
  #home-page-products-block .my-sm-4,
  #extension-highlight .mt-sm-4,
  #extension-highlight .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  #black-header-block .mr-sm-4,
  #black-header-block .mx-sm-4,
  #home-page-products-block .mr-sm-4,
  #home-page-products-block .mx-sm-4,
  #extension-highlight .mr-sm-4,
  #extension-highlight .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  #black-header-block .mb-sm-4,
  #black-header-block .my-sm-4,
  #home-page-products-block .mb-sm-4,
  #home-page-products-block .my-sm-4,
  #extension-highlight .mb-sm-4,
  #extension-highlight .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  #black-header-block .ml-sm-4,
  #black-header-block .mx-sm-4,
  #home-page-products-block .ml-sm-4,
  #home-page-products-block .mx-sm-4,
  #extension-highlight .ml-sm-4,
  #extension-highlight .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  #black-header-block .m-sm-5,
  #home-page-products-block .m-sm-5,
  #extension-highlight .m-sm-5 {
    margin: 3rem !important;
  }
  #black-header-block .mt-sm-5,
  #black-header-block .my-sm-5,
  #home-page-products-block .mt-sm-5,
  #home-page-products-block .my-sm-5,
  #extension-highlight .mt-sm-5,
  #extension-highlight .my-sm-5 {
    margin-top: 3rem !important;
  }
  #black-header-block .mr-sm-5,
  #black-header-block .mx-sm-5,
  #home-page-products-block .mr-sm-5,
  #home-page-products-block .mx-sm-5,
  #extension-highlight .mr-sm-5,
  #extension-highlight .mx-sm-5 {
    margin-right: 3rem !important;
  }
  #black-header-block .mb-sm-5,
  #black-header-block .my-sm-5,
  #home-page-products-block .mb-sm-5,
  #home-page-products-block .my-sm-5,
  #extension-highlight .mb-sm-5,
  #extension-highlight .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  #black-header-block .ml-sm-5,
  #black-header-block .mx-sm-5,
  #home-page-products-block .ml-sm-5,
  #home-page-products-block .mx-sm-5,
  #extension-highlight .ml-sm-5,
  #extension-highlight .mx-sm-5 {
    margin-left: 3rem !important;
  }
  #black-header-block .p-sm-0,
  #home-page-products-block .p-sm-0,
  #extension-highlight .p-sm-0 {
    padding: 0 !important;
  }
  #black-header-block .pt-sm-0,
  #black-header-block .py-sm-0,
  #home-page-products-block .pt-sm-0,
  #home-page-products-block .py-sm-0,
  #extension-highlight .pt-sm-0,
  #extension-highlight .py-sm-0 {
    padding-top: 0 !important;
  }
  #black-header-block .pr-sm-0,
  #black-header-block .px-sm-0,
  #home-page-products-block .pr-sm-0,
  #home-page-products-block .px-sm-0,
  #extension-highlight .pr-sm-0,
  #extension-highlight .px-sm-0 {
    padding-right: 0 !important;
  }
  #black-header-block .pb-sm-0,
  #black-header-block .py-sm-0,
  #home-page-products-block .pb-sm-0,
  #home-page-products-block .py-sm-0,
  #extension-highlight .pb-sm-0,
  #extension-highlight .py-sm-0 {
    padding-bottom: 0 !important;
  }
  #black-header-block .pl-sm-0,
  #black-header-block .px-sm-0,
  #home-page-products-block .pl-sm-0,
  #home-page-products-block .px-sm-0,
  #extension-highlight .pl-sm-0,
  #extension-highlight .px-sm-0 {
    padding-left: 0 !important;
  }
  #black-header-block .p-sm-1,
  #home-page-products-block .p-sm-1,
  #extension-highlight .p-sm-1 {
    padding: 0.25rem !important;
  }
  #black-header-block .pt-sm-1,
  #black-header-block .py-sm-1,
  #home-page-products-block .pt-sm-1,
  #home-page-products-block .py-sm-1,
  #extension-highlight .pt-sm-1,
  #extension-highlight .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  #black-header-block .pr-sm-1,
  #black-header-block .px-sm-1,
  #home-page-products-block .pr-sm-1,
  #home-page-products-block .px-sm-1,
  #extension-highlight .pr-sm-1,
  #extension-highlight .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  #black-header-block .pb-sm-1,
  #black-header-block .py-sm-1,
  #home-page-products-block .pb-sm-1,
  #home-page-products-block .py-sm-1,
  #extension-highlight .pb-sm-1,
  #extension-highlight .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  #black-header-block .pl-sm-1,
  #black-header-block .px-sm-1,
  #home-page-products-block .pl-sm-1,
  #home-page-products-block .px-sm-1,
  #extension-highlight .pl-sm-1,
  #extension-highlight .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  #black-header-block .p-sm-2,
  #home-page-products-block .p-sm-2,
  #extension-highlight .p-sm-2 {
    padding: 0.5rem !important;
  }
  #black-header-block .pt-sm-2,
  #black-header-block .py-sm-2,
  #home-page-products-block .pt-sm-2,
  #home-page-products-block .py-sm-2,
  #extension-highlight .pt-sm-2,
  #extension-highlight .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  #black-header-block .pr-sm-2,
  #black-header-block .px-sm-2,
  #home-page-products-block .pr-sm-2,
  #home-page-products-block .px-sm-2,
  #extension-highlight .pr-sm-2,
  #extension-highlight .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  #black-header-block .pb-sm-2,
  #black-header-block .py-sm-2,
  #home-page-products-block .pb-sm-2,
  #home-page-products-block .py-sm-2,
  #extension-highlight .pb-sm-2,
  #extension-highlight .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  #black-header-block .pl-sm-2,
  #black-header-block .px-sm-2,
  #home-page-products-block .pl-sm-2,
  #home-page-products-block .px-sm-2,
  #extension-highlight .pl-sm-2,
  #extension-highlight .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  #black-header-block .p-sm-3,
  #home-page-products-block .p-sm-3,
  #extension-highlight .p-sm-3 {
    padding: 1rem !important;
  }
  #black-header-block .pt-sm-3,
  #black-header-block .py-sm-3,
  #home-page-products-block .pt-sm-3,
  #home-page-products-block .py-sm-3,
  #extension-highlight .pt-sm-3,
  #extension-highlight .py-sm-3 {
    padding-top: 1rem !important;
  }
  #black-header-block .pr-sm-3,
  #black-header-block .px-sm-3,
  #home-page-products-block .pr-sm-3,
  #home-page-products-block .px-sm-3,
  #extension-highlight .pr-sm-3,
  #extension-highlight .px-sm-3 {
    padding-right: 1rem !important;
  }
  #black-header-block .pb-sm-3,
  #black-header-block .py-sm-3,
  #home-page-products-block .pb-sm-3,
  #home-page-products-block .py-sm-3,
  #extension-highlight .pb-sm-3,
  #extension-highlight .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  #black-header-block .pl-sm-3,
  #black-header-block .px-sm-3,
  #home-page-products-block .pl-sm-3,
  #home-page-products-block .px-sm-3,
  #extension-highlight .pl-sm-3,
  #extension-highlight .px-sm-3 {
    padding-left: 1rem !important;
  }
  #black-header-block .p-sm-4,
  #home-page-products-block .p-sm-4,
  #extension-highlight .p-sm-4 {
    padding: 1.5rem !important;
  }
  #black-header-block .pt-sm-4,
  #black-header-block .py-sm-4,
  #home-page-products-block .pt-sm-4,
  #home-page-products-block .py-sm-4,
  #extension-highlight .pt-sm-4,
  #extension-highlight .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  #black-header-block .pr-sm-4,
  #black-header-block .px-sm-4,
  #home-page-products-block .pr-sm-4,
  #home-page-products-block .px-sm-4,
  #extension-highlight .pr-sm-4,
  #extension-highlight .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  #black-header-block .pb-sm-4,
  #black-header-block .py-sm-4,
  #home-page-products-block .pb-sm-4,
  #home-page-products-block .py-sm-4,
  #extension-highlight .pb-sm-4,
  #extension-highlight .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  #black-header-block .pl-sm-4,
  #black-header-block .px-sm-4,
  #home-page-products-block .pl-sm-4,
  #home-page-products-block .px-sm-4,
  #extension-highlight .pl-sm-4,
  #extension-highlight .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  #black-header-block .p-sm-5,
  #home-page-products-block .p-sm-5,
  #extension-highlight .p-sm-5 {
    padding: 3rem !important;
  }
  #black-header-block .pt-sm-5,
  #black-header-block .py-sm-5,
  #home-page-products-block .pt-sm-5,
  #home-page-products-block .py-sm-5,
  #extension-highlight .pt-sm-5,
  #extension-highlight .py-sm-5 {
    padding-top: 3rem !important;
  }
  #black-header-block .pr-sm-5,
  #black-header-block .px-sm-5,
  #home-page-products-block .pr-sm-5,
  #home-page-products-block .px-sm-5,
  #extension-highlight .pr-sm-5,
  #extension-highlight .px-sm-5 {
    padding-right: 3rem !important;
  }
  #black-header-block .pb-sm-5,
  #black-header-block .py-sm-5,
  #home-page-products-block .pb-sm-5,
  #home-page-products-block .py-sm-5,
  #extension-highlight .pb-sm-5,
  #extension-highlight .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  #black-header-block .pl-sm-5,
  #black-header-block .px-sm-5,
  #home-page-products-block .pl-sm-5,
  #home-page-products-block .px-sm-5,
  #extension-highlight .pl-sm-5,
  #extension-highlight .px-sm-5 {
    padding-left: 3rem !important;
  }
  #black-header-block .m-sm-n1,
  #home-page-products-block .m-sm-n1,
  #extension-highlight .m-sm-n1 {
    margin: -0.25rem !important;
  }
  #black-header-block .mt-sm-n1,
  #black-header-block .my-sm-n1,
  #home-page-products-block .mt-sm-n1,
  #home-page-products-block .my-sm-n1,
  #extension-highlight .mt-sm-n1,
  #extension-highlight .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  #black-header-block .mr-sm-n1,
  #black-header-block .mx-sm-n1,
  #home-page-products-block .mr-sm-n1,
  #home-page-products-block .mx-sm-n1,
  #extension-highlight .mr-sm-n1,
  #extension-highlight .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  #black-header-block .mb-sm-n1,
  #black-header-block .my-sm-n1,
  #home-page-products-block .mb-sm-n1,
  #home-page-products-block .my-sm-n1,
  #extension-highlight .mb-sm-n1,
  #extension-highlight .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  #black-header-block .ml-sm-n1,
  #black-header-block .mx-sm-n1,
  #home-page-products-block .ml-sm-n1,
  #home-page-products-block .mx-sm-n1,
  #extension-highlight .ml-sm-n1,
  #extension-highlight .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  #black-header-block .m-sm-n2,
  #home-page-products-block .m-sm-n2,
  #extension-highlight .m-sm-n2 {
    margin: -0.5rem !important;
  }
  #black-header-block .mt-sm-n2,
  #black-header-block .my-sm-n2,
  #home-page-products-block .mt-sm-n2,
  #home-page-products-block .my-sm-n2,
  #extension-highlight .mt-sm-n2,
  #extension-highlight .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  #black-header-block .mr-sm-n2,
  #black-header-block .mx-sm-n2,
  #home-page-products-block .mr-sm-n2,
  #home-page-products-block .mx-sm-n2,
  #extension-highlight .mr-sm-n2,
  #extension-highlight .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  #black-header-block .mb-sm-n2,
  #black-header-block .my-sm-n2,
  #home-page-products-block .mb-sm-n2,
  #home-page-products-block .my-sm-n2,
  #extension-highlight .mb-sm-n2,
  #extension-highlight .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  #black-header-block .ml-sm-n2,
  #black-header-block .mx-sm-n2,
  #home-page-products-block .ml-sm-n2,
  #home-page-products-block .mx-sm-n2,
  #extension-highlight .ml-sm-n2,
  #extension-highlight .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  #black-header-block .m-sm-n3,
  #home-page-products-block .m-sm-n3,
  #extension-highlight .m-sm-n3 {
    margin: -1rem !important;
  }
  #black-header-block .mt-sm-n3,
  #black-header-block .my-sm-n3,
  #home-page-products-block .mt-sm-n3,
  #home-page-products-block .my-sm-n3,
  #extension-highlight .mt-sm-n3,
  #extension-highlight .my-sm-n3 {
    margin-top: -1rem !important;
  }
  #black-header-block .mr-sm-n3,
  #black-header-block .mx-sm-n3,
  #home-page-products-block .mr-sm-n3,
  #home-page-products-block .mx-sm-n3,
  #extension-highlight .mr-sm-n3,
  #extension-highlight .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  #black-header-block .mb-sm-n3,
  #black-header-block .my-sm-n3,
  #home-page-products-block .mb-sm-n3,
  #home-page-products-block .my-sm-n3,
  #extension-highlight .mb-sm-n3,
  #extension-highlight .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  #black-header-block .ml-sm-n3,
  #black-header-block .mx-sm-n3,
  #home-page-products-block .ml-sm-n3,
  #home-page-products-block .mx-sm-n3,
  #extension-highlight .ml-sm-n3,
  #extension-highlight .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  #black-header-block .m-sm-n4,
  #home-page-products-block .m-sm-n4,
  #extension-highlight .m-sm-n4 {
    margin: -1.5rem !important;
  }
  #black-header-block .mt-sm-n4,
  #black-header-block .my-sm-n4,
  #home-page-products-block .mt-sm-n4,
  #home-page-products-block .my-sm-n4,
  #extension-highlight .mt-sm-n4,
  #extension-highlight .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  #black-header-block .mr-sm-n4,
  #black-header-block .mx-sm-n4,
  #home-page-products-block .mr-sm-n4,
  #home-page-products-block .mx-sm-n4,
  #extension-highlight .mr-sm-n4,
  #extension-highlight .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  #black-header-block .mb-sm-n4,
  #black-header-block .my-sm-n4,
  #home-page-products-block .mb-sm-n4,
  #home-page-products-block .my-sm-n4,
  #extension-highlight .mb-sm-n4,
  #extension-highlight .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  #black-header-block .ml-sm-n4,
  #black-header-block .mx-sm-n4,
  #home-page-products-block .ml-sm-n4,
  #home-page-products-block .mx-sm-n4,
  #extension-highlight .ml-sm-n4,
  #extension-highlight .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  #black-header-block .m-sm-n5,
  #home-page-products-block .m-sm-n5,
  #extension-highlight .m-sm-n5 {
    margin: -3rem !important;
  }
  #black-header-block .mt-sm-n5,
  #black-header-block .my-sm-n5,
  #home-page-products-block .mt-sm-n5,
  #home-page-products-block .my-sm-n5,
  #extension-highlight .mt-sm-n5,
  #extension-highlight .my-sm-n5 {
    margin-top: -3rem !important;
  }
  #black-header-block .mr-sm-n5,
  #black-header-block .mx-sm-n5,
  #home-page-products-block .mr-sm-n5,
  #home-page-products-block .mx-sm-n5,
  #extension-highlight .mr-sm-n5,
  #extension-highlight .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  #black-header-block .mb-sm-n5,
  #black-header-block .my-sm-n5,
  #home-page-products-block .mb-sm-n5,
  #home-page-products-block .my-sm-n5,
  #extension-highlight .mb-sm-n5,
  #extension-highlight .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  #black-header-block .ml-sm-n5,
  #black-header-block .mx-sm-n5,
  #home-page-products-block .ml-sm-n5,
  #home-page-products-block .mx-sm-n5,
  #extension-highlight .ml-sm-n5,
  #extension-highlight .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  #black-header-block .m-sm-auto,
  #home-page-products-block .m-sm-auto,
  #extension-highlight .m-sm-auto {
    margin: auto !important;
  }
  #black-header-block .mt-sm-auto,
  #black-header-block .my-sm-auto,
  #home-page-products-block .mt-sm-auto,
  #home-page-products-block .my-sm-auto,
  #extension-highlight .mt-sm-auto,
  #extension-highlight .my-sm-auto {
    margin-top: auto !important;
  }
  #black-header-block .mr-sm-auto,
  #black-header-block .mx-sm-auto,
  #home-page-products-block .mr-sm-auto,
  #home-page-products-block .mx-sm-auto,
  #extension-highlight .mr-sm-auto,
  #extension-highlight .mx-sm-auto {
    margin-right: auto !important;
  }
  #black-header-block .mb-sm-auto,
  #black-header-block .my-sm-auto,
  #home-page-products-block .mb-sm-auto,
  #home-page-products-block .my-sm-auto,
  #extension-highlight .mb-sm-auto,
  #extension-highlight .my-sm-auto {
    margin-bottom: auto !important;
  }
  #black-header-block .ml-sm-auto,
  #black-header-block .mx-sm-auto,
  #home-page-products-block .ml-sm-auto,
  #home-page-products-block .mx-sm-auto,
  #extension-highlight .ml-sm-auto,
  #extension-highlight .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  #black-header-block .m-md-0,
  #home-page-products-block .m-md-0,
  #extension-highlight .m-md-0 {
    margin: 0 !important;
  }
  #black-header-block .mt-md-0,
  #black-header-block .my-md-0,
  #home-page-products-block .mt-md-0,
  #home-page-products-block .my-md-0,
  #extension-highlight .mt-md-0,
  #extension-highlight .my-md-0 {
    margin-top: 0 !important;
  }
  #black-header-block .mr-md-0,
  #black-header-block .mx-md-0,
  #home-page-products-block .mr-md-0,
  #home-page-products-block .mx-md-0,
  #extension-highlight .mr-md-0,
  #extension-highlight .mx-md-0 {
    margin-right: 0 !important;
  }
  #black-header-block .mb-md-0,
  #black-header-block .my-md-0,
  #home-page-products-block .mb-md-0,
  #home-page-products-block .my-md-0,
  #extension-highlight .mb-md-0,
  #extension-highlight .my-md-0 {
    margin-bottom: 0 !important;
  }
  #black-header-block .ml-md-0,
  #black-header-block .mx-md-0,
  #home-page-products-block .ml-md-0,
  #home-page-products-block .mx-md-0,
  #extension-highlight .ml-md-0,
  #extension-highlight .mx-md-0 {
    margin-left: 0 !important;
  }
  #black-header-block .m-md-1,
  #home-page-products-block .m-md-1,
  #extension-highlight .m-md-1 {
    margin: 0.25rem !important;
  }
  #black-header-block .mt-md-1,
  #black-header-block .my-md-1,
  #home-page-products-block .mt-md-1,
  #home-page-products-block .my-md-1,
  #extension-highlight .mt-md-1,
  #extension-highlight .my-md-1 {
    margin-top: 0.25rem !important;
  }
  #black-header-block .mr-md-1,
  #black-header-block .mx-md-1,
  #home-page-products-block .mr-md-1,
  #home-page-products-block .mx-md-1,
  #extension-highlight .mr-md-1,
  #extension-highlight .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  #black-header-block .mb-md-1,
  #black-header-block .my-md-1,
  #home-page-products-block .mb-md-1,
  #home-page-products-block .my-md-1,
  #extension-highlight .mb-md-1,
  #extension-highlight .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  #black-header-block .ml-md-1,
  #black-header-block .mx-md-1,
  #home-page-products-block .ml-md-1,
  #home-page-products-block .mx-md-1,
  #extension-highlight .ml-md-1,
  #extension-highlight .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  #black-header-block .m-md-2,
  #home-page-products-block .m-md-2,
  #extension-highlight .m-md-2 {
    margin: 0.5rem !important;
  }
  #black-header-block .mt-md-2,
  #black-header-block .my-md-2,
  #home-page-products-block .mt-md-2,
  #home-page-products-block .my-md-2,
  #extension-highlight .mt-md-2,
  #extension-highlight .my-md-2 {
    margin-top: 0.5rem !important;
  }
  #black-header-block .mr-md-2,
  #black-header-block .mx-md-2,
  #home-page-products-block .mr-md-2,
  #home-page-products-block .mx-md-2,
  #extension-highlight .mr-md-2,
  #extension-highlight .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  #black-header-block .mb-md-2,
  #black-header-block .my-md-2,
  #home-page-products-block .mb-md-2,
  #home-page-products-block .my-md-2,
  #extension-highlight .mb-md-2,
  #extension-highlight .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  #black-header-block .ml-md-2,
  #black-header-block .mx-md-2,
  #home-page-products-block .ml-md-2,
  #home-page-products-block .mx-md-2,
  #extension-highlight .ml-md-2,
  #extension-highlight .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  #black-header-block .m-md-3,
  #home-page-products-block .m-md-3,
  #extension-highlight .m-md-3 {
    margin: 1rem !important;
  }
  #black-header-block .mt-md-3,
  #black-header-block .my-md-3,
  #home-page-products-block .mt-md-3,
  #home-page-products-block .my-md-3,
  #extension-highlight .mt-md-3,
  #extension-highlight .my-md-3 {
    margin-top: 1rem !important;
  }
  #black-header-block .mr-md-3,
  #black-header-block .mx-md-3,
  #home-page-products-block .mr-md-3,
  #home-page-products-block .mx-md-3,
  #extension-highlight .mr-md-3,
  #extension-highlight .mx-md-3 {
    margin-right: 1rem !important;
  }
  #black-header-block .mb-md-3,
  #black-header-block .my-md-3,
  #home-page-products-block .mb-md-3,
  #home-page-products-block .my-md-3,
  #extension-highlight .mb-md-3,
  #extension-highlight .my-md-3 {
    margin-bottom: 1rem !important;
  }
  #black-header-block .ml-md-3,
  #black-header-block .mx-md-3,
  #home-page-products-block .ml-md-3,
  #home-page-products-block .mx-md-3,
  #extension-highlight .ml-md-3,
  #extension-highlight .mx-md-3 {
    margin-left: 1rem !important;
  }
  #black-header-block .m-md-4,
  #home-page-products-block .m-md-4,
  #extension-highlight .m-md-4 {
    margin: 1.5rem !important;
  }
  #black-header-block .mt-md-4,
  #black-header-block .my-md-4,
  #home-page-products-block .mt-md-4,
  #home-page-products-block .my-md-4,
  #extension-highlight .mt-md-4,
  #extension-highlight .my-md-4 {
    margin-top: 1.5rem !important;
  }
  #black-header-block .mr-md-4,
  #black-header-block .mx-md-4,
  #home-page-products-block .mr-md-4,
  #home-page-products-block .mx-md-4,
  #extension-highlight .mr-md-4,
  #extension-highlight .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  #black-header-block .mb-md-4,
  #black-header-block .my-md-4,
  #home-page-products-block .mb-md-4,
  #home-page-products-block .my-md-4,
  #extension-highlight .mb-md-4,
  #extension-highlight .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  #black-header-block .ml-md-4,
  #black-header-block .mx-md-4,
  #home-page-products-block .ml-md-4,
  #home-page-products-block .mx-md-4,
  #extension-highlight .ml-md-4,
  #extension-highlight .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  #black-header-block .m-md-5,
  #home-page-products-block .m-md-5,
  #extension-highlight .m-md-5 {
    margin: 3rem !important;
  }
  #black-header-block .mt-md-5,
  #black-header-block .my-md-5,
  #home-page-products-block .mt-md-5,
  #home-page-products-block .my-md-5,
  #extension-highlight .mt-md-5,
  #extension-highlight .my-md-5 {
    margin-top: 3rem !important;
  }
  #black-header-block .mr-md-5,
  #black-header-block .mx-md-5,
  #home-page-products-block .mr-md-5,
  #home-page-products-block .mx-md-5,
  #extension-highlight .mr-md-5,
  #extension-highlight .mx-md-5 {
    margin-right: 3rem !important;
  }
  #black-header-block .mb-md-5,
  #black-header-block .my-md-5,
  #home-page-products-block .mb-md-5,
  #home-page-products-block .my-md-5,
  #extension-highlight .mb-md-5,
  #extension-highlight .my-md-5 {
    margin-bottom: 3rem !important;
  }
  #black-header-block .ml-md-5,
  #black-header-block .mx-md-5,
  #home-page-products-block .ml-md-5,
  #home-page-products-block .mx-md-5,
  #extension-highlight .ml-md-5,
  #extension-highlight .mx-md-5 {
    margin-left: 3rem !important;
  }
  #black-header-block .p-md-0,
  #home-page-products-block .p-md-0,
  #extension-highlight .p-md-0 {
    padding: 0 !important;
  }
  #black-header-block .pt-md-0,
  #black-header-block .py-md-0,
  #home-page-products-block .pt-md-0,
  #home-page-products-block .py-md-0,
  #extension-highlight .pt-md-0,
  #extension-highlight .py-md-0 {
    padding-top: 0 !important;
  }
  #black-header-block .pr-md-0,
  #black-header-block .px-md-0,
  #home-page-products-block .pr-md-0,
  #home-page-products-block .px-md-0,
  #extension-highlight .pr-md-0,
  #extension-highlight .px-md-0 {
    padding-right: 0 !important;
  }
  #black-header-block .pb-md-0,
  #black-header-block .py-md-0,
  #home-page-products-block .pb-md-0,
  #home-page-products-block .py-md-0,
  #extension-highlight .pb-md-0,
  #extension-highlight .py-md-0 {
    padding-bottom: 0 !important;
  }
  #black-header-block .pl-md-0,
  #black-header-block .px-md-0,
  #home-page-products-block .pl-md-0,
  #home-page-products-block .px-md-0,
  #extension-highlight .pl-md-0,
  #extension-highlight .px-md-0 {
    padding-left: 0 !important;
  }
  #black-header-block .p-md-1,
  #home-page-products-block .p-md-1,
  #extension-highlight .p-md-1 {
    padding: 0.25rem !important;
  }
  #black-header-block .pt-md-1,
  #black-header-block .py-md-1,
  #home-page-products-block .pt-md-1,
  #home-page-products-block .py-md-1,
  #extension-highlight .pt-md-1,
  #extension-highlight .py-md-1 {
    padding-top: 0.25rem !important;
  }
  #black-header-block .pr-md-1,
  #black-header-block .px-md-1,
  #home-page-products-block .pr-md-1,
  #home-page-products-block .px-md-1,
  #extension-highlight .pr-md-1,
  #extension-highlight .px-md-1 {
    padding-right: 0.25rem !important;
  }
  #black-header-block .pb-md-1,
  #black-header-block .py-md-1,
  #home-page-products-block .pb-md-1,
  #home-page-products-block .py-md-1,
  #extension-highlight .pb-md-1,
  #extension-highlight .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  #black-header-block .pl-md-1,
  #black-header-block .px-md-1,
  #home-page-products-block .pl-md-1,
  #home-page-products-block .px-md-1,
  #extension-highlight .pl-md-1,
  #extension-highlight .px-md-1 {
    padding-left: 0.25rem !important;
  }
  #black-header-block .p-md-2,
  #home-page-products-block .p-md-2,
  #extension-highlight .p-md-2 {
    padding: 0.5rem !important;
  }
  #black-header-block .pt-md-2,
  #black-header-block .py-md-2,
  #home-page-products-block .pt-md-2,
  #home-page-products-block .py-md-2,
  #extension-highlight .pt-md-2,
  #extension-highlight .py-md-2 {
    padding-top: 0.5rem !important;
  }
  #black-header-block .pr-md-2,
  #black-header-block .px-md-2,
  #home-page-products-block .pr-md-2,
  #home-page-products-block .px-md-2,
  #extension-highlight .pr-md-2,
  #extension-highlight .px-md-2 {
    padding-right: 0.5rem !important;
  }
  #black-header-block .pb-md-2,
  #black-header-block .py-md-2,
  #home-page-products-block .pb-md-2,
  #home-page-products-block .py-md-2,
  #extension-highlight .pb-md-2,
  #extension-highlight .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  #black-header-block .pl-md-2,
  #black-header-block .px-md-2,
  #home-page-products-block .pl-md-2,
  #home-page-products-block .px-md-2,
  #extension-highlight .pl-md-2,
  #extension-highlight .px-md-2 {
    padding-left: 0.5rem !important;
  }
  #black-header-block .p-md-3,
  #home-page-products-block .p-md-3,
  #extension-highlight .p-md-3 {
    padding: 1rem !important;
  }
  #black-header-block .pt-md-3,
  #black-header-block .py-md-3,
  #home-page-products-block .pt-md-3,
  #home-page-products-block .py-md-3,
  #extension-highlight .pt-md-3,
  #extension-highlight .py-md-3 {
    padding-top: 1rem !important;
  }
  #black-header-block .pr-md-3,
  #black-header-block .px-md-3,
  #home-page-products-block .pr-md-3,
  #home-page-products-block .px-md-3,
  #extension-highlight .pr-md-3,
  #extension-highlight .px-md-3 {
    padding-right: 1rem !important;
  }
  #black-header-block .pb-md-3,
  #black-header-block .py-md-3,
  #home-page-products-block .pb-md-3,
  #home-page-products-block .py-md-3,
  #extension-highlight .pb-md-3,
  #extension-highlight .py-md-3 {
    padding-bottom: 1rem !important;
  }
  #black-header-block .pl-md-3,
  #black-header-block .px-md-3,
  #home-page-products-block .pl-md-3,
  #home-page-products-block .px-md-3,
  #extension-highlight .pl-md-3,
  #extension-highlight .px-md-3 {
    padding-left: 1rem !important;
  }
  #black-header-block .p-md-4,
  #home-page-products-block .p-md-4,
  #extension-highlight .p-md-4 {
    padding: 1.5rem !important;
  }
  #black-header-block .pt-md-4,
  #black-header-block .py-md-4,
  #home-page-products-block .pt-md-4,
  #home-page-products-block .py-md-4,
  #extension-highlight .pt-md-4,
  #extension-highlight .py-md-4 {
    padding-top: 1.5rem !important;
  }
  #black-header-block .pr-md-4,
  #black-header-block .px-md-4,
  #home-page-products-block .pr-md-4,
  #home-page-products-block .px-md-4,
  #extension-highlight .pr-md-4,
  #extension-highlight .px-md-4 {
    padding-right: 1.5rem !important;
  }
  #black-header-block .pb-md-4,
  #black-header-block .py-md-4,
  #home-page-products-block .pb-md-4,
  #home-page-products-block .py-md-4,
  #extension-highlight .pb-md-4,
  #extension-highlight .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  #black-header-block .pl-md-4,
  #black-header-block .px-md-4,
  #home-page-products-block .pl-md-4,
  #home-page-products-block .px-md-4,
  #extension-highlight .pl-md-4,
  #extension-highlight .px-md-4 {
    padding-left: 1.5rem !important;
  }
  #black-header-block .p-md-5,
  #home-page-products-block .p-md-5,
  #extension-highlight .p-md-5 {
    padding: 3rem !important;
  }
  #black-header-block .pt-md-5,
  #black-header-block .py-md-5,
  #home-page-products-block .pt-md-5,
  #home-page-products-block .py-md-5,
  #extension-highlight .pt-md-5,
  #extension-highlight .py-md-5 {
    padding-top: 3rem !important;
  }
  #black-header-block .pr-md-5,
  #black-header-block .px-md-5,
  #home-page-products-block .pr-md-5,
  #home-page-products-block .px-md-5,
  #extension-highlight .pr-md-5,
  #extension-highlight .px-md-5 {
    padding-right: 3rem !important;
  }
  #black-header-block .pb-md-5,
  #black-header-block .py-md-5,
  #home-page-products-block .pb-md-5,
  #home-page-products-block .py-md-5,
  #extension-highlight .pb-md-5,
  #extension-highlight .py-md-5 {
    padding-bottom: 3rem !important;
  }
  #black-header-block .pl-md-5,
  #black-header-block .px-md-5,
  #home-page-products-block .pl-md-5,
  #home-page-products-block .px-md-5,
  #extension-highlight .pl-md-5,
  #extension-highlight .px-md-5 {
    padding-left: 3rem !important;
  }
  #black-header-block .m-md-n1,
  #home-page-products-block .m-md-n1,
  #extension-highlight .m-md-n1 {
    margin: -0.25rem !important;
  }
  #black-header-block .mt-md-n1,
  #black-header-block .my-md-n1,
  #home-page-products-block .mt-md-n1,
  #home-page-products-block .my-md-n1,
  #extension-highlight .mt-md-n1,
  #extension-highlight .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  #black-header-block .mr-md-n1,
  #black-header-block .mx-md-n1,
  #home-page-products-block .mr-md-n1,
  #home-page-products-block .mx-md-n1,
  #extension-highlight .mr-md-n1,
  #extension-highlight .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  #black-header-block .mb-md-n1,
  #black-header-block .my-md-n1,
  #home-page-products-block .mb-md-n1,
  #home-page-products-block .my-md-n1,
  #extension-highlight .mb-md-n1,
  #extension-highlight .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  #black-header-block .ml-md-n1,
  #black-header-block .mx-md-n1,
  #home-page-products-block .ml-md-n1,
  #home-page-products-block .mx-md-n1,
  #extension-highlight .ml-md-n1,
  #extension-highlight .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  #black-header-block .m-md-n2,
  #home-page-products-block .m-md-n2,
  #extension-highlight .m-md-n2 {
    margin: -0.5rem !important;
  }
  #black-header-block .mt-md-n2,
  #black-header-block .my-md-n2,
  #home-page-products-block .mt-md-n2,
  #home-page-products-block .my-md-n2,
  #extension-highlight .mt-md-n2,
  #extension-highlight .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  #black-header-block .mr-md-n2,
  #black-header-block .mx-md-n2,
  #home-page-products-block .mr-md-n2,
  #home-page-products-block .mx-md-n2,
  #extension-highlight .mr-md-n2,
  #extension-highlight .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  #black-header-block .mb-md-n2,
  #black-header-block .my-md-n2,
  #home-page-products-block .mb-md-n2,
  #home-page-products-block .my-md-n2,
  #extension-highlight .mb-md-n2,
  #extension-highlight .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  #black-header-block .ml-md-n2,
  #black-header-block .mx-md-n2,
  #home-page-products-block .ml-md-n2,
  #home-page-products-block .mx-md-n2,
  #extension-highlight .ml-md-n2,
  #extension-highlight .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  #black-header-block .m-md-n3,
  #home-page-products-block .m-md-n3,
  #extension-highlight .m-md-n3 {
    margin: -1rem !important;
  }
  #black-header-block .mt-md-n3,
  #black-header-block .my-md-n3,
  #home-page-products-block .mt-md-n3,
  #home-page-products-block .my-md-n3,
  #extension-highlight .mt-md-n3,
  #extension-highlight .my-md-n3 {
    margin-top: -1rem !important;
  }
  #black-header-block .mr-md-n3,
  #black-header-block .mx-md-n3,
  #home-page-products-block .mr-md-n3,
  #home-page-products-block .mx-md-n3,
  #extension-highlight .mr-md-n3,
  #extension-highlight .mx-md-n3 {
    margin-right: -1rem !important;
  }
  #black-header-block .mb-md-n3,
  #black-header-block .my-md-n3,
  #home-page-products-block .mb-md-n3,
  #home-page-products-block .my-md-n3,
  #extension-highlight .mb-md-n3,
  #extension-highlight .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  #black-header-block .ml-md-n3,
  #black-header-block .mx-md-n3,
  #home-page-products-block .ml-md-n3,
  #home-page-products-block .mx-md-n3,
  #extension-highlight .ml-md-n3,
  #extension-highlight .mx-md-n3 {
    margin-left: -1rem !important;
  }
  #black-header-block .m-md-n4,
  #home-page-products-block .m-md-n4,
  #extension-highlight .m-md-n4 {
    margin: -1.5rem !important;
  }
  #black-header-block .mt-md-n4,
  #black-header-block .my-md-n4,
  #home-page-products-block .mt-md-n4,
  #home-page-products-block .my-md-n4,
  #extension-highlight .mt-md-n4,
  #extension-highlight .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  #black-header-block .mr-md-n4,
  #black-header-block .mx-md-n4,
  #home-page-products-block .mr-md-n4,
  #home-page-products-block .mx-md-n4,
  #extension-highlight .mr-md-n4,
  #extension-highlight .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  #black-header-block .mb-md-n4,
  #black-header-block .my-md-n4,
  #home-page-products-block .mb-md-n4,
  #home-page-products-block .my-md-n4,
  #extension-highlight .mb-md-n4,
  #extension-highlight .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  #black-header-block .ml-md-n4,
  #black-header-block .mx-md-n4,
  #home-page-products-block .ml-md-n4,
  #home-page-products-block .mx-md-n4,
  #extension-highlight .ml-md-n4,
  #extension-highlight .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  #black-header-block .m-md-n5,
  #home-page-products-block .m-md-n5,
  #extension-highlight .m-md-n5 {
    margin: -3rem !important;
  }
  #black-header-block .mt-md-n5,
  #black-header-block .my-md-n5,
  #home-page-products-block .mt-md-n5,
  #home-page-products-block .my-md-n5,
  #extension-highlight .mt-md-n5,
  #extension-highlight .my-md-n5 {
    margin-top: -3rem !important;
  }
  #black-header-block .mr-md-n5,
  #black-header-block .mx-md-n5,
  #home-page-products-block .mr-md-n5,
  #home-page-products-block .mx-md-n5,
  #extension-highlight .mr-md-n5,
  #extension-highlight .mx-md-n5 {
    margin-right: -3rem !important;
  }
  #black-header-block .mb-md-n5,
  #black-header-block .my-md-n5,
  #home-page-products-block .mb-md-n5,
  #home-page-products-block .my-md-n5,
  #extension-highlight .mb-md-n5,
  #extension-highlight .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  #black-header-block .ml-md-n5,
  #black-header-block .mx-md-n5,
  #home-page-products-block .ml-md-n5,
  #home-page-products-block .mx-md-n5,
  #extension-highlight .ml-md-n5,
  #extension-highlight .mx-md-n5 {
    margin-left: -3rem !important;
  }
  #black-header-block .m-md-auto,
  #home-page-products-block .m-md-auto,
  #extension-highlight .m-md-auto {
    margin: auto !important;
  }
  #black-header-block .mt-md-auto,
  #black-header-block .my-md-auto,
  #home-page-products-block .mt-md-auto,
  #home-page-products-block .my-md-auto,
  #extension-highlight .mt-md-auto,
  #extension-highlight .my-md-auto {
    margin-top: auto !important;
  }
  #black-header-block .mr-md-auto,
  #black-header-block .mx-md-auto,
  #home-page-products-block .mr-md-auto,
  #home-page-products-block .mx-md-auto,
  #extension-highlight .mr-md-auto,
  #extension-highlight .mx-md-auto {
    margin-right: auto !important;
  }
  #black-header-block .mb-md-auto,
  #black-header-block .my-md-auto,
  #home-page-products-block .mb-md-auto,
  #home-page-products-block .my-md-auto,
  #extension-highlight .mb-md-auto,
  #extension-highlight .my-md-auto {
    margin-bottom: auto !important;
  }
  #black-header-block .ml-md-auto,
  #black-header-block .mx-md-auto,
  #home-page-products-block .ml-md-auto,
  #home-page-products-block .mx-md-auto,
  #extension-highlight .ml-md-auto,
  #extension-highlight .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  #black-header-block .m-lg-0,
  #home-page-products-block .m-lg-0,
  #extension-highlight .m-lg-0 {
    margin: 0 !important;
  }
  #black-header-block .mt-lg-0,
  #black-header-block .my-lg-0,
  #home-page-products-block .mt-lg-0,
  #home-page-products-block .my-lg-0,
  #extension-highlight .mt-lg-0,
  #extension-highlight .my-lg-0 {
    margin-top: 0 !important;
  }
  #black-header-block .mr-lg-0,
  #black-header-block .mx-lg-0,
  #home-page-products-block .mr-lg-0,
  #home-page-products-block .mx-lg-0,
  #extension-highlight .mr-lg-0,
  #extension-highlight .mx-lg-0 {
    margin-right: 0 !important;
  }
  #black-header-block .mb-lg-0,
  #black-header-block .my-lg-0,
  #home-page-products-block .mb-lg-0,
  #home-page-products-block .my-lg-0,
  #extension-highlight .mb-lg-0,
  #extension-highlight .my-lg-0 {
    margin-bottom: 0 !important;
  }
  #black-header-block .ml-lg-0,
  #black-header-block .mx-lg-0,
  #home-page-products-block .ml-lg-0,
  #home-page-products-block .mx-lg-0,
  #extension-highlight .ml-lg-0,
  #extension-highlight .mx-lg-0 {
    margin-left: 0 !important;
  }
  #black-header-block .m-lg-1,
  #home-page-products-block .m-lg-1,
  #extension-highlight .m-lg-1 {
    margin: 0.25rem !important;
  }
  #black-header-block .mt-lg-1,
  #black-header-block .my-lg-1,
  #home-page-products-block .mt-lg-1,
  #home-page-products-block .my-lg-1,
  #extension-highlight .mt-lg-1,
  #extension-highlight .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  #black-header-block .mr-lg-1,
  #black-header-block .mx-lg-1,
  #home-page-products-block .mr-lg-1,
  #home-page-products-block .mx-lg-1,
  #extension-highlight .mr-lg-1,
  #extension-highlight .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  #black-header-block .mb-lg-1,
  #black-header-block .my-lg-1,
  #home-page-products-block .mb-lg-1,
  #home-page-products-block .my-lg-1,
  #extension-highlight .mb-lg-1,
  #extension-highlight .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  #black-header-block .ml-lg-1,
  #black-header-block .mx-lg-1,
  #home-page-products-block .ml-lg-1,
  #home-page-products-block .mx-lg-1,
  #extension-highlight .ml-lg-1,
  #extension-highlight .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  #black-header-block .m-lg-2,
  #home-page-products-block .m-lg-2,
  #extension-highlight .m-lg-2 {
    margin: 0.5rem !important;
  }
  #black-header-block .mt-lg-2,
  #black-header-block .my-lg-2,
  #home-page-products-block .mt-lg-2,
  #home-page-products-block .my-lg-2,
  #extension-highlight .mt-lg-2,
  #extension-highlight .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  #black-header-block .mr-lg-2,
  #black-header-block .mx-lg-2,
  #home-page-products-block .mr-lg-2,
  #home-page-products-block .mx-lg-2,
  #extension-highlight .mr-lg-2,
  #extension-highlight .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  #black-header-block .mb-lg-2,
  #black-header-block .my-lg-2,
  #home-page-products-block .mb-lg-2,
  #home-page-products-block .my-lg-2,
  #extension-highlight .mb-lg-2,
  #extension-highlight .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  #black-header-block .ml-lg-2,
  #black-header-block .mx-lg-2,
  #home-page-products-block .ml-lg-2,
  #home-page-products-block .mx-lg-2,
  #extension-highlight .ml-lg-2,
  #extension-highlight .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  #black-header-block .m-lg-3,
  #home-page-products-block .m-lg-3,
  #extension-highlight .m-lg-3 {
    margin: 1rem !important;
  }
  #black-header-block .mt-lg-3,
  #black-header-block .my-lg-3,
  #home-page-products-block .mt-lg-3,
  #home-page-products-block .my-lg-3,
  #extension-highlight .mt-lg-3,
  #extension-highlight .my-lg-3 {
    margin-top: 1rem !important;
  }
  #black-header-block .mr-lg-3,
  #black-header-block .mx-lg-3,
  #home-page-products-block .mr-lg-3,
  #home-page-products-block .mx-lg-3,
  #extension-highlight .mr-lg-3,
  #extension-highlight .mx-lg-3 {
    margin-right: 1rem !important;
  }
  #black-header-block .mb-lg-3,
  #black-header-block .my-lg-3,
  #home-page-products-block .mb-lg-3,
  #home-page-products-block .my-lg-3,
  #extension-highlight .mb-lg-3,
  #extension-highlight .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  #black-header-block .ml-lg-3,
  #black-header-block .mx-lg-3,
  #home-page-products-block .ml-lg-3,
  #home-page-products-block .mx-lg-3,
  #extension-highlight .ml-lg-3,
  #extension-highlight .mx-lg-3 {
    margin-left: 1rem !important;
  }
  #black-header-block .m-lg-4,
  #home-page-products-block .m-lg-4,
  #extension-highlight .m-lg-4 {
    margin: 1.5rem !important;
  }
  #black-header-block .mt-lg-4,
  #black-header-block .my-lg-4,
  #home-page-products-block .mt-lg-4,
  #home-page-products-block .my-lg-4,
  #extension-highlight .mt-lg-4,
  #extension-highlight .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  #black-header-block .mr-lg-4,
  #black-header-block .mx-lg-4,
  #home-page-products-block .mr-lg-4,
  #home-page-products-block .mx-lg-4,
  #extension-highlight .mr-lg-4,
  #extension-highlight .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  #black-header-block .mb-lg-4,
  #black-header-block .my-lg-4,
  #home-page-products-block .mb-lg-4,
  #home-page-products-block .my-lg-4,
  #extension-highlight .mb-lg-4,
  #extension-highlight .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  #black-header-block .ml-lg-4,
  #black-header-block .mx-lg-4,
  #home-page-products-block .ml-lg-4,
  #home-page-products-block .mx-lg-4,
  #extension-highlight .ml-lg-4,
  #extension-highlight .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  #black-header-block .m-lg-5,
  #home-page-products-block .m-lg-5,
  #extension-highlight .m-lg-5 {
    margin: 3rem !important;
  }
  #black-header-block .mt-lg-5,
  #black-header-block .my-lg-5,
  #home-page-products-block .mt-lg-5,
  #home-page-products-block .my-lg-5,
  #extension-highlight .mt-lg-5,
  #extension-highlight .my-lg-5 {
    margin-top: 3rem !important;
  }
  #black-header-block .mr-lg-5,
  #black-header-block .mx-lg-5,
  #home-page-products-block .mr-lg-5,
  #home-page-products-block .mx-lg-5,
  #extension-highlight .mr-lg-5,
  #extension-highlight .mx-lg-5 {
    margin-right: 3rem !important;
  }
  #black-header-block .mb-lg-5,
  #black-header-block .my-lg-5,
  #home-page-products-block .mb-lg-5,
  #home-page-products-block .my-lg-5,
  #extension-highlight .mb-lg-5,
  #extension-highlight .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  #black-header-block .ml-lg-5,
  #black-header-block .mx-lg-5,
  #home-page-products-block .ml-lg-5,
  #home-page-products-block .mx-lg-5,
  #extension-highlight .ml-lg-5,
  #extension-highlight .mx-lg-5 {
    margin-left: 3rem !important;
  }
  #black-header-block .p-lg-0,
  #home-page-products-block .p-lg-0,
  #extension-highlight .p-lg-0 {
    padding: 0 !important;
  }
  #black-header-block .pt-lg-0,
  #black-header-block .py-lg-0,
  #home-page-products-block .pt-lg-0,
  #home-page-products-block .py-lg-0,
  #extension-highlight .pt-lg-0,
  #extension-highlight .py-lg-0 {
    padding-top: 0 !important;
  }
  #black-header-block .pr-lg-0,
  #black-header-block .px-lg-0,
  #home-page-products-block .pr-lg-0,
  #home-page-products-block .px-lg-0,
  #extension-highlight .pr-lg-0,
  #extension-highlight .px-lg-0 {
    padding-right: 0 !important;
  }
  #black-header-block .pb-lg-0,
  #black-header-block .py-lg-0,
  #home-page-products-block .pb-lg-0,
  #home-page-products-block .py-lg-0,
  #extension-highlight .pb-lg-0,
  #extension-highlight .py-lg-0 {
    padding-bottom: 0 !important;
  }
  #black-header-block .pl-lg-0,
  #black-header-block .px-lg-0,
  #home-page-products-block .pl-lg-0,
  #home-page-products-block .px-lg-0,
  #extension-highlight .pl-lg-0,
  #extension-highlight .px-lg-0 {
    padding-left: 0 !important;
  }
  #black-header-block .p-lg-1,
  #home-page-products-block .p-lg-1,
  #extension-highlight .p-lg-1 {
    padding: 0.25rem !important;
  }
  #black-header-block .pt-lg-1,
  #black-header-block .py-lg-1,
  #home-page-products-block .pt-lg-1,
  #home-page-products-block .py-lg-1,
  #extension-highlight .pt-lg-1,
  #extension-highlight .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  #black-header-block .pr-lg-1,
  #black-header-block .px-lg-1,
  #home-page-products-block .pr-lg-1,
  #home-page-products-block .px-lg-1,
  #extension-highlight .pr-lg-1,
  #extension-highlight .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  #black-header-block .pb-lg-1,
  #black-header-block .py-lg-1,
  #home-page-products-block .pb-lg-1,
  #home-page-products-block .py-lg-1,
  #extension-highlight .pb-lg-1,
  #extension-highlight .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  #black-header-block .pl-lg-1,
  #black-header-block .px-lg-1,
  #home-page-products-block .pl-lg-1,
  #home-page-products-block .px-lg-1,
  #extension-highlight .pl-lg-1,
  #extension-highlight .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  #black-header-block .p-lg-2,
  #home-page-products-block .p-lg-2,
  #extension-highlight .p-lg-2 {
    padding: 0.5rem !important;
  }
  #black-header-block .pt-lg-2,
  #black-header-block .py-lg-2,
  #home-page-products-block .pt-lg-2,
  #home-page-products-block .py-lg-2,
  #extension-highlight .pt-lg-2,
  #extension-highlight .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  #black-header-block .pr-lg-2,
  #black-header-block .px-lg-2,
  #home-page-products-block .pr-lg-2,
  #home-page-products-block .px-lg-2,
  #extension-highlight .pr-lg-2,
  #extension-highlight .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  #black-header-block .pb-lg-2,
  #black-header-block .py-lg-2,
  #home-page-products-block .pb-lg-2,
  #home-page-products-block .py-lg-2,
  #extension-highlight .pb-lg-2,
  #extension-highlight .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  #black-header-block .pl-lg-2,
  #black-header-block .px-lg-2,
  #home-page-products-block .pl-lg-2,
  #home-page-products-block .px-lg-2,
  #extension-highlight .pl-lg-2,
  #extension-highlight .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  #black-header-block .p-lg-3,
  #home-page-products-block .p-lg-3,
  #extension-highlight .p-lg-3 {
    padding: 1rem !important;
  }
  #black-header-block .pt-lg-3,
  #black-header-block .py-lg-3,
  #home-page-products-block .pt-lg-3,
  #home-page-products-block .py-lg-3,
  #extension-highlight .pt-lg-3,
  #extension-highlight .py-lg-3 {
    padding-top: 1rem !important;
  }
  #black-header-block .pr-lg-3,
  #black-header-block .px-lg-3,
  #home-page-products-block .pr-lg-3,
  #home-page-products-block .px-lg-3,
  #extension-highlight .pr-lg-3,
  #extension-highlight .px-lg-3 {
    padding-right: 1rem !important;
  }
  #black-header-block .pb-lg-3,
  #black-header-block .py-lg-3,
  #home-page-products-block .pb-lg-3,
  #home-page-products-block .py-lg-3,
  #extension-highlight .pb-lg-3,
  #extension-highlight .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  #black-header-block .pl-lg-3,
  #black-header-block .px-lg-3,
  #home-page-products-block .pl-lg-3,
  #home-page-products-block .px-lg-3,
  #extension-highlight .pl-lg-3,
  #extension-highlight .px-lg-3 {
    padding-left: 1rem !important;
  }
  #black-header-block .p-lg-4,
  #home-page-products-block .p-lg-4,
  #extension-highlight .p-lg-4 {
    padding: 1.5rem !important;
  }
  #black-header-block .pt-lg-4,
  #black-header-block .py-lg-4,
  #home-page-products-block .pt-lg-4,
  #home-page-products-block .py-lg-4,
  #extension-highlight .pt-lg-4,
  #extension-highlight .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  #black-header-block .pr-lg-4,
  #black-header-block .px-lg-4,
  #home-page-products-block .pr-lg-4,
  #home-page-products-block .px-lg-4,
  #extension-highlight .pr-lg-4,
  #extension-highlight .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  #black-header-block .pb-lg-4,
  #black-header-block .py-lg-4,
  #home-page-products-block .pb-lg-4,
  #home-page-products-block .py-lg-4,
  #extension-highlight .pb-lg-4,
  #extension-highlight .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  #black-header-block .pl-lg-4,
  #black-header-block .px-lg-4,
  #home-page-products-block .pl-lg-4,
  #home-page-products-block .px-lg-4,
  #extension-highlight .pl-lg-4,
  #extension-highlight .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  #black-header-block .p-lg-5,
  #home-page-products-block .p-lg-5,
  #extension-highlight .p-lg-5 {
    padding: 3rem !important;
  }
  #black-header-block .pt-lg-5,
  #black-header-block .py-lg-5,
  #home-page-products-block .pt-lg-5,
  #home-page-products-block .py-lg-5,
  #extension-highlight .pt-lg-5,
  #extension-highlight .py-lg-5 {
    padding-top: 3rem !important;
  }
  #black-header-block .pr-lg-5,
  #black-header-block .px-lg-5,
  #home-page-products-block .pr-lg-5,
  #home-page-products-block .px-lg-5,
  #extension-highlight .pr-lg-5,
  #extension-highlight .px-lg-5 {
    padding-right: 3rem !important;
  }
  #black-header-block .pb-lg-5,
  #black-header-block .py-lg-5,
  #home-page-products-block .pb-lg-5,
  #home-page-products-block .py-lg-5,
  #extension-highlight .pb-lg-5,
  #extension-highlight .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  #black-header-block .pl-lg-5,
  #black-header-block .px-lg-5,
  #home-page-products-block .pl-lg-5,
  #home-page-products-block .px-lg-5,
  #extension-highlight .pl-lg-5,
  #extension-highlight .px-lg-5 {
    padding-left: 3rem !important;
  }
  #black-header-block .m-lg-n1,
  #home-page-products-block .m-lg-n1,
  #extension-highlight .m-lg-n1 {
    margin: -0.25rem !important;
  }
  #black-header-block .mt-lg-n1,
  #black-header-block .my-lg-n1,
  #home-page-products-block .mt-lg-n1,
  #home-page-products-block .my-lg-n1,
  #extension-highlight .mt-lg-n1,
  #extension-highlight .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  #black-header-block .mr-lg-n1,
  #black-header-block .mx-lg-n1,
  #home-page-products-block .mr-lg-n1,
  #home-page-products-block .mx-lg-n1,
  #extension-highlight .mr-lg-n1,
  #extension-highlight .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  #black-header-block .mb-lg-n1,
  #black-header-block .my-lg-n1,
  #home-page-products-block .mb-lg-n1,
  #home-page-products-block .my-lg-n1,
  #extension-highlight .mb-lg-n1,
  #extension-highlight .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  #black-header-block .ml-lg-n1,
  #black-header-block .mx-lg-n1,
  #home-page-products-block .ml-lg-n1,
  #home-page-products-block .mx-lg-n1,
  #extension-highlight .ml-lg-n1,
  #extension-highlight .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  #black-header-block .m-lg-n2,
  #home-page-products-block .m-lg-n2,
  #extension-highlight .m-lg-n2 {
    margin: -0.5rem !important;
  }
  #black-header-block .mt-lg-n2,
  #black-header-block .my-lg-n2,
  #home-page-products-block .mt-lg-n2,
  #home-page-products-block .my-lg-n2,
  #extension-highlight .mt-lg-n2,
  #extension-highlight .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  #black-header-block .mr-lg-n2,
  #black-header-block .mx-lg-n2,
  #home-page-products-block .mr-lg-n2,
  #home-page-products-block .mx-lg-n2,
  #extension-highlight .mr-lg-n2,
  #extension-highlight .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  #black-header-block .mb-lg-n2,
  #black-header-block .my-lg-n2,
  #home-page-products-block .mb-lg-n2,
  #home-page-products-block .my-lg-n2,
  #extension-highlight .mb-lg-n2,
  #extension-highlight .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  #black-header-block .ml-lg-n2,
  #black-header-block .mx-lg-n2,
  #home-page-products-block .ml-lg-n2,
  #home-page-products-block .mx-lg-n2,
  #extension-highlight .ml-lg-n2,
  #extension-highlight .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  #black-header-block .m-lg-n3,
  #home-page-products-block .m-lg-n3,
  #extension-highlight .m-lg-n3 {
    margin: -1rem !important;
  }
  #black-header-block .mt-lg-n3,
  #black-header-block .my-lg-n3,
  #home-page-products-block .mt-lg-n3,
  #home-page-products-block .my-lg-n3,
  #extension-highlight .mt-lg-n3,
  #extension-highlight .my-lg-n3 {
    margin-top: -1rem !important;
  }
  #black-header-block .mr-lg-n3,
  #black-header-block .mx-lg-n3,
  #home-page-products-block .mr-lg-n3,
  #home-page-products-block .mx-lg-n3,
  #extension-highlight .mr-lg-n3,
  #extension-highlight .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  #black-header-block .mb-lg-n3,
  #black-header-block .my-lg-n3,
  #home-page-products-block .mb-lg-n3,
  #home-page-products-block .my-lg-n3,
  #extension-highlight .mb-lg-n3,
  #extension-highlight .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  #black-header-block .ml-lg-n3,
  #black-header-block .mx-lg-n3,
  #home-page-products-block .ml-lg-n3,
  #home-page-products-block .mx-lg-n3,
  #extension-highlight .ml-lg-n3,
  #extension-highlight .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  #black-header-block .m-lg-n4,
  #home-page-products-block .m-lg-n4,
  #extension-highlight .m-lg-n4 {
    margin: -1.5rem !important;
  }
  #black-header-block .mt-lg-n4,
  #black-header-block .my-lg-n4,
  #home-page-products-block .mt-lg-n4,
  #home-page-products-block .my-lg-n4,
  #extension-highlight .mt-lg-n4,
  #extension-highlight .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  #black-header-block .mr-lg-n4,
  #black-header-block .mx-lg-n4,
  #home-page-products-block .mr-lg-n4,
  #home-page-products-block .mx-lg-n4,
  #extension-highlight .mr-lg-n4,
  #extension-highlight .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  #black-header-block .mb-lg-n4,
  #black-header-block .my-lg-n4,
  #home-page-products-block .mb-lg-n4,
  #home-page-products-block .my-lg-n4,
  #extension-highlight .mb-lg-n4,
  #extension-highlight .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  #black-header-block .ml-lg-n4,
  #black-header-block .mx-lg-n4,
  #home-page-products-block .ml-lg-n4,
  #home-page-products-block .mx-lg-n4,
  #extension-highlight .ml-lg-n4,
  #extension-highlight .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  #black-header-block .m-lg-n5,
  #home-page-products-block .m-lg-n5,
  #extension-highlight .m-lg-n5 {
    margin: -3rem !important;
  }
  #black-header-block .mt-lg-n5,
  #black-header-block .my-lg-n5,
  #home-page-products-block .mt-lg-n5,
  #home-page-products-block .my-lg-n5,
  #extension-highlight .mt-lg-n5,
  #extension-highlight .my-lg-n5 {
    margin-top: -3rem !important;
  }
  #black-header-block .mr-lg-n5,
  #black-header-block .mx-lg-n5,
  #home-page-products-block .mr-lg-n5,
  #home-page-products-block .mx-lg-n5,
  #extension-highlight .mr-lg-n5,
  #extension-highlight .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  #black-header-block .mb-lg-n5,
  #black-header-block .my-lg-n5,
  #home-page-products-block .mb-lg-n5,
  #home-page-products-block .my-lg-n5,
  #extension-highlight .mb-lg-n5,
  #extension-highlight .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  #black-header-block .ml-lg-n5,
  #black-header-block .mx-lg-n5,
  #home-page-products-block .ml-lg-n5,
  #home-page-products-block .mx-lg-n5,
  #extension-highlight .ml-lg-n5,
  #extension-highlight .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  #black-header-block .m-lg-auto,
  #home-page-products-block .m-lg-auto,
  #extension-highlight .m-lg-auto {
    margin: auto !important;
  }
  #black-header-block .mt-lg-auto,
  #black-header-block .my-lg-auto,
  #home-page-products-block .mt-lg-auto,
  #home-page-products-block .my-lg-auto,
  #extension-highlight .mt-lg-auto,
  #extension-highlight .my-lg-auto {
    margin-top: auto !important;
  }
  #black-header-block .mr-lg-auto,
  #black-header-block .mx-lg-auto,
  #home-page-products-block .mr-lg-auto,
  #home-page-products-block .mx-lg-auto,
  #extension-highlight .mr-lg-auto,
  #extension-highlight .mx-lg-auto {
    margin-right: auto !important;
  }
  #black-header-block .mb-lg-auto,
  #black-header-block .my-lg-auto,
  #home-page-products-block .mb-lg-auto,
  #home-page-products-block .my-lg-auto,
  #extension-highlight .mb-lg-auto,
  #extension-highlight .my-lg-auto {
    margin-bottom: auto !important;
  }
  #black-header-block .ml-lg-auto,
  #black-header-block .mx-lg-auto,
  #home-page-products-block .ml-lg-auto,
  #home-page-products-block .mx-lg-auto,
  #extension-highlight .ml-lg-auto,
  #extension-highlight .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  #black-header-block .m-xl-0,
  #home-page-products-block .m-xl-0,
  #extension-highlight .m-xl-0 {
    margin: 0 !important;
  }
  #black-header-block .mt-xl-0,
  #black-header-block .my-xl-0,
  #home-page-products-block .mt-xl-0,
  #home-page-products-block .my-xl-0,
  #extension-highlight .mt-xl-0,
  #extension-highlight .my-xl-0 {
    margin-top: 0 !important;
  }
  #black-header-block .mr-xl-0,
  #black-header-block .mx-xl-0,
  #home-page-products-block .mr-xl-0,
  #home-page-products-block .mx-xl-0,
  #extension-highlight .mr-xl-0,
  #extension-highlight .mx-xl-0 {
    margin-right: 0 !important;
  }
  #black-header-block .mb-xl-0,
  #black-header-block .my-xl-0,
  #home-page-products-block .mb-xl-0,
  #home-page-products-block .my-xl-0,
  #extension-highlight .mb-xl-0,
  #extension-highlight .my-xl-0 {
    margin-bottom: 0 !important;
  }
  #black-header-block .ml-xl-0,
  #black-header-block .mx-xl-0,
  #home-page-products-block .ml-xl-0,
  #home-page-products-block .mx-xl-0,
  #extension-highlight .ml-xl-0,
  #extension-highlight .mx-xl-0 {
    margin-left: 0 !important;
  }
  #black-header-block .m-xl-1,
  #home-page-products-block .m-xl-1,
  #extension-highlight .m-xl-1 {
    margin: 0.25rem !important;
  }
  #black-header-block .mt-xl-1,
  #black-header-block .my-xl-1,
  #home-page-products-block .mt-xl-1,
  #home-page-products-block .my-xl-1,
  #extension-highlight .mt-xl-1,
  #extension-highlight .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  #black-header-block .mr-xl-1,
  #black-header-block .mx-xl-1,
  #home-page-products-block .mr-xl-1,
  #home-page-products-block .mx-xl-1,
  #extension-highlight .mr-xl-1,
  #extension-highlight .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  #black-header-block .mb-xl-1,
  #black-header-block .my-xl-1,
  #home-page-products-block .mb-xl-1,
  #home-page-products-block .my-xl-1,
  #extension-highlight .mb-xl-1,
  #extension-highlight .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  #black-header-block .ml-xl-1,
  #black-header-block .mx-xl-1,
  #home-page-products-block .ml-xl-1,
  #home-page-products-block .mx-xl-1,
  #extension-highlight .ml-xl-1,
  #extension-highlight .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  #black-header-block .m-xl-2,
  #home-page-products-block .m-xl-2,
  #extension-highlight .m-xl-2 {
    margin: 0.5rem !important;
  }
  #black-header-block .mt-xl-2,
  #black-header-block .my-xl-2,
  #home-page-products-block .mt-xl-2,
  #home-page-products-block .my-xl-2,
  #extension-highlight .mt-xl-2,
  #extension-highlight .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  #black-header-block .mr-xl-2,
  #black-header-block .mx-xl-2,
  #home-page-products-block .mr-xl-2,
  #home-page-products-block .mx-xl-2,
  #extension-highlight .mr-xl-2,
  #extension-highlight .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  #black-header-block .mb-xl-2,
  #black-header-block .my-xl-2,
  #home-page-products-block .mb-xl-2,
  #home-page-products-block .my-xl-2,
  #extension-highlight .mb-xl-2,
  #extension-highlight .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  #black-header-block .ml-xl-2,
  #black-header-block .mx-xl-2,
  #home-page-products-block .ml-xl-2,
  #home-page-products-block .mx-xl-2,
  #extension-highlight .ml-xl-2,
  #extension-highlight .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  #black-header-block .m-xl-3,
  #home-page-products-block .m-xl-3,
  #extension-highlight .m-xl-3 {
    margin: 1rem !important;
  }
  #black-header-block .mt-xl-3,
  #black-header-block .my-xl-3,
  #home-page-products-block .mt-xl-3,
  #home-page-products-block .my-xl-3,
  #extension-highlight .mt-xl-3,
  #extension-highlight .my-xl-3 {
    margin-top: 1rem !important;
  }
  #black-header-block .mr-xl-3,
  #black-header-block .mx-xl-3,
  #home-page-products-block .mr-xl-3,
  #home-page-products-block .mx-xl-3,
  #extension-highlight .mr-xl-3,
  #extension-highlight .mx-xl-3 {
    margin-right: 1rem !important;
  }
  #black-header-block .mb-xl-3,
  #black-header-block .my-xl-3,
  #home-page-products-block .mb-xl-3,
  #home-page-products-block .my-xl-3,
  #extension-highlight .mb-xl-3,
  #extension-highlight .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  #black-header-block .ml-xl-3,
  #black-header-block .mx-xl-3,
  #home-page-products-block .ml-xl-3,
  #home-page-products-block .mx-xl-3,
  #extension-highlight .ml-xl-3,
  #extension-highlight .mx-xl-3 {
    margin-left: 1rem !important;
  }
  #black-header-block .m-xl-4,
  #home-page-products-block .m-xl-4,
  #extension-highlight .m-xl-4 {
    margin: 1.5rem !important;
  }
  #black-header-block .mt-xl-4,
  #black-header-block .my-xl-4,
  #home-page-products-block .mt-xl-4,
  #home-page-products-block .my-xl-4,
  #extension-highlight .mt-xl-4,
  #extension-highlight .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  #black-header-block .mr-xl-4,
  #black-header-block .mx-xl-4,
  #home-page-products-block .mr-xl-4,
  #home-page-products-block .mx-xl-4,
  #extension-highlight .mr-xl-4,
  #extension-highlight .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  #black-header-block .mb-xl-4,
  #black-header-block .my-xl-4,
  #home-page-products-block .mb-xl-4,
  #home-page-products-block .my-xl-4,
  #extension-highlight .mb-xl-4,
  #extension-highlight .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  #black-header-block .ml-xl-4,
  #black-header-block .mx-xl-4,
  #home-page-products-block .ml-xl-4,
  #home-page-products-block .mx-xl-4,
  #extension-highlight .ml-xl-4,
  #extension-highlight .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  #black-header-block .m-xl-5,
  #home-page-products-block .m-xl-5,
  #extension-highlight .m-xl-5 {
    margin: 3rem !important;
  }
  #black-header-block .mt-xl-5,
  #black-header-block .my-xl-5,
  #home-page-products-block .mt-xl-5,
  #home-page-products-block .my-xl-5,
  #extension-highlight .mt-xl-5,
  #extension-highlight .my-xl-5 {
    margin-top: 3rem !important;
  }
  #black-header-block .mr-xl-5,
  #black-header-block .mx-xl-5,
  #home-page-products-block .mr-xl-5,
  #home-page-products-block .mx-xl-5,
  #extension-highlight .mr-xl-5,
  #extension-highlight .mx-xl-5 {
    margin-right: 3rem !important;
  }
  #black-header-block .mb-xl-5,
  #black-header-block .my-xl-5,
  #home-page-products-block .mb-xl-5,
  #home-page-products-block .my-xl-5,
  #extension-highlight .mb-xl-5,
  #extension-highlight .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  #black-header-block .ml-xl-5,
  #black-header-block .mx-xl-5,
  #home-page-products-block .ml-xl-5,
  #home-page-products-block .mx-xl-5,
  #extension-highlight .ml-xl-5,
  #extension-highlight .mx-xl-5 {
    margin-left: 3rem !important;
  }
  #black-header-block .p-xl-0,
  #home-page-products-block .p-xl-0,
  #extension-highlight .p-xl-0 {
    padding: 0 !important;
  }
  #black-header-block .pt-xl-0,
  #black-header-block .py-xl-0,
  #home-page-products-block .pt-xl-0,
  #home-page-products-block .py-xl-0,
  #extension-highlight .pt-xl-0,
  #extension-highlight .py-xl-0 {
    padding-top: 0 !important;
  }
  #black-header-block .pr-xl-0,
  #black-header-block .px-xl-0,
  #home-page-products-block .pr-xl-0,
  #home-page-products-block .px-xl-0,
  #extension-highlight .pr-xl-0,
  #extension-highlight .px-xl-0 {
    padding-right: 0 !important;
  }
  #black-header-block .pb-xl-0,
  #black-header-block .py-xl-0,
  #home-page-products-block .pb-xl-0,
  #home-page-products-block .py-xl-0,
  #extension-highlight .pb-xl-0,
  #extension-highlight .py-xl-0 {
    padding-bottom: 0 !important;
  }
  #black-header-block .pl-xl-0,
  #black-header-block .px-xl-0,
  #home-page-products-block .pl-xl-0,
  #home-page-products-block .px-xl-0,
  #extension-highlight .pl-xl-0,
  #extension-highlight .px-xl-0 {
    padding-left: 0 !important;
  }
  #black-header-block .p-xl-1,
  #home-page-products-block .p-xl-1,
  #extension-highlight .p-xl-1 {
    padding: 0.25rem !important;
  }
  #black-header-block .pt-xl-1,
  #black-header-block .py-xl-1,
  #home-page-products-block .pt-xl-1,
  #home-page-products-block .py-xl-1,
  #extension-highlight .pt-xl-1,
  #extension-highlight .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  #black-header-block .pr-xl-1,
  #black-header-block .px-xl-1,
  #home-page-products-block .pr-xl-1,
  #home-page-products-block .px-xl-1,
  #extension-highlight .pr-xl-1,
  #extension-highlight .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  #black-header-block .pb-xl-1,
  #black-header-block .py-xl-1,
  #home-page-products-block .pb-xl-1,
  #home-page-products-block .py-xl-1,
  #extension-highlight .pb-xl-1,
  #extension-highlight .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  #black-header-block .pl-xl-1,
  #black-header-block .px-xl-1,
  #home-page-products-block .pl-xl-1,
  #home-page-products-block .px-xl-1,
  #extension-highlight .pl-xl-1,
  #extension-highlight .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  #black-header-block .p-xl-2,
  #home-page-products-block .p-xl-2,
  #extension-highlight .p-xl-2 {
    padding: 0.5rem !important;
  }
  #black-header-block .pt-xl-2,
  #black-header-block .py-xl-2,
  #home-page-products-block .pt-xl-2,
  #home-page-products-block .py-xl-2,
  #extension-highlight .pt-xl-2,
  #extension-highlight .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  #black-header-block .pr-xl-2,
  #black-header-block .px-xl-2,
  #home-page-products-block .pr-xl-2,
  #home-page-products-block .px-xl-2,
  #extension-highlight .pr-xl-2,
  #extension-highlight .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  #black-header-block .pb-xl-2,
  #black-header-block .py-xl-2,
  #home-page-products-block .pb-xl-2,
  #home-page-products-block .py-xl-2,
  #extension-highlight .pb-xl-2,
  #extension-highlight .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  #black-header-block .pl-xl-2,
  #black-header-block .px-xl-2,
  #home-page-products-block .pl-xl-2,
  #home-page-products-block .px-xl-2,
  #extension-highlight .pl-xl-2,
  #extension-highlight .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  #black-header-block .p-xl-3,
  #home-page-products-block .p-xl-3,
  #extension-highlight .p-xl-3 {
    padding: 1rem !important;
  }
  #black-header-block .pt-xl-3,
  #black-header-block .py-xl-3,
  #home-page-products-block .pt-xl-3,
  #home-page-products-block .py-xl-3,
  #extension-highlight .pt-xl-3,
  #extension-highlight .py-xl-3 {
    padding-top: 1rem !important;
  }
  #black-header-block .pr-xl-3,
  #black-header-block .px-xl-3,
  #home-page-products-block .pr-xl-3,
  #home-page-products-block .px-xl-3,
  #extension-highlight .pr-xl-3,
  #extension-highlight .px-xl-3 {
    padding-right: 1rem !important;
  }
  #black-header-block .pb-xl-3,
  #black-header-block .py-xl-3,
  #home-page-products-block .pb-xl-3,
  #home-page-products-block .py-xl-3,
  #extension-highlight .pb-xl-3,
  #extension-highlight .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  #black-header-block .pl-xl-3,
  #black-header-block .px-xl-3,
  #home-page-products-block .pl-xl-3,
  #home-page-products-block .px-xl-3,
  #extension-highlight .pl-xl-3,
  #extension-highlight .px-xl-3 {
    padding-left: 1rem !important;
  }
  #black-header-block .p-xl-4,
  #home-page-products-block .p-xl-4,
  #extension-highlight .p-xl-4 {
    padding: 1.5rem !important;
  }
  #black-header-block .pt-xl-4,
  #black-header-block .py-xl-4,
  #home-page-products-block .pt-xl-4,
  #home-page-products-block .py-xl-4,
  #extension-highlight .pt-xl-4,
  #extension-highlight .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  #black-header-block .pr-xl-4,
  #black-header-block .px-xl-4,
  #home-page-products-block .pr-xl-4,
  #home-page-products-block .px-xl-4,
  #extension-highlight .pr-xl-4,
  #extension-highlight .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  #black-header-block .pb-xl-4,
  #black-header-block .py-xl-4,
  #home-page-products-block .pb-xl-4,
  #home-page-products-block .py-xl-4,
  #extension-highlight .pb-xl-4,
  #extension-highlight .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  #black-header-block .pl-xl-4,
  #black-header-block .px-xl-4,
  #home-page-products-block .pl-xl-4,
  #home-page-products-block .px-xl-4,
  #extension-highlight .pl-xl-4,
  #extension-highlight .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  #black-header-block .p-xl-5,
  #home-page-products-block .p-xl-5,
  #extension-highlight .p-xl-5 {
    padding: 3rem !important;
  }
  #black-header-block .pt-xl-5,
  #black-header-block .py-xl-5,
  #home-page-products-block .pt-xl-5,
  #home-page-products-block .py-xl-5,
  #extension-highlight .pt-xl-5,
  #extension-highlight .py-xl-5 {
    padding-top: 3rem !important;
  }
  #black-header-block .pr-xl-5,
  #black-header-block .px-xl-5,
  #home-page-products-block .pr-xl-5,
  #home-page-products-block .px-xl-5,
  #extension-highlight .pr-xl-5,
  #extension-highlight .px-xl-5 {
    padding-right: 3rem !important;
  }
  #black-header-block .pb-xl-5,
  #black-header-block .py-xl-5,
  #home-page-products-block .pb-xl-5,
  #home-page-products-block .py-xl-5,
  #extension-highlight .pb-xl-5,
  #extension-highlight .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  #black-header-block .pl-xl-5,
  #black-header-block .px-xl-5,
  #home-page-products-block .pl-xl-5,
  #home-page-products-block .px-xl-5,
  #extension-highlight .pl-xl-5,
  #extension-highlight .px-xl-5 {
    padding-left: 3rem !important;
  }
  #black-header-block .m-xl-n1,
  #home-page-products-block .m-xl-n1,
  #extension-highlight .m-xl-n1 {
    margin: -0.25rem !important;
  }
  #black-header-block .mt-xl-n1,
  #black-header-block .my-xl-n1,
  #home-page-products-block .mt-xl-n1,
  #home-page-products-block .my-xl-n1,
  #extension-highlight .mt-xl-n1,
  #extension-highlight .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  #black-header-block .mr-xl-n1,
  #black-header-block .mx-xl-n1,
  #home-page-products-block .mr-xl-n1,
  #home-page-products-block .mx-xl-n1,
  #extension-highlight .mr-xl-n1,
  #extension-highlight .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  #black-header-block .mb-xl-n1,
  #black-header-block .my-xl-n1,
  #home-page-products-block .mb-xl-n1,
  #home-page-products-block .my-xl-n1,
  #extension-highlight .mb-xl-n1,
  #extension-highlight .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  #black-header-block .ml-xl-n1,
  #black-header-block .mx-xl-n1,
  #home-page-products-block .ml-xl-n1,
  #home-page-products-block .mx-xl-n1,
  #extension-highlight .ml-xl-n1,
  #extension-highlight .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  #black-header-block .m-xl-n2,
  #home-page-products-block .m-xl-n2,
  #extension-highlight .m-xl-n2 {
    margin: -0.5rem !important;
  }
  #black-header-block .mt-xl-n2,
  #black-header-block .my-xl-n2,
  #home-page-products-block .mt-xl-n2,
  #home-page-products-block .my-xl-n2,
  #extension-highlight .mt-xl-n2,
  #extension-highlight .my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  #black-header-block .mr-xl-n2,
  #black-header-block .mx-xl-n2,
  #home-page-products-block .mr-xl-n2,
  #home-page-products-block .mx-xl-n2,
  #extension-highlight .mr-xl-n2,
  #extension-highlight .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  #black-header-block .mb-xl-n2,
  #black-header-block .my-xl-n2,
  #home-page-products-block .mb-xl-n2,
  #home-page-products-block .my-xl-n2,
  #extension-highlight .mb-xl-n2,
  #extension-highlight .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  #black-header-block .ml-xl-n2,
  #black-header-block .mx-xl-n2,
  #home-page-products-block .ml-xl-n2,
  #home-page-products-block .mx-xl-n2,
  #extension-highlight .ml-xl-n2,
  #extension-highlight .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  #black-header-block .m-xl-n3,
  #home-page-products-block .m-xl-n3,
  #extension-highlight .m-xl-n3 {
    margin: -1rem !important;
  }
  #black-header-block .mt-xl-n3,
  #black-header-block .my-xl-n3,
  #home-page-products-block .mt-xl-n3,
  #home-page-products-block .my-xl-n3,
  #extension-highlight .mt-xl-n3,
  #extension-highlight .my-xl-n3 {
    margin-top: -1rem !important;
  }
  #black-header-block .mr-xl-n3,
  #black-header-block .mx-xl-n3,
  #home-page-products-block .mr-xl-n3,
  #home-page-products-block .mx-xl-n3,
  #extension-highlight .mr-xl-n3,
  #extension-highlight .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  #black-header-block .mb-xl-n3,
  #black-header-block .my-xl-n3,
  #home-page-products-block .mb-xl-n3,
  #home-page-products-block .my-xl-n3,
  #extension-highlight .mb-xl-n3,
  #extension-highlight .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  #black-header-block .ml-xl-n3,
  #black-header-block .mx-xl-n3,
  #home-page-products-block .ml-xl-n3,
  #home-page-products-block .mx-xl-n3,
  #extension-highlight .ml-xl-n3,
  #extension-highlight .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  #black-header-block .m-xl-n4,
  #home-page-products-block .m-xl-n4,
  #extension-highlight .m-xl-n4 {
    margin: -1.5rem !important;
  }
  #black-header-block .mt-xl-n4,
  #black-header-block .my-xl-n4,
  #home-page-products-block .mt-xl-n4,
  #home-page-products-block .my-xl-n4,
  #extension-highlight .mt-xl-n4,
  #extension-highlight .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  #black-header-block .mr-xl-n4,
  #black-header-block .mx-xl-n4,
  #home-page-products-block .mr-xl-n4,
  #home-page-products-block .mx-xl-n4,
  #extension-highlight .mr-xl-n4,
  #extension-highlight .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  #black-header-block .mb-xl-n4,
  #black-header-block .my-xl-n4,
  #home-page-products-block .mb-xl-n4,
  #home-page-products-block .my-xl-n4,
  #extension-highlight .mb-xl-n4,
  #extension-highlight .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  #black-header-block .ml-xl-n4,
  #black-header-block .mx-xl-n4,
  #home-page-products-block .ml-xl-n4,
  #home-page-products-block .mx-xl-n4,
  #extension-highlight .ml-xl-n4,
  #extension-highlight .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  #black-header-block .m-xl-n5,
  #home-page-products-block .m-xl-n5,
  #extension-highlight .m-xl-n5 {
    margin: -3rem !important;
  }
  #black-header-block .mt-xl-n5,
  #black-header-block .my-xl-n5,
  #home-page-products-block .mt-xl-n5,
  #home-page-products-block .my-xl-n5,
  #extension-highlight .mt-xl-n5,
  #extension-highlight .my-xl-n5 {
    margin-top: -3rem !important;
  }
  #black-header-block .mr-xl-n5,
  #black-header-block .mx-xl-n5,
  #home-page-products-block .mr-xl-n5,
  #home-page-products-block .mx-xl-n5,
  #extension-highlight .mr-xl-n5,
  #extension-highlight .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  #black-header-block .mb-xl-n5,
  #black-header-block .my-xl-n5,
  #home-page-products-block .mb-xl-n5,
  #home-page-products-block .my-xl-n5,
  #extension-highlight .mb-xl-n5,
  #extension-highlight .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  #black-header-block .ml-xl-n5,
  #black-header-block .mx-xl-n5,
  #home-page-products-block .ml-xl-n5,
  #home-page-products-block .mx-xl-n5,
  #extension-highlight .ml-xl-n5,
  #extension-highlight .mx-xl-n5 {
    margin-left: -3rem !important;
  }
  #black-header-block .m-xl-auto,
  #home-page-products-block .m-xl-auto,
  #extension-highlight .m-xl-auto {
    margin: auto !important;
  }
  #black-header-block .mt-xl-auto,
  #black-header-block .my-xl-auto,
  #home-page-products-block .mt-xl-auto,
  #home-page-products-block .my-xl-auto,
  #extension-highlight .mt-xl-auto,
  #extension-highlight .my-xl-auto {
    margin-top: auto !important;
  }
  #black-header-block .mr-xl-auto,
  #black-header-block .mx-xl-auto,
  #home-page-products-block .mr-xl-auto,
  #home-page-products-block .mx-xl-auto,
  #extension-highlight .mr-xl-auto,
  #extension-highlight .mx-xl-auto {
    margin-right: auto !important;
  }
  #black-header-block .mb-xl-auto,
  #black-header-block .my-xl-auto,
  #home-page-products-block .mb-xl-auto,
  #home-page-products-block .my-xl-auto,
  #extension-highlight .mb-xl-auto,
  #extension-highlight .my-xl-auto {
    margin-bottom: auto !important;
  }
  #black-header-block .ml-xl-auto,
  #black-header-block .mx-xl-auto,
  #home-page-products-block .ml-xl-auto,
  #home-page-products-block .mx-xl-auto,
  #extension-highlight .ml-xl-auto,
  #extension-highlight .mx-xl-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1366px) {
  #black-header-block .m-xxl-0,
  #home-page-products-block .m-xxl-0,
  #extension-highlight .m-xxl-0 {
    margin: 0 !important;
  }
  #black-header-block .mt-xxl-0,
  #black-header-block .my-xxl-0,
  #home-page-products-block .mt-xxl-0,
  #home-page-products-block .my-xxl-0,
  #extension-highlight .mt-xxl-0,
  #extension-highlight .my-xxl-0 {
    margin-top: 0 !important;
  }
  #black-header-block .mr-xxl-0,
  #black-header-block .mx-xxl-0,
  #home-page-products-block .mr-xxl-0,
  #home-page-products-block .mx-xxl-0,
  #extension-highlight .mr-xxl-0,
  #extension-highlight .mx-xxl-0 {
    margin-right: 0 !important;
  }
  #black-header-block .mb-xxl-0,
  #black-header-block .my-xxl-0,
  #home-page-products-block .mb-xxl-0,
  #home-page-products-block .my-xxl-0,
  #extension-highlight .mb-xxl-0,
  #extension-highlight .my-xxl-0 {
    margin-bottom: 0 !important;
  }
  #black-header-block .ml-xxl-0,
  #black-header-block .mx-xxl-0,
  #home-page-products-block .ml-xxl-0,
  #home-page-products-block .mx-xxl-0,
  #extension-highlight .ml-xxl-0,
  #extension-highlight .mx-xxl-0 {
    margin-left: 0 !important;
  }
  #black-header-block .m-xxl-1,
  #home-page-products-block .m-xxl-1,
  #extension-highlight .m-xxl-1 {
    margin: 0.25rem !important;
  }
  #black-header-block .mt-xxl-1,
  #black-header-block .my-xxl-1,
  #home-page-products-block .mt-xxl-1,
  #home-page-products-block .my-xxl-1,
  #extension-highlight .mt-xxl-1,
  #extension-highlight .my-xxl-1 {
    margin-top: 0.25rem !important;
  }
  #black-header-block .mr-xxl-1,
  #black-header-block .mx-xxl-1,
  #home-page-products-block .mr-xxl-1,
  #home-page-products-block .mx-xxl-1,
  #extension-highlight .mr-xxl-1,
  #extension-highlight .mx-xxl-1 {
    margin-right: 0.25rem !important;
  }
  #black-header-block .mb-xxl-1,
  #black-header-block .my-xxl-1,
  #home-page-products-block .mb-xxl-1,
  #home-page-products-block .my-xxl-1,
  #extension-highlight .mb-xxl-1,
  #extension-highlight .my-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  #black-header-block .ml-xxl-1,
  #black-header-block .mx-xxl-1,
  #home-page-products-block .ml-xxl-1,
  #home-page-products-block .mx-xxl-1,
  #extension-highlight .ml-xxl-1,
  #extension-highlight .mx-xxl-1 {
    margin-left: 0.25rem !important;
  }
  #black-header-block .m-xxl-2,
  #home-page-products-block .m-xxl-2,
  #extension-highlight .m-xxl-2 {
    margin: 0.5rem !important;
  }
  #black-header-block .mt-xxl-2,
  #black-header-block .my-xxl-2,
  #home-page-products-block .mt-xxl-2,
  #home-page-products-block .my-xxl-2,
  #extension-highlight .mt-xxl-2,
  #extension-highlight .my-xxl-2 {
    margin-top: 0.5rem !important;
  }
  #black-header-block .mr-xxl-2,
  #black-header-block .mx-xxl-2,
  #home-page-products-block .mr-xxl-2,
  #home-page-products-block .mx-xxl-2,
  #extension-highlight .mr-xxl-2,
  #extension-highlight .mx-xxl-2 {
    margin-right: 0.5rem !important;
  }
  #black-header-block .mb-xxl-2,
  #black-header-block .my-xxl-2,
  #home-page-products-block .mb-xxl-2,
  #home-page-products-block .my-xxl-2,
  #extension-highlight .mb-xxl-2,
  #extension-highlight .my-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  #black-header-block .ml-xxl-2,
  #black-header-block .mx-xxl-2,
  #home-page-products-block .ml-xxl-2,
  #home-page-products-block .mx-xxl-2,
  #extension-highlight .ml-xxl-2,
  #extension-highlight .mx-xxl-2 {
    margin-left: 0.5rem !important;
  }
  #black-header-block .m-xxl-3,
  #home-page-products-block .m-xxl-3,
  #extension-highlight .m-xxl-3 {
    margin: 1rem !important;
  }
  #black-header-block .mt-xxl-3,
  #black-header-block .my-xxl-3,
  #home-page-products-block .mt-xxl-3,
  #home-page-products-block .my-xxl-3,
  #extension-highlight .mt-xxl-3,
  #extension-highlight .my-xxl-3 {
    margin-top: 1rem !important;
  }
  #black-header-block .mr-xxl-3,
  #black-header-block .mx-xxl-3,
  #home-page-products-block .mr-xxl-3,
  #home-page-products-block .mx-xxl-3,
  #extension-highlight .mr-xxl-3,
  #extension-highlight .mx-xxl-3 {
    margin-right: 1rem !important;
  }
  #black-header-block .mb-xxl-3,
  #black-header-block .my-xxl-3,
  #home-page-products-block .mb-xxl-3,
  #home-page-products-block .my-xxl-3,
  #extension-highlight .mb-xxl-3,
  #extension-highlight .my-xxl-3 {
    margin-bottom: 1rem !important;
  }
  #black-header-block .ml-xxl-3,
  #black-header-block .mx-xxl-3,
  #home-page-products-block .ml-xxl-3,
  #home-page-products-block .mx-xxl-3,
  #extension-highlight .ml-xxl-3,
  #extension-highlight .mx-xxl-3 {
    margin-left: 1rem !important;
  }
  #black-header-block .m-xxl-4,
  #home-page-products-block .m-xxl-4,
  #extension-highlight .m-xxl-4 {
    margin: 1.5rem !important;
  }
  #black-header-block .mt-xxl-4,
  #black-header-block .my-xxl-4,
  #home-page-products-block .mt-xxl-4,
  #home-page-products-block .my-xxl-4,
  #extension-highlight .mt-xxl-4,
  #extension-highlight .my-xxl-4 {
    margin-top: 1.5rem !important;
  }
  #black-header-block .mr-xxl-4,
  #black-header-block .mx-xxl-4,
  #home-page-products-block .mr-xxl-4,
  #home-page-products-block .mx-xxl-4,
  #extension-highlight .mr-xxl-4,
  #extension-highlight .mx-xxl-4 {
    margin-right: 1.5rem !important;
  }
  #black-header-block .mb-xxl-4,
  #black-header-block .my-xxl-4,
  #home-page-products-block .mb-xxl-4,
  #home-page-products-block .my-xxl-4,
  #extension-highlight .mb-xxl-4,
  #extension-highlight .my-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  #black-header-block .ml-xxl-4,
  #black-header-block .mx-xxl-4,
  #home-page-products-block .ml-xxl-4,
  #home-page-products-block .mx-xxl-4,
  #extension-highlight .ml-xxl-4,
  #extension-highlight .mx-xxl-4 {
    margin-left: 1.5rem !important;
  }
  #black-header-block .m-xxl-5,
  #home-page-products-block .m-xxl-5,
  #extension-highlight .m-xxl-5 {
    margin: 3rem !important;
  }
  #black-header-block .mt-xxl-5,
  #black-header-block .my-xxl-5,
  #home-page-products-block .mt-xxl-5,
  #home-page-products-block .my-xxl-5,
  #extension-highlight .mt-xxl-5,
  #extension-highlight .my-xxl-5 {
    margin-top: 3rem !important;
  }
  #black-header-block .mr-xxl-5,
  #black-header-block .mx-xxl-5,
  #home-page-products-block .mr-xxl-5,
  #home-page-products-block .mx-xxl-5,
  #extension-highlight .mr-xxl-5,
  #extension-highlight .mx-xxl-5 {
    margin-right: 3rem !important;
  }
  #black-header-block .mb-xxl-5,
  #black-header-block .my-xxl-5,
  #home-page-products-block .mb-xxl-5,
  #home-page-products-block .my-xxl-5,
  #extension-highlight .mb-xxl-5,
  #extension-highlight .my-xxl-5 {
    margin-bottom: 3rem !important;
  }
  #black-header-block .ml-xxl-5,
  #black-header-block .mx-xxl-5,
  #home-page-products-block .ml-xxl-5,
  #home-page-products-block .mx-xxl-5,
  #extension-highlight .ml-xxl-5,
  #extension-highlight .mx-xxl-5 {
    margin-left: 3rem !important;
  }
  #black-header-block .p-xxl-0,
  #home-page-products-block .p-xxl-0,
  #extension-highlight .p-xxl-0 {
    padding: 0 !important;
  }
  #black-header-block .pt-xxl-0,
  #black-header-block .py-xxl-0,
  #home-page-products-block .pt-xxl-0,
  #home-page-products-block .py-xxl-0,
  #extension-highlight .pt-xxl-0,
  #extension-highlight .py-xxl-0 {
    padding-top: 0 !important;
  }
  #black-header-block .pr-xxl-0,
  #black-header-block .px-xxl-0,
  #home-page-products-block .pr-xxl-0,
  #home-page-products-block .px-xxl-0,
  #extension-highlight .pr-xxl-0,
  #extension-highlight .px-xxl-0 {
    padding-right: 0 !important;
  }
  #black-header-block .pb-xxl-0,
  #black-header-block .py-xxl-0,
  #home-page-products-block .pb-xxl-0,
  #home-page-products-block .py-xxl-0,
  #extension-highlight .pb-xxl-0,
  #extension-highlight .py-xxl-0 {
    padding-bottom: 0 !important;
  }
  #black-header-block .pl-xxl-0,
  #black-header-block .px-xxl-0,
  #home-page-products-block .pl-xxl-0,
  #home-page-products-block .px-xxl-0,
  #extension-highlight .pl-xxl-0,
  #extension-highlight .px-xxl-0 {
    padding-left: 0 !important;
  }
  #black-header-block .p-xxl-1,
  #home-page-products-block .p-xxl-1,
  #extension-highlight .p-xxl-1 {
    padding: 0.25rem !important;
  }
  #black-header-block .pt-xxl-1,
  #black-header-block .py-xxl-1,
  #home-page-products-block .pt-xxl-1,
  #home-page-products-block .py-xxl-1,
  #extension-highlight .pt-xxl-1,
  #extension-highlight .py-xxl-1 {
    padding-top: 0.25rem !important;
  }
  #black-header-block .pr-xxl-1,
  #black-header-block .px-xxl-1,
  #home-page-products-block .pr-xxl-1,
  #home-page-products-block .px-xxl-1,
  #extension-highlight .pr-xxl-1,
  #extension-highlight .px-xxl-1 {
    padding-right: 0.25rem !important;
  }
  #black-header-block .pb-xxl-1,
  #black-header-block .py-xxl-1,
  #home-page-products-block .pb-xxl-1,
  #home-page-products-block .py-xxl-1,
  #extension-highlight .pb-xxl-1,
  #extension-highlight .py-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  #black-header-block .pl-xxl-1,
  #black-header-block .px-xxl-1,
  #home-page-products-block .pl-xxl-1,
  #home-page-products-block .px-xxl-1,
  #extension-highlight .pl-xxl-1,
  #extension-highlight .px-xxl-1 {
    padding-left: 0.25rem !important;
  }
  #black-header-block .p-xxl-2,
  #home-page-products-block .p-xxl-2,
  #extension-highlight .p-xxl-2 {
    padding: 0.5rem !important;
  }
  #black-header-block .pt-xxl-2,
  #black-header-block .py-xxl-2,
  #home-page-products-block .pt-xxl-2,
  #home-page-products-block .py-xxl-2,
  #extension-highlight .pt-xxl-2,
  #extension-highlight .py-xxl-2 {
    padding-top: 0.5rem !important;
  }
  #black-header-block .pr-xxl-2,
  #black-header-block .px-xxl-2,
  #home-page-products-block .pr-xxl-2,
  #home-page-products-block .px-xxl-2,
  #extension-highlight .pr-xxl-2,
  #extension-highlight .px-xxl-2 {
    padding-right: 0.5rem !important;
  }
  #black-header-block .pb-xxl-2,
  #black-header-block .py-xxl-2,
  #home-page-products-block .pb-xxl-2,
  #home-page-products-block .py-xxl-2,
  #extension-highlight .pb-xxl-2,
  #extension-highlight .py-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  #black-header-block .pl-xxl-2,
  #black-header-block .px-xxl-2,
  #home-page-products-block .pl-xxl-2,
  #home-page-products-block .px-xxl-2,
  #extension-highlight .pl-xxl-2,
  #extension-highlight .px-xxl-2 {
    padding-left: 0.5rem !important;
  }
  #black-header-block .p-xxl-3,
  #home-page-products-block .p-xxl-3,
  #extension-highlight .p-xxl-3 {
    padding: 1rem !important;
  }
  #black-header-block .pt-xxl-3,
  #black-header-block .py-xxl-3,
  #home-page-products-block .pt-xxl-3,
  #home-page-products-block .py-xxl-3,
  #extension-highlight .pt-xxl-3,
  #extension-highlight .py-xxl-3 {
    padding-top: 1rem !important;
  }
  #black-header-block .pr-xxl-3,
  #black-header-block .px-xxl-3,
  #home-page-products-block .pr-xxl-3,
  #home-page-products-block .px-xxl-3,
  #extension-highlight .pr-xxl-3,
  #extension-highlight .px-xxl-3 {
    padding-right: 1rem !important;
  }
  #black-header-block .pb-xxl-3,
  #black-header-block .py-xxl-3,
  #home-page-products-block .pb-xxl-3,
  #home-page-products-block .py-xxl-3,
  #extension-highlight .pb-xxl-3,
  #extension-highlight .py-xxl-3 {
    padding-bottom: 1rem !important;
  }
  #black-header-block .pl-xxl-3,
  #black-header-block .px-xxl-3,
  #home-page-products-block .pl-xxl-3,
  #home-page-products-block .px-xxl-3,
  #extension-highlight .pl-xxl-3,
  #extension-highlight .px-xxl-3 {
    padding-left: 1rem !important;
  }
  #black-header-block .p-xxl-4,
  #home-page-products-block .p-xxl-4,
  #extension-highlight .p-xxl-4 {
    padding: 1.5rem !important;
  }
  #black-header-block .pt-xxl-4,
  #black-header-block .py-xxl-4,
  #home-page-products-block .pt-xxl-4,
  #home-page-products-block .py-xxl-4,
  #extension-highlight .pt-xxl-4,
  #extension-highlight .py-xxl-4 {
    padding-top: 1.5rem !important;
  }
  #black-header-block .pr-xxl-4,
  #black-header-block .px-xxl-4,
  #home-page-products-block .pr-xxl-4,
  #home-page-products-block .px-xxl-4,
  #extension-highlight .pr-xxl-4,
  #extension-highlight .px-xxl-4 {
    padding-right: 1.5rem !important;
  }
  #black-header-block .pb-xxl-4,
  #black-header-block .py-xxl-4,
  #home-page-products-block .pb-xxl-4,
  #home-page-products-block .py-xxl-4,
  #extension-highlight .pb-xxl-4,
  #extension-highlight .py-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  #black-header-block .pl-xxl-4,
  #black-header-block .px-xxl-4,
  #home-page-products-block .pl-xxl-4,
  #home-page-products-block .px-xxl-4,
  #extension-highlight .pl-xxl-4,
  #extension-highlight .px-xxl-4 {
    padding-left: 1.5rem !important;
  }
  #black-header-block .p-xxl-5,
  #home-page-products-block .p-xxl-5,
  #extension-highlight .p-xxl-5 {
    padding: 3rem !important;
  }
  #black-header-block .pt-xxl-5,
  #black-header-block .py-xxl-5,
  #home-page-products-block .pt-xxl-5,
  #home-page-products-block .py-xxl-5,
  #extension-highlight .pt-xxl-5,
  #extension-highlight .py-xxl-5 {
    padding-top: 3rem !important;
  }
  #black-header-block .pr-xxl-5,
  #black-header-block .px-xxl-5,
  #home-page-products-block .pr-xxl-5,
  #home-page-products-block .px-xxl-5,
  #extension-highlight .pr-xxl-5,
  #extension-highlight .px-xxl-5 {
    padding-right: 3rem !important;
  }
  #black-header-block .pb-xxl-5,
  #black-header-block .py-xxl-5,
  #home-page-products-block .pb-xxl-5,
  #home-page-products-block .py-xxl-5,
  #extension-highlight .pb-xxl-5,
  #extension-highlight .py-xxl-5 {
    padding-bottom: 3rem !important;
  }
  #black-header-block .pl-xxl-5,
  #black-header-block .px-xxl-5,
  #home-page-products-block .pl-xxl-5,
  #home-page-products-block .px-xxl-5,
  #extension-highlight .pl-xxl-5,
  #extension-highlight .px-xxl-5 {
    padding-left: 3rem !important;
  }
  #black-header-block .m-xxl-n1,
  #home-page-products-block .m-xxl-n1,
  #extension-highlight .m-xxl-n1 {
    margin: -0.25rem !important;
  }
  #black-header-block .mt-xxl-n1,
  #black-header-block .my-xxl-n1,
  #home-page-products-block .mt-xxl-n1,
  #home-page-products-block .my-xxl-n1,
  #extension-highlight .mt-xxl-n1,
  #extension-highlight .my-xxl-n1 {
    margin-top: -0.25rem !important;
  }
  #black-header-block .mr-xxl-n1,
  #black-header-block .mx-xxl-n1,
  #home-page-products-block .mr-xxl-n1,
  #home-page-products-block .mx-xxl-n1,
  #extension-highlight .mr-xxl-n1,
  #extension-highlight .mx-xxl-n1 {
    margin-right: -0.25rem !important;
  }
  #black-header-block .mb-xxl-n1,
  #black-header-block .my-xxl-n1,
  #home-page-products-block .mb-xxl-n1,
  #home-page-products-block .my-xxl-n1,
  #extension-highlight .mb-xxl-n1,
  #extension-highlight .my-xxl-n1 {
    margin-bottom: -0.25rem !important;
  }
  #black-header-block .ml-xxl-n1,
  #black-header-block .mx-xxl-n1,
  #home-page-products-block .ml-xxl-n1,
  #home-page-products-block .mx-xxl-n1,
  #extension-highlight .ml-xxl-n1,
  #extension-highlight .mx-xxl-n1 {
    margin-left: -0.25rem !important;
  }
  #black-header-block .m-xxl-n2,
  #home-page-products-block .m-xxl-n2,
  #extension-highlight .m-xxl-n2 {
    margin: -0.5rem !important;
  }
  #black-header-block .mt-xxl-n2,
  #black-header-block .my-xxl-n2,
  #home-page-products-block .mt-xxl-n2,
  #home-page-products-block .my-xxl-n2,
  #extension-highlight .mt-xxl-n2,
  #extension-highlight .my-xxl-n2 {
    margin-top: -0.5rem !important;
  }
  #black-header-block .mr-xxl-n2,
  #black-header-block .mx-xxl-n2,
  #home-page-products-block .mr-xxl-n2,
  #home-page-products-block .mx-xxl-n2,
  #extension-highlight .mr-xxl-n2,
  #extension-highlight .mx-xxl-n2 {
    margin-right: -0.5rem !important;
  }
  #black-header-block .mb-xxl-n2,
  #black-header-block .my-xxl-n2,
  #home-page-products-block .mb-xxl-n2,
  #home-page-products-block .my-xxl-n2,
  #extension-highlight .mb-xxl-n2,
  #extension-highlight .my-xxl-n2 {
    margin-bottom: -0.5rem !important;
  }
  #black-header-block .ml-xxl-n2,
  #black-header-block .mx-xxl-n2,
  #home-page-products-block .ml-xxl-n2,
  #home-page-products-block .mx-xxl-n2,
  #extension-highlight .ml-xxl-n2,
  #extension-highlight .mx-xxl-n2 {
    margin-left: -0.5rem !important;
  }
  #black-header-block .m-xxl-n3,
  #home-page-products-block .m-xxl-n3,
  #extension-highlight .m-xxl-n3 {
    margin: -1rem !important;
  }
  #black-header-block .mt-xxl-n3,
  #black-header-block .my-xxl-n3,
  #home-page-products-block .mt-xxl-n3,
  #home-page-products-block .my-xxl-n3,
  #extension-highlight .mt-xxl-n3,
  #extension-highlight .my-xxl-n3 {
    margin-top: -1rem !important;
  }
  #black-header-block .mr-xxl-n3,
  #black-header-block .mx-xxl-n3,
  #home-page-products-block .mr-xxl-n3,
  #home-page-products-block .mx-xxl-n3,
  #extension-highlight .mr-xxl-n3,
  #extension-highlight .mx-xxl-n3 {
    margin-right: -1rem !important;
  }
  #black-header-block .mb-xxl-n3,
  #black-header-block .my-xxl-n3,
  #home-page-products-block .mb-xxl-n3,
  #home-page-products-block .my-xxl-n3,
  #extension-highlight .mb-xxl-n3,
  #extension-highlight .my-xxl-n3 {
    margin-bottom: -1rem !important;
  }
  #black-header-block .ml-xxl-n3,
  #black-header-block .mx-xxl-n3,
  #home-page-products-block .ml-xxl-n3,
  #home-page-products-block .mx-xxl-n3,
  #extension-highlight .ml-xxl-n3,
  #extension-highlight .mx-xxl-n3 {
    margin-left: -1rem !important;
  }
  #black-header-block .m-xxl-n4,
  #home-page-products-block .m-xxl-n4,
  #extension-highlight .m-xxl-n4 {
    margin: -1.5rem !important;
  }
  #black-header-block .mt-xxl-n4,
  #black-header-block .my-xxl-n4,
  #home-page-products-block .mt-xxl-n4,
  #home-page-products-block .my-xxl-n4,
  #extension-highlight .mt-xxl-n4,
  #extension-highlight .my-xxl-n4 {
    margin-top: -1.5rem !important;
  }
  #black-header-block .mr-xxl-n4,
  #black-header-block .mx-xxl-n4,
  #home-page-products-block .mr-xxl-n4,
  #home-page-products-block .mx-xxl-n4,
  #extension-highlight .mr-xxl-n4,
  #extension-highlight .mx-xxl-n4 {
    margin-right: -1.5rem !important;
  }
  #black-header-block .mb-xxl-n4,
  #black-header-block .my-xxl-n4,
  #home-page-products-block .mb-xxl-n4,
  #home-page-products-block .my-xxl-n4,
  #extension-highlight .mb-xxl-n4,
  #extension-highlight .my-xxl-n4 {
    margin-bottom: -1.5rem !important;
  }
  #black-header-block .ml-xxl-n4,
  #black-header-block .mx-xxl-n4,
  #home-page-products-block .ml-xxl-n4,
  #home-page-products-block .mx-xxl-n4,
  #extension-highlight .ml-xxl-n4,
  #extension-highlight .mx-xxl-n4 {
    margin-left: -1.5rem !important;
  }
  #black-header-block .m-xxl-n5,
  #home-page-products-block .m-xxl-n5,
  #extension-highlight .m-xxl-n5 {
    margin: -3rem !important;
  }
  #black-header-block .mt-xxl-n5,
  #black-header-block .my-xxl-n5,
  #home-page-products-block .mt-xxl-n5,
  #home-page-products-block .my-xxl-n5,
  #extension-highlight .mt-xxl-n5,
  #extension-highlight .my-xxl-n5 {
    margin-top: -3rem !important;
  }
  #black-header-block .mr-xxl-n5,
  #black-header-block .mx-xxl-n5,
  #home-page-products-block .mr-xxl-n5,
  #home-page-products-block .mx-xxl-n5,
  #extension-highlight .mr-xxl-n5,
  #extension-highlight .mx-xxl-n5 {
    margin-right: -3rem !important;
  }
  #black-header-block .mb-xxl-n5,
  #black-header-block .my-xxl-n5,
  #home-page-products-block .mb-xxl-n5,
  #home-page-products-block .my-xxl-n5,
  #extension-highlight .mb-xxl-n5,
  #extension-highlight .my-xxl-n5 {
    margin-bottom: -3rem !important;
  }
  #black-header-block .ml-xxl-n5,
  #black-header-block .mx-xxl-n5,
  #home-page-products-block .ml-xxl-n5,
  #home-page-products-block .mx-xxl-n5,
  #extension-highlight .ml-xxl-n5,
  #extension-highlight .mx-xxl-n5 {
    margin-left: -3rem !important;
  }
  #black-header-block .m-xxl-auto,
  #home-page-products-block .m-xxl-auto,
  #extension-highlight .m-xxl-auto {
    margin: auto !important;
  }
  #black-header-block .mt-xxl-auto,
  #black-header-block .my-xxl-auto,
  #home-page-products-block .mt-xxl-auto,
  #home-page-products-block .my-xxl-auto,
  #extension-highlight .mt-xxl-auto,
  #extension-highlight .my-xxl-auto {
    margin-top: auto !important;
  }
  #black-header-block .mr-xxl-auto,
  #black-header-block .mx-xxl-auto,
  #home-page-products-block .mr-xxl-auto,
  #home-page-products-block .mx-xxl-auto,
  #extension-highlight .mr-xxl-auto,
  #extension-highlight .mx-xxl-auto {
    margin-right: auto !important;
  }
  #black-header-block .mb-xxl-auto,
  #black-header-block .my-xxl-auto,
  #home-page-products-block .mb-xxl-auto,
  #home-page-products-block .my-xxl-auto,
  #extension-highlight .mb-xxl-auto,
  #extension-highlight .my-xxl-auto {
    margin-bottom: auto !important;
  }
  #black-header-block .ml-xxl-auto,
  #black-header-block .mx-xxl-auto,
  #home-page-products-block .ml-xxl-auto,
  #home-page-products-block .mx-xxl-auto,
  #extension-highlight .ml-xxl-auto,
  #extension-highlight .mx-xxl-auto {
    margin-left: auto !important;
  }
}
#black-header-block,
#home-page-products-block,
#extension-highlight {
  /* General */
  font-family: "Circular Book", "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  /* Components */
  /* Media queries */
}

#black-header-block a,
#black-header-block a:link,
#black-header-block a:hover,
#black-header-block a:focus,
#black-header-block a:visited,
#home-page-products-block a,
#home-page-products-block a:link,
#home-page-products-block a:hover,
#home-page-products-block a:focus,
#home-page-products-block a:visited,
#extension-highlight a,
#extension-highlight a:link,
#extension-highlight a:hover,
#extension-highlight a:focus,
#extension-highlight a:visited {
  color: inherit;
}

#black-header-block .base-mt,
#home-page-products-block .base-mt,
#extension-highlight .base-mt {
  margin-top: 2rem;
}

#black-header-block .base-mb,
#home-page-products-block .base-mb,
#extension-highlight .base-mb {
  margin-bottom: 2rem;
}

#black-header-block .base-pt,
#home-page-products-block .base-pt,
#extension-highlight .base-pt {
  padding-top: 2rem;
}

#black-header-block .base-pb,
#home-page-products-block .base-pb,
#extension-highlight .base-pb {
  padding-bottom: 2rem;
}

#black-header-block .font-large .per-month,
#home-page-products-block .font-large .per-month,
#extension-highlight .font-large .per-month {
  color: #95a4ac;
  font-size: 3rem;
}

@media (max-width: 992px) {
  #black-header-block .font-large .per-month,
  #home-page-products-block .font-large .per-month,
  #extension-highlight .font-large .per-month {
    font-size: 2rem;
  }
}
#black-header-block .font-xs,
#black-header-block .font-small,
#home-page-products-block .font-xs,
#home-page-products-block .font-small,
#extension-highlight .font-xs,
#extension-highlight .font-small {
  font-size: 1.4rem; /* 14px */
  line-height: 2.2rem; /* 22px */
}

#black-header-block .font-large,
#home-page-products-block .font-large,
#extension-highlight .font-large {
  font-size: 2.4rem; /* 24px */
  line-height: 2.8rem; /* 28px */
}

#black-header-block .font-xl,
#home-page-products-block .font-xl,
#extension-highlight .font-xl {
  font-size: 3.2rem; /* 32px */
  line-height: 3.2rem; /* 32px */
}

#black-header-block .font-xxl,
#home-page-products-block .font-xxl,
#extension-highlight .font-xxl {
  font-size: 4.8rem; /* 48px */
  line-height: 4.8rem; /* 48px */
}

#black-header-block .button,
#home-page-products-block .button,
#extension-highlight .button {
  display: inline-block;
  background-color: #6b2fad;
  color: #ffffff !important;
  padding: 1.6rem;
  border: 0;
  border-radius: 4px;
  text-decoration: none;
  font-family: "Circular Black", "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  transition: 0.3s ease-in-out;
}

#black-header-block .button:hover,
#home-page-products-block .button:hover,
#extension-highlight .button:hover {
  background-color: #7c36c7;
}

#black-header-block .button:focus,
#home-page-products-block .button:focus,
#extension-highlight .button:focus {
  background-color: #5c2894;
}

#black-header-block .button-arrow,
#home-page-products-block .button-arrow,
#extension-highlight .button-arrow {
  padding-right: 2.5rem !important;
  transition: 0.3s ease-in-out;
}

#black-header-block .button-arrow:hover,
#home-page-products-block .button-arrow:hover,
#extension-highlight .button-arrow:hover {
  padding-right: 4rem !important;
}

#black-header-block .button-arrow svg,
#home-page-products-block .button-arrow svg,
#extension-highlight .button-arrow svg {
  position: absolute;
  right: 1.6rem;
  margin-left: 0.5rem;
  width: 8px;
  height: 14px;
}

#black-header-block .button-small-mobile,
#black-header-block .button-small,
#home-page-products-block .button-small-mobile,
#home-page-products-block .button-small,
#extension-highlight .button-small-mobile,
#extension-highlight .button-small {
  padding: 0.8rem 1.2rem;
}

#black-header-block .button-outline,
#black-header-block .button-outline:hover,
#home-page-products-block .button-outline,
#home-page-products-block .button-outline:hover,
#extension-highlight .button-outline,
#extension-highlight .button-outline:hover {
  background-color: transparent;
  border: 1px #cccccc solid;
  color: #6b2fad !important;
}

#black-header-block input,
#home-page-products-block input,
#extension-highlight input {
  font-size: 1.4rem;
  padding: 1.6rem;
  border: 0;
  border-radius: 4px;
  -ms-flex-positive: 1;
  flex-grow: 1;
  outline: none;
}

#black-header-block .border-radius-right,
#home-page-products-block .border-radius-right,
#extension-highlight .border-radius-right {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

#black-header-block .border-radius-left,
#home-page-products-block .border-radius-left,
#extension-highlight .border-radius-left {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

#black-header-block .center,
#home-page-products-block .center,
#extension-highlight .center {
  text-align: center;
}

#black-header-block h1,
#black-header-block h2,
#black-header-block h3,
#black-header-block h4,
#black-header-block h5,
#black-header-block h6,
#home-page-products-block h1,
#home-page-products-block h2,
#home-page-products-block h3,
#home-page-products-block h4,
#home-page-products-block h5,
#home-page-products-block h6,
#extension-highlight h1,
#extension-highlight h2,
#extension-highlight h3,
#extension-highlight h4,
#extension-highlight h5,
#extension-highlight h6 {
  margin: 0;
  font-family: "Circular Black", "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

#black-header-block p,
#home-page-products-block p,
#extension-highlight p {
  margin-top: 0;
  font-family: "Circular Book", "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

#black-header-block .strike,
#home-page-products-block .strike,
#extension-highlight .strike {
  background-image: url("/frontend2/main/assets/images/homepage-redesign-2021/strike.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%, auto;
}

#black-header-block .strike:before,
#home-page-products-block .strike:before,
#extension-highlight .strike:before {
  display: none;
}

#black-header-block .hero,
#home-page-products-block .hero,
#extension-highlight .hero {
  background-size: cover;
  background-position: center;
  height: calc(100vh - 72px);
  margin: 0;
  padding: 0;
}

#black-header-block .color-white,
#home-page-products-block .color-white,
#extension-highlight .color-white {
  color: white;
}

@keyframes ticker-text {
  100% {
    transform: translateX(-100%);
  }
}
#black-header-block .animation,
#home-page-products-block .animation,
#extension-highlight .animation {
  -ms-flex-preferred-size: 1;
  flex-basis: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

#black-header-block .ticker-text,
#home-page-products-block .ticker-text,
#extension-highlight .ticker-text {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -ms-flex-align: center;
  align-items: center;
  height: 100px;
  margin-bottom: 3rem;
}

#black-header-block .ticker-item,
#home-page-products-block .ticker-item,
#extension-highlight .ticker-item {
  -ms-flex-preferred-size: 1;
  flex-basis: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 2rem;
  height: auto;
  font-size: 74px;
  font-family: "Circular Black" !important;
}

@keyframes ticker-text {
  100% {
    transform: translateX(-100%);
  }
}
#black-header-block .hero,
#home-page-products-block .hero,
#extension-highlight .hero {
  position: relative;
  width: 100%;
  height: 100%;
  -ms-flex-align: center;
  align-items: center;
}

#black-header-block .hero p,
#home-page-products-block .hero p,
#extension-highlight .hero p {
  font-family: "Circular Black" !important;
  color: #95a4ac;
  font-size: 20px;
}

#black-header-block .hero p span,
#home-page-products-block .hero p span,
#extension-highlight .hero p span {
  display: block;
}

#black-header-block .hero-mobile h2,
#home-page-products-block .hero-mobile h2,
#extension-highlight .hero-mobile h2 {
  font-size: 40px;
  line-height: 40px;
  color: #ffffff;
}

#black-header-block .hero-mobile,
#home-page-products-block .hero-mobile,
#extension-highlight .hero-mobile {
  position: relative;
  margin-top: -40px;
  background-size: cover;
  background-position: center;
  height: 60vw;
}

#black-header-block .hero-mobile > div,
#home-page-products-block .hero-mobile > div,
#extension-highlight .hero-mobile > div {
  margin-top: 40px;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

#black-header-block .check-domain,
#home-page-products-block .check-domain,
#extension-highlight .check-domain {
  margin-bottom: 2rem;
  background-color: #6b2fad;
}

#black-header-block .check-domain .content,
#home-page-products-block .check-domain .content,
#extension-highlight .check-domain .content {
  padding: 2rem 0;
  padding-bottom: 2rem;
  width: auto;
  z-index: 1;
  position: relative;
  color: #ffffff;
}

#black-header-block .check-domain form,
#home-page-products-block .check-domain form,
#extension-highlight .check-domain form {
  margin-bottom: 1.6rem;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

#black-header-block .check-domain form .button,
#home-page-products-block .check-domain form .button,
#extension-highlight .check-domain form .button {
  background-color: #1e2029;
}

#black-header-block .check-domain .button span,
#home-page-products-block .check-domain .button span,
#extension-highlight .check-domain .button span {
  display: none;
}

#black-header-block .check-domain h1,
#home-page-products-block .check-domain h1,
#extension-highlight .check-domain h1 {
  text-align: center;
  margin-bottom: 2rem;
  line-height: 1;
}

#black-header-block .check-domain h1 span,
#home-page-products-block .check-domain h1 span,
#extension-highlight .check-domain h1 span {
  opacity: 0.4;
  display: block;
  font-size: 16px;
  margin-top: 1rem;
}

#black-header-block .highlight,
#home-page-products-block .highlight,
#extension-highlight .highlight {
  color: #00dbdb;
}

#black-header-block .products header hgroup .font-large,
#home-page-products-block .products header hgroup .font-large,
#extension-highlight .products header hgroup .font-large {
  margin-bottom: 0.5rem;
  color: #95a4ac;
}

#black-header-block .products header hgroup .font-xl,
#home-page-products-block .products header hgroup .font-xl,
#extension-highlight .products header hgroup .font-xl {
  color: #1e2029;
}

#black-header-block .product-card,
#home-page-products-block .product-card,
#extension-highlight .product-card {
  position: relative;
  padding: 3.2rem 1.6rem;
  text-align: center;
  background-color: #f1f3f4;
}

#black-header-block .product-card,
#home-page-products-block .product-card,
#extension-highlight .product-card {
  margin-bottom: 1.6rem;
}

#black-header-block .product-card--featured,
#home-page-products-block .product-card--featured,
#extension-highlight .product-card--featured {
  height: calc(100% - 140px);
  margin-top: 140px;
  text-align: left;
}

#black-header-block .product-card--featured h3,
#home-page-products-block .product-card--featured h3,
#extension-highlight .product-card--featured h3 {
  margin-bottom: 1.6rem;
  color: #95a4ac;
  font-size: 2.4rem; /* 24px */
  line-height: 2.4rem; /* 24px */
}

#black-header-block .product-card--featured h2,
#home-page-products-block .product-card--featured h2,
#extension-highlight .product-card--featured h2 {
  font-size: 3.2rem; /* 32px */
  line-height: 3.2rem; /* 32px */
  margin-bottom: 3.2rem;
}

#black-header-block .product-card--featured .old-price,
#home-page-products-block .product-card--featured .old-price,
#extension-highlight .product-card--featured .old-price {
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #95a4ac;
  font-size: 2rem;
}

#black-header-block .product-card--featured .old-price-comma,
#home-page-products-block .product-card--featured .old-price-comma,
#extension-highlight .product-card--featured .old-price-comma {
  margin-top: 4px;
  margin-left: 6px;
  font-size: 16px !important;
}

#black-header-block .product-card--featured .old-price-cents,
#home-page-products-block .product-card--featured .old-price-cents,
#extension-highlight .product-card--featured .old-price-cents {
  margin-top: -4px;
  margin-left: -5px;
  font-size: 16px !important;
}

#black-header-block .product-card--featured .price,
#home-page-products-block .product-card--featured .price,
#extension-highlight .product-card--featured .price {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

#black-header-block .product-card--featured .old-price-comma,
#black-header-block .styled-comma,
#home-page-products-block .product-card--featured .old-price-comma,
#home-page-products-block .styled-comma,
#extension-highlight .product-card--featured .old-price-comma,
#extension-highlight .styled-comma {
  margin-top: 4px;
  margin-left: 6px;
  font-size: 19px !important;
}

#black-header-block .old-price .styled-comma,
#black-header-block .old-price .styled-decimals,
#home-page-products-block .old-price .styled-comma,
#home-page-products-block .old-price .styled-decimals,
#extension-highlight .old-price .styled-comma,
#extension-highlight .old-price .styled-decimals {
  color: #95a4ac;
}

#black-header-block .product-card--featured .old-price-cents,
#black-header-block .styled-decimals,
#home-page-products-block .product-card--featured .old-price-cents,
#home-page-products-block .styled-decimals,
#extension-highlight .product-card--featured .old-price-cents,
#extension-highlight .styled-decimals {
  margin-top: -6px;
  margin-left: -5px;
  font-size: 16px !important;
  color: #95a4ac;
}

#black-header-block .product-card--featured .strike,
#home-page-products-block .product-card--featured .strike,
#extension-highlight .product-card--featured .strike {
  background-image: url("/frontend2/main/assets/images/homepage-redesign-2021/strike-large.svg");
}

#black-header-block .product-card figure,
#home-page-products-block .product-card figure,
#extension-highlight .product-card figure {
  margin: 0;
  margin-top: -140px;
  margin-bottom: 1.6rem;
  width: 100%;
  height: 200px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}

#black-header-block .product-card img,
#home-page-products-block .product-card img,
#extension-highlight .product-card img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

#black-header-block .product-card > h2,
#home-page-products-block .product-card > h2,
#extension-highlight .product-card > h2 {
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1.6rem;
  font-size: 3.2rem; /* 32px */
  line-height: 3.2rem; /* 32px */
}

#black-header-block .product-card:not(.product-card--featured) h2,
#home-page-products-block .product-card:not(.product-card--featured) h2,
#extension-highlight .product-card:not(.product-card--featured) h2 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}

#black-header-block .product-card p,
#home-page-products-block .product-card p,
#extension-highlight .product-card p {
  margin-bottom: 2rem;
  color: #747474;
  font-size: 1.4rem;
}

#black-header-block .product-card .highlight,
#home-page-products-block .product-card .highlight,
#extension-highlight .product-card .highlight {
  color: #6b2fad;
}

#black-header-block .products footer p,
#home-page-products-block .products footer p,
#extension-highlight .products footer p {
  margin-bottom: 0;
}

#black-header-block .products footer span,
#home-page-products-block .products footer span,
#extension-highlight .products footer span {
  color: #747474;
}

#black-header-block .samen,
#home-page-products-block .samen,
#extension-highlight .samen {
  overflow: hidden;
}

#black-header-block .samen h2,
#home-page-products-block .samen h2,
#extension-highlight .samen h2 {
  margin-bottom: 4rem;
  color: #6b2fad;
}

#black-header-block .samen img,
#home-page-products-block .samen img,
#extension-highlight .samen img {
  margin-left: 15%;
  width: 100%;
}

#black-header-block .doe-mee,
#home-page-products-block .doe-mee,
#extension-highlight .doe-mee {
  margin-top: -4.8rem;
  padding-top: 4.8rem;
  background-color: #f1f3f4;
}

#black-header-block .doe-mee img,
#home-page-products-block .doe-mee img,
#extension-highlight .doe-mee img {
  width: 70%;
  height: auto;
}

#black-header-block .doe-mee .content,
#home-page-products-block .doe-mee .content,
#extension-highlight .doe-mee .content {
  margin-top: 4.8rem;
}

#black-header-block .doe-mee h3,
#home-page-products-block .doe-mee h3,
#extension-highlight .doe-mee h3 {
  margin-bottom: 3.2rem;
  color: #6b2fad;
}

#black-header-block .doe-mee p,
#home-page-products-block .doe-mee p,
#extension-highlight .doe-mee p {
  margin-bottom: 3.2rem;
}

#black-header-block .domains header,
#home-page-products-block .domains header,
#extension-highlight .domains header {
  margin-bottom: 3.5rem;
}

#black-header-block .domains header h2,
#home-page-products-block .domains header h2,
#extension-highlight .domains header h2 {
  margin-bottom: 1.6rem;
  color: #6b2fad;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

#black-header-block .domain-card,
#home-page-products-block .domain-card,
#extension-highlight .domain-card {
  padding: 2.5rem 1.6rem;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  text-align: center;
  text-decoration: none;
  display: block;
}

#black-header-block .domain-card:hover,
#home-page-products-block .domain-card:hover,
#extension-highlight .domain-card:hover {
  background-color: inherit;
}

#black-header-block .domain-card h3,
#home-page-products-block .domain-card h3,
#extension-highlight .domain-card h3 {
  margin-bottom: 0.5rem;
  font-family: "Circular Book", "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 2.2rem; /* 22px */
  line-height: 2.2rem; /* 22px */
  font-weight: 300;
}

#black-header-block .domain-card h3 strong,
#home-page-products-block .domain-card h3 strong,
#extension-highlight .domain-card h3 strong {
  font-family: "Circular Black", "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

#black-header-block .domain-card .old-price,
#home-page-products-block .domain-card .old-price,
#extension-highlight .domain-card .old-price {
  display: inline-block;
  min-height: 3.2rem;
  color: #95a4ac;
}

#black-header-block .domain-card .price,
#home-page-products-block .domain-card .price,
#extension-highlight .domain-card .price {
  margin-bottom: 0.5rem;
  font-weight: 700;
  color: #6b2fad;
  font-family: "Circular Black", "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 3.2rem; /* fixed font size for all screen sizes */
  line-height: 3.2rem; /* fixed font size for all screen sizes */
}

#black-header-block .domain-card .details,
#home-page-products-block .domain-card .details,
#extension-highlight .domain-card .details {
  color: #646f79;
}

#black-header-block .service h2,
#home-page-products-block .service h2,
#extension-highlight .service h2 {
  margin-bottom: 3.2rem;
}

#black-header-block .service p,
#home-page-products-block .service p,
#extension-highlight .service p {
  margin-bottom: 3.2rem;
}

#black-header-block .faq h2,
#home-page-products-block .faq h2,
#extension-highlight .faq h2 {
  margin-bottom: 3.2rem;
}

#black-header-block .accordion,
#home-page-products-block .accordion,
#extension-highlight .accordion {
  border-top: 1px solid #cccccc;
}

#black-header-block .accordion button,
#home-page-products-block .accordion button,
#extension-highlight .accordion button {
  padding: 1.6rem 1.6rem 1.6rem 0;
  width: 100%;
  border: 0;
  background-color: transparent;
  font-family: "Circular";
  cursor: pointer;
  color: #1e2029;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  outline: none;
  text-align: left;
}

#black-header-block .accordion button div,
#home-page-products-block .accordion button div,
#extension-highlight .accordion button div {
  -ms-flex-positive: 1;
  flex-grow: 1;
}

#black-header-block .accordion svg,
#home-page-products-block .accordion svg,
#extension-highlight .accordion svg {
  width: 14px;
  -ms-flex-preferred-size: 14px;
  flex-basis: 14px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

#black-header-block .accordion:not(.open) svg,
#home-page-products-block .accordion:not(.open) svg,
#extension-highlight .accordion:not(.open) svg {
  transform: rotate(0);
  transition: 0.3s ease-in-out;
}

#black-header-block .accordion.open svg,
#home-page-products-block .accordion.open svg,
#extension-highlight .accordion.open svg {
  transform: rotate(180deg);
  transition: 0.3s ease-in-out;
}

#black-header-block .accordion .content,
#home-page-products-block .accordion .content,
#extension-highlight .accordion .content {
  margin: 1.6rem 4rem 0 0;
}

#black-header-block .information,
#home-page-products-block .information,
#extension-highlight .information {
  background-color: #1e2029;
  color: #ffffff;
}

#black-header-block .information h3,
#home-page-products-block .information h3,
#extension-highlight .information h3 {
  margin-bottom: 0.5rem;
}

@media screen and (max-width: 575px) {
  #black-header-block .product-card--featured,
  #home-page-products-block .product-card--featured,
  #extension-highlight .product-card--featured {
    height: auto;
  }
  #black-header-block .domains .content,
  #home-page-products-block .domains .content,
  #extension-highlight .domains .content {
    position: relative;
    margin-left: -1.6rem;
    width: calc(100% + 3.2rem);
    height: 220px;
    overflow-x: scroll;
    overflow-y: hidden;
  }
  #black-header-block .domains .scroller,
  #home-page-products-block .domains .scroller,
  #extension-highlight .domains .scroller {
    margin-left: 0;
    position: absolute;
    width: 1300px;
  }
  #black-header-block .domains .scroller > div,
  #home-page-products-block .domains .scroller > div,
  #extension-highlight .domains .scroller > div {
    display: inline-block;
    width: 200px;
  }
}
@media screen and (min-width: 576px) {
  #black-header-block .font-small,
  #home-page-products-block .font-small,
  #extension-highlight .font-small {
    font-size: 1.8rem; /* 18px */
    line-height: 2.6rem; /* 26px */
  }
  #black-header-block body,
  #black-header-block .font-normal,
  #black-header-block .product-card p,
  #home-page-products-block body,
  #home-page-products-block .font-normal,
  #home-page-products-block .product-card p,
  #extension-highlight body,
  #extension-highlight .font-normal,
  #extension-highlight .product-card p {
    font-size: 1.8rem; /* 18px */
    line-height: 2.6rem; /* 26px */
  }
  #black-header-block input,
  #home-page-products-block input,
  #extension-highlight input {
    font-size: 1.8rem;
  }
  #black-header-block .font-medium,
  #home-page-products-block .font-medium,
  #extension-highlight .font-medium {
    font-size: 3.2rem;
    line-height: 3.2rem;
  }
  #black-header-block .font-large,
  #home-page-products-block .font-large,
  #extension-highlight .font-large {
    font-size: 3.2rem;
    line-height: 3.2rem;
  }
  #black-header-block .font-large > span,
  #home-page-products-block .font-large > span,
  #extension-highlight .font-large > span {
    margin-top: 0.8rem;
  }
  #black-header-block .font-xl,
  #home-page-products-block .font-xl,
  #extension-highlight .font-xl {
    font-size: 4.8rem;
    line-height: 4.8rem;
  }
  #black-header-block .button,
  #home-page-products-block .button,
  #extension-highlight .button {
    padding: 1.6rem 1.7rem;
  }
  #black-header-block .button-small,
  #home-page-products-block .button-small,
  #extension-highlight .button-small {
    padding: 0.8rem 1.6rem;
  }
  #black-header-block .button-arrow,
  #home-page-products-block .button-arrow,
  #extension-highlight .button-arrow {
    padding-right: 3.2rem !important;
  }
  #black-header-block .button-arrow svg,
  #home-page-products-block .button-arrow svg,
  #extension-highlight .button-arrow svg {
    top: 2.2rem;
    right: 2.7rem;
  }
  #black-header-block .hero-mobile h2,
  #home-page-products-block .hero-mobile h2,
  #extension-highlight .hero-mobile h2 {
    font-size: 60px;
    line-height: 60px;
  }
  #black-header-block .product-card,
  #black-header-block .row:first-of-type,
  #home-page-products-block .product-card,
  #home-page-products-block .row:first-of-type,
  #extension-highlight .product-card,
  #extension-highlight .row:first-of-type {
    margin-bottom: 2rem;
  }
  #black-header-block .product-card:not(.product-card--featured) h2,
  #home-page-products-block .product-card:not(.product-card--featured) h2,
  #extension-highlight .product-card:not(.product-card--featured) h2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 2.4rem; /* 24px */
    line-height: 2.4rem; /* 24px */
  }
  #black-header-block .product-card:not(.product-card--featured),
  #home-page-products-block .product-card:not(.product-card--featured),
  #extension-highlight .product-card:not(.product-card--featured) {
    font-size: 1.4rem; /* 14px */
    line-height: 2.2rem; /* 22px */
  }
  #black-header-block .domain-card,
  #home-page-products-block .domain-card,
  #extension-highlight .domain-card {
    margin-bottom: 3.2rem;
  }
  #black-header-block .domain-card h3,
  #home-page-products-block .domain-card h3,
  #extension-highlight .domain-card h3 {
    font-size: 3.2rem;
    line-height: 3.2rem;
  }
}
@media screen and (min-width: 768px) {
  #black-header-block .font-xxl,
  #home-page-products-block .font-xxl,
  #extension-highlight .font-xxl {
    font-size: 4rem; /* 64px */
    line-height: 4rem; /* 64px */
  }
  #black-header-block .hero-mobile,
  #home-page-products-block .hero-mobile,
  #extension-highlight .hero-mobile {
    height: 450px;
  }
  #black-header-block .product-card:not(.product-card--featured),
  #home-page-products-block .product-card:not(.product-card--featured),
  #extension-highlight .product-card:not(.product-card--featured) {
    height: 100%;
  }
  #black-header-block .row:first-of-type,
  #home-page-products-block .row:first-of-type,
  #extension-highlight .row:first-of-type {
    margin-bottom: 3rem;
  }
  #black-header-block .row,
  #home-page-products-block .row,
  #extension-highlight .row {
    margin-bottom: 1.6rem;
  }
  #black-header-block .product-card:not(.product-card--featured) h2,
  #home-page-products-block .product-card:not(.product-card--featured) h2,
  #extension-highlight .product-card:not(.product-card--featured) h2 {
    height: 4.8rem;
  }
  #black-header-block .samen img,
  #home-page-products-block .samen img,
  #extension-highlight .samen img {
    margin-left: 0;
    width: 140%;
  }
}
@media screen and (min-width: 992px) {
  #black-header-block .base-mt,
  #home-page-products-block .base-mt,
  #extension-highlight .base-mt {
    margin-top: 64px;
  }
  #black-header-block .base-mb,
  #home-page-products-block .base-mb,
  #extension-highlight .base-mb {
    margin-bottom: 64px;
  }
  #black-header-block .base-pt,
  #home-page-products-block .base-pt,
  #extension-highlight .base-pt {
    padding-top: 64px;
  }
  #black-header-block .base-pb,
  #home-page-products-block .base-pb,
  #extension-highlight .base-pb {
    padding-bottom: 64px;
  }
  #black-header-block .product-card--featured .old-price,
  #home-page-products-block .product-card--featured .old-price,
  #extension-highlight .product-card--featured .old-price {
    font-size: 3rem;
  }
  #black-header-block .font-small,
  #home-page-products-block .font-small,
  #extension-highlight .font-small {
    font-size: 1.8rem; /* 18px */
    line-height: 2.6rem; /* 26px */
  }
  #black-header-block body,
  #black-header-block .font-normal,
  #home-page-products-block body,
  #home-page-products-block .font-normal,
  #extension-highlight body,
  #extension-highlight .font-normal {
    font-size: 2.2rem; /* 22px */
    line-height: 3rem; /* 30px */
  }
  #black-header-block input,
  #home-page-products-block input,
  #extension-highlight input {
    font-size: 2.2rem;
  }
  #black-header-block .font-medium,
  #home-page-products-block .font-medium,
  #extension-highlight .font-medium {
    font-size: 3.2rem;
    line-height: 3.2rem;
  }
  #black-header-block .font-large,
  #home-page-products-block .font-large,
  #extension-highlight .font-large {
    font-size: 4.8rem;
    line-height: 4.8rem;
  }
  #black-header-block .font-xl,
  #home-page-products-block .font-xl,
  #extension-highlight .font-xl {
    font-size: 6.4rem;
  }
  #black-header-block .check-domain h1,
  #home-page-products-block .check-domain h1,
  #extension-highlight .check-domain h1 {
    text-align: left;
  }
  #black-header-block .check-domain h1 span,
  #home-page-products-block .check-domain h1 span,
  #extension-highlight .check-domain h1 span {
    font-size: inherit;
    display: inline;
  }
  #black-header-block .ticker-text,
  #home-page-products-block .ticker-text,
  #extension-highlight .ticker-text {
    height: 220px;
  }
  #black-header-block .ticker-item,
  #home-page-products-block .ticker-item,
  #extension-highlight .ticker-item {
    font-size: 182px;
  }
  #black-header-block .hero,
  #home-page-products-block .hero,
  #extension-highlight .hero {
    display: block;
    height: 400px;
  }
  #black-header-block .hero-mobile,
  #home-page-products-block .hero-mobile,
  #extension-highlight .hero-mobile {
    display: none;
  }
  #black-header-block .product-card--featured .old-price,
  #home-page-products-block .product-card--featured .old-price,
  #extension-highlight .product-card--featured .old-price {
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: #95a4ac;
    font-size: 30px;
  }
  #black-header-block .product-card--featured .old-price-comma,
  #home-page-products-block .product-card--featured .old-price-comma,
  #extension-highlight .product-card--featured .old-price-comma {
    margin-top: 4px;
    margin-left: 6px;
    font-size: 19px !important;
  }
  #black-header-block .product-card--featured .old-price-cents,
  #home-page-products-block .product-card--featured .old-price-cents,
  #extension-highlight .product-card--featured .old-price-cents {
    margin-top: -4px;
    margin-left: -5px;
    font-size: 14px !important;
  }
  #black-header-block .check-domain .content,
  #home-page-products-block .check-domain .content,
  #extension-highlight .check-domain .content {
    padding-top: 4rem;
  }
  #black-header-block .check-domain h1,
  #home-page-products-block .check-domain h1,
  #extension-highlight .check-domain h1 {
    margin-bottom: 6.4rem;
  }
  #black-header-block .check-domain .button span,
  #home-page-products-block .check-domain .button span,
  #extension-highlight .check-domain .button span {
    display: inline;
  }
  #black-header-block .check-domain .button svg,
  #home-page-products-block .check-domain .button svg,
  #extension-highlight .check-domain .button svg {
    margin-left: 0.8rem;
  }
  #black-header-block .hero p,
  #home-page-products-block .hero p,
  #extension-highlight .hero p {
    font-size: 3.2rem;
    line-height: 3.2rem;
  }
  #black-header-block .products header,
  #home-page-products-block .products header,
  #extension-highlight .products header {
    margin-bottom: 4.8rem;
  }
  #black-header-block .products hgroup h3,
  #home-page-products-block .products hgroup h3,
  #extension-highlight .products hgroup h3 {
    margin-bottom: 1.6rem;
    color: #95a4ac;
  }
  #black-header-block .products hgroup h2,
  #home-page-products-block .products hgroup h2,
  #extension-highlight .products hgroup h2 {
    color: #1e2029;
  }
  #black-header-block .product-card,
  #home-page-products-block .product-card,
  #extension-highlight .product-card {
    padding: 4.8rem 4rem;
  }
  #black-header-block .product-card,
  #black-header-block .row,
  #home-page-products-block .product-card,
  #home-page-products-block .row,
  #extension-highlight .product-card,
  #extension-highlight .row {
    margin-bottom: 5rem;
  }
  #black-header-block .product-card h2,
  #home-page-products-block .product-card h2,
  #extension-highlight .product-card h2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    min-height: 60px;
    margin-bottom: 2rem;
  }
  #black-header-block .product-card:not(.product-card--featured) h2,
  #home-page-products-block .product-card:not(.product-card--featured) h2,
  #extension-highlight .product-card:not(.product-card--featured) h2 {
    font-size: 3.2rem; /* 32px */
    line-height: 3.2rem; /* 32px */
  }
  #black-header-block .product-card p,
  #home-page-products-block .product-card p,
  #extension-highlight .product-card p {
    font-size: 2.2rem; /* 22px */
    line-height: 3rem; /* 30px */
    height: auto;
  }
  #black-header-block .product-card .old-price,
  #home-page-products-block .product-card .old-price,
  #extension-highlight .product-card .old-price {
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  #black-header-block .product-card--featured h2,
  #home-page-products-block .product-card--featured h2,
  #extension-highlight .product-card--featured h2 {
    display: block;
    margin-bottom: 3.2rem;
  }
  #black-header-block .product-card--featured,
  #home-page-products-block .product-card--featured,
  #extension-highlight .product-card--featured {
    margin-top: 140px;
  }
  #black-header-block .product-card--featured figure,
  #home-page-products-block .product-card--featured figure,
  #extension-highlight .product-card--featured figure {
    margin-top: -140px;
  }
  #black-header-block .samen img,
  #home-page-products-block .samen img,
  #extension-highlight .samen img {
    width: 60vw;
  }
  #black-header-block .doe-mee,
  #home-page-products-block .doe-mee,
  #extension-highlight .doe-mee {
    margin-top: -180px;
    background-color: #f1f3f4;
  }
  #black-header-block .doe-mee *,
  #home-page-products-block .doe-mee *,
  #extension-highlight .doe-mee * {
    text-align: left;
  }
  #black-header-block .doe-mee img,
  #home-page-products-block .doe-mee img,
  #extension-highlight .doe-mee img {
    width: auto;
    height: 550px;
  }
  #black-header-block .doe-mee .content,
  #home-page-products-block .doe-mee .content,
  #extension-highlight .doe-mee .content {
    margin-top: 180px;
  }
  #black-header-block .domains header,
  #home-page-products-block .domains header,
  #extension-highlight .domains header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
  }
  #black-header-block .domains header h2,
  #home-page-products-block .domains header h2,
  #extension-highlight .domains header h2 {
    margin-bottom: 0;
  }
  #black-header-block .service,
  #home-page-products-block .service,
  #extension-highlight .service {
    margin-bottom: 6rem;
  }
  #black-header-block .domain-card h3,
  #home-page-products-block .domain-card h3,
  #extension-highlight .domain-card h3 {
    font-size: 2.2rem; /* 22px */
    line-height: 3rem; /* 30px */
  }
  #black-header-block .faq h2,
  #home-page-products-block .faq h2,
  #extension-highlight .faq h2 {
    margin-bottom: 4.8rem;
  }
  #black-header-block .accordion,
  #home-page-products-block .accordion,
  #extension-highlight .accordion {
    padding: 1.6rem 1.6rem 1.6rem 0;
  }
}
@media screen and (min-width: 1368px) {
  #black-header-block .row:first-of-type,
  #home-page-products-block .row:first-of-type,
  #extension-highlight .row:first-of-type {
    margin-bottom: 5rem;
  }
  #black-header-block .base-mt,
  #home-page-products-block .base-mt,
  #extension-highlight .base-mt {
    margin-top: 9.6rem;
  }
  #black-header-block .base-mb,
  #home-page-products-block .base-mb,
  #extension-highlight .base-mb {
    margin-bottom: 9.6rem;
  }
  #black-header-block .base-pt,
  #home-page-products-block .base-pt,
  #extension-highlight .base-pt {
    padding-top: 9.6rem;
  }
  #black-header-block .base-pb,
  #home-page-products-block .base-pb,
  #extension-highlight .base-pb {
    padding-bottom: 9.6rem;
  }
  #black-header-block .font-xxl,
  #home-page-products-block .font-xxl,
  #extension-highlight .font-xxl {
    font-size: 11.2; /* 112px */
    line-height: 11.2; /* 112px */
  }
  #black-header-block .hero h3,
  #home-page-products-block .hero h3,
  #extension-highlight .hero h3 {
    font-size: 9rem;
    line-height: 9rem;
  }
  #black-header-block .hero p span,
  #home-page-products-block .hero p span,
  #extension-highlight .hero p span {
    display: inline;
  }
  #black-header-block .check-domain,
  #home-page-products-block .check-domain,
  #extension-highlight .check-domain {
    margin-bottom: 6.4rem;
  }
  #black-header-block .product-card--featured,
  #home-page-products-block .product-card--featured,
  #extension-highlight .product-card--featured {
    margin-top: 16rem;
  }
  #black-header-block .product-card--featured hgroup,
  #home-page-products-block .product-card--featured hgroup,
  #extension-highlight .product-card--featured hgroup {
    height: 22.4rem;
  }
  #black-header-block .product-card--featured h3,
  #home-page-products-block .product-card--featured h3,
  #extension-highlight .product-card--featured h3 {
    font-size: 3.2rem; /* 32px */
    line-height: 3.2rem; /* 32px */
  }
  #black-header-block .product-card--featured h2,
  #home-page-products-block .product-card--featured h2,
  #extension-highlight .product-card--featured h2 {
    font-size: 4.8rem; /* 48px */
    line-height: 4.8rem; /* 48px */
  }
  #black-header-block .product-card--featured figure,
  #home-page-products-block .product-card--featured figure,
  #extension-highlight .product-card--featured figure {
    margin-bottom: 2rem;
    height: 250px;
    margin-top: -250px;
  }
}
#md-domain-checker {
  -ms-grid-column: 1;
  grid-column-start: 1;
  grid-column-end: 7;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  font-family: "Circular Book", "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  width: 100%;
}

@media (max-width: 1200px) {
  #md-domain-checker {
    -ms-grid-column: 2;
    grid-column-start: 2;
    grid-column-end: 12;
  }
}
@media (max-width: 576px) {
  #md-domain-checker {
    -ms-grid-column: 1;
    grid-column-start: 1;
    grid-column-end: 13;
  }
}
#md-domain-checker .domain-checker-title {
  color: #6b2fad;
  font-family: "Circular Black", "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 6.4rem;
  line-height: 6.7rem;
  margin: 0 0 4.8rem 0;
  text-align: left;
}

@media (max-width: 1200px) {
  #md-domain-checker .domain-checker-title {
    font-size: 4rem;
    line-height: 5.7rem;
    margin: 0 0 1.8rem 0;
  }
}
@media (max-width: 768px) {
  #md-domain-checker .domain-checker-title {
    font-size: 3.2rem;
    line-height: 3.2rem;
    margin: 0 0 1.6rem 0;
  }
}
@media (max-width: 576px) {
  #md-domain-checker .domain-checker-title {
    font-size: 3.2rem;
  }
}
#md-domain-checker .domainchecker-widget {
  background: none;
  padding: 0;
}

#md-domain-checker .domain-checker-input {
  background: #efefef;
  border-radius: 0;
  height: 5.6rem;
}

#md-domain-checker .domain-checker-input:-ms-input-placeholder {
  color: #646f79;
  opacity: 1;
}

#md-domain-checker .domain-checker-input::placeholder {
  color: #646f79;
  opacity: 1;
}

#md-domain-checker .domain-checker-button {
  background: #6b2fad;
  color: #ffffff;
}

@media (max-width: 768px) {
  #md-domain-checker .domain-checker-button {
    width: 5.6rem;
  }
}
#md-domain-checker .icon {
  color: #ffffff;
  height: 2.4rem;
  width: 2.4rem;
}

#md-domain-checker .portable {
  display: none;
}

@media (max-width: 768px) {
  #md-domain-checker .portable {
    display: inline-block;
  }
}
#md-domain-checker .desktop {
  display: inline-block;
}

@media (max-width: 768px) {
  #md-domain-checker .desktop {
    display: none;
  }
}
.supplement-selector.ab-017-b, .supplement-selector.ab-017-c, .supplement-selector-ab-038-b {
  display: none;
}

.supplement-selector-ab-038-b {
  font-family: "Circular Book";
}

.supplement-selector-ab-038-b .info {
  margin: 2.4rem 0;
}

.supplement-selector-ab-038-b .supplements-wrapper {
  margin: 4.8rem 1.5rem 0;
}

@media (max-width: 479px) {
  .supplement-selector-ab-038-b .supplements-wrapper {
    margin-top: 3.2rem;
  }
}
.supplement-selector-ab-038-b .supplements-stepper-ab-09-2021 ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 479px) {
  .supplement-selector-ab-038-b .supplements-stepper-ab-09-2021 ul {
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.supplement-selector-ab-038-b .supplements-stepper-ab-09-2021 ul li {
  -ms-flex-preferred-size: 15%;
  flex-basis: 15%;
}

.supplement-selector-ab-038-b .supplements-stepper-ab-09-2021 ul li span.stepper-title,
.supplement-selector-ab-038-b .supplements-stepper-ab-09-2021 ul li span.stepper-title-active {
  font-size: 1.8rem;
  line-height: 2.6rem;
}

@media (max-width: 479px) {
  .supplement-selector-ab-038-b .supplements-stepper-ab-09-2021 ul li:nth-child(2) {
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .supplement-selector-ab-038-b .supplements-stepper-ab-09-2021 ul li span.stepper-title {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    display: none;
  }
  .supplement-selector-ab-038-b .supplements-stepper-ab-09-2021 ul li span.stepper-title-active {
    -ms-flex-preferred-size: 0.7;
    flex-basis: 0.7;
  }
  .supplement-selector-ab-038-b .supplements-stepper-ab-09-2021 ul li span.stepper-title-active,
  .supplement-selector-ab-038-b .supplements-stepper-ab-09-2021 ul li span.stepper-title {
    line-height: 3rem;
    font-size: 1.4rem;
  }
}
.supplement-selector-ab-038-b .supplements-stepper-ab-09-2021 ul li span.stepper-number {
  font-size: 1.2rem;
}

.supplement-selector-ab-038-b .supplements-stepper-ab-09-2021 ul li:first-child {
  font-family: "Circular Black";
  font-weight: 900;
}

.supplement-selector-ab-038-b .supplements-header {
  color: #1e2129;
  margin-bottom: 4rem;
}

@media (max-width: 479px) {
  .supplement-selector-ab-038-b .supplements-header {
    margin-bottom: 1.5rem;
  }
}
.supplement-selector-ab-038-b .supplements-header .heading {
  font-size: 3.2rem;
  line-height: 3.6rem;
  font-family: "Circular Black";
  font-weight: 900;
  margin: 0.8rem 0;
}

@media (max-width: 800px) {
  .supplement-selector-ab-038-b .supplements-header .heading {
    font-size: 2.4rem;
    line-height: 2.8rem;
  }
}
@media (max-width: 479px) {
  .supplement-selector-ab-038-b .supplements-header .heading {
    font-size: 1.8rem;
    line-height: 2.4rem;
  }
}
.supplement-selector-ab-038-b .supplements-header .sub-heading {
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: #95a4ac;
}

@media (max-width: 479px) {
  .supplement-selector-ab-038-b .supplements-header .sub-heading {
    font-size: 1.2rem;
    line-height: 2rem;
  }
}
.supplement-selector-ab-038-b .supplements-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: start;
  align-items: flex-start;
}

.supplement-selector-ab-038-b .supplement-item-ab-038-b {
  position: relative;
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 0.1rem solid #cccccc;
  padding: 1.8rem 1.6rem 2.4rem;
  margin-right: 0.8rem;
  margin-bottom: 1rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 0 20%;
  flex: 1 0 20%;
}

.supplement-selector-ab-038-b .supplement-item-ab-038-b:nth-child(4) {
  margin-right: 0;
}

.supplement-selector-ab-038-b .supplement-item-ab-038-b:nth-child(3) {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  padding-top: 5rem;
  margin-top: -3.3rem;
}

@media (max-width: 1024px) {
  .supplement-selector-ab-038-b .supplement-item-ab-038-b {
    -ms-flex-preferred-size: 35%;
    flex-basis: 35%;
  }
  .supplement-selector-ab-038-b .supplement-item-ab-038-b:nth-child(4), .supplement-selector-ab-038-b .supplement-item-ab-038-b:nth-child(2) {
    margin-right: 0;
  }
  .supplement-selector-ab-038-b .supplement-item-ab-038-b:nth-child(3) {
    margin-top: 0;
  }
}
@media (max-width: 479px) {
  .supplement-selector-ab-038-b .supplement-item-ab-038-b {
    margin-bottom: 2.4rem;
    margin-right: 0;
  }
  .supplement-selector-ab-038-b .supplement-item-ab-038-b:nth-child(3) {
    padding-top: 3.4rem;
  }
}
.supplement-selector-ab-038-b .supplement-item-ab-038-b .most-chosen {
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  background: #6b2fad 0% 0% no-repeat padding-box;
  border-radius: 0.2rem 0.2rem 0 0;
  color: white;
  padding: 0.8rem;
  max-height: 3.4rem;
}

.supplement-selector-ab-038-b .supplement-item-ab-038-b .most-chosen p {
  margin: 0;
  font-family: "Circular Black";
  font-weight: 900;
  font-size: 1.8rem;
  line-height: 2.2rem;
  letter-spacing: 0px;
  color: #ffffff;
  text-align: center;
}

.supplement-selector-ab-038-b .supplement-item-domain {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 0.1rem solid #cccccc;
  padding: 1.8rem 1.6rem 1.8rem;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

.supplement-selector-ab-038-b .supplement-item-domain .supplement {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 479px) {
  .supplement-selector-ab-038-b .supplement-item-domain .supplement {
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.supplement-selector-ab-038-b .supplement-item-domain .supplement-container {
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.supplement-selector-ab-038-b .supplement-item-domain .button-container.supplement-domain {
  margin-bottom: 0;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

@media (max-width: 479px) {
  .supplement-selector-ab-038-b .supplement-item-domain .button-container.supplement-domain {
    -ms-flex-item-align: initial;
    -ms-grid-row-align: initial;
    align-self: initial;
  }
  .supplement-selector-ab-038-b .supplement-item-domain .button-container.supplement-domain button {
    width: 100%;
  }
}
.supplement-selector-ab-038-b .supplement-item-domain.selected, .supplement-selector-ab-038-b .supplement-item-ab-038-b.selected {
  border: 1px solid #6b2fad;
}

.supplement-selector-ab-038-b .supplement-container {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 18.5rem auto auto;
  grid-template-rows: 18.5rem auto auto;
}

.supplement-selector-ab-038-b .supplement-container .see-more {
  margin: 3.2rem 0;
  display: block;
}

.supplement-selector-ab-038-b .supplement-container .see-more p {
  font-family: "Circular Book";
  color: #6b2fad;
  font-size: 1.8rem;
  line-height: 2.2rem;
  letter-spacing: 0px;
  margin-bottom: 0;
}

.supplement-selector-ab-038-b .supplement-container .see-more a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.supplement-selector-ab-038-b .supplement-container .see-more .icon {
  color: #6b2fad;
  font-size: 3rem;
  margin-left: 1.6rem;
  vertical-align: middle;
}

.supplement-selector-ab-038-b .supplement-container .see-more .icon-arrow-right-fat {
  transform: rotate(-90deg);
}

.supplement-selector-ab-038-b .supplement-header {
  margin-bottom: 2.4rem;
}

.supplement-selector-ab-038-b .supplement-title {
  margin: 1.6rem 0;
}

.supplement-selector-ab-038-b .supplement-title span {
  font-family: "Circular Black";
  font-weight: 900;
  font-size: 2.4rem;
  line-height: 2.8rem;
  color: #6b2fad;
  opacity: 1;
}

.supplement-selector-ab-038-b .supplement-subtitle span {
  font-size: 1.8rem;
  line-height: 2.2rem;
  color: #1e2129;
}

.supplement-selector-ab-038-b .supplement-price-disclaimer p, .supplement-selector-ab-038-b .supplement-price-after p {
  font-family: "Circular Book";
  font-size: 1.2rem;
  line-height: 2.4rem;
  color: #1e2129;
}

.supplement-selector-ab-038-b .supplement .price {
  text-align: left;
  font-size: 3.2rem;
  line-height: 2.4rem;
  font-family: "Circular Black";
  font-weight: 900;
  color: #111111;
}

.supplement-selector-ab-038-b .supplement .price-period {
  font-size: 1.4rem;
  line-height: 2.2rem;
  font-family: "Circular Black";
  font-weight: 900;
  color: #1e2129;
}

.supplement-selector-ab-038-b .supplement .pricing-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.supplement-selector-ab-038-b .supplement .korting {
  width: 9.6rem;
  height: 9.6rem;
  background: #a9f3f3 0% 0% no-repeat padding-box;
  padding-top: 1.8rem;
  padding-bottom: 1.8rem;
  font-family: "Circular Medium";
  font-weight: bold;
  line-height: 2.8rem;
  text-align: center;
}

.supplement-selector-ab-038-b .supplement .korting-percentage {
  font-size: 2.4rem;
}

.supplement-selector-ab-038-b .supplement .korting-text {
  font-size: 1.8rem;
}

.supplement-selector-ab-038-b .supplement .center-div-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column;
}

.supplement-selector-ab-038-b .supplement .button-container {
  margin-bottom: 1.2rem;
}

.supplement-selector-ab-038-b .supplement .button-container button {
  width: 100%;
}

.supplement-selector-ab-038-b .supplement .button-container button,
.supplement-selector-ab-038-b .supplement .button-container.supplement-domain button {
  font-weight: 900;
  font-family: "Circular Black";
}

.supplement-selector-ab-038-b .supplement-features {
  margin: 1.2rem 0;
  overflow: hidden;
}

.supplement-selector-ab-038-b .supplement-features.is-closed {
  margin: 0;
}

.supplement-selector-ab-038-b .supplement-features.is-closed li:nth-child(n+6) {
  display: none;
}

@media (max-width: 479px) {
  .supplement-selector-ab-038-b .supplement-features.is-closed li:nth-child(n+3) {
    display: none;
  }
}
.supplement-selector-ab-038-b .supplement-features p {
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: #1e2129;
}

.supplement-selector-ab-038-b .supplement-features .feature-icon {
  margin-right: 1rem;
}

.supplement-selector-ab-038-b .supplement-features .feature-title {
  font-size: 1.4rem;
  font-family: "Circular Black";
  font-weight: 900;
  line-height: 2.2rem;
  color: #1e2129;
  vertical-align: text-bottom;
}

.supplement-selector-ab-038-b .supplement-features .description p {
  font-family: "Circular Book";
}

.supplement-selector-ab-038-b .supplement-features .usps {
  list-style: none;
  padding-left: 0;
  margin: 0.8rem 0 2.4rem;
}

.supplement-selector-ab-038-b .supplement-features .usp {
  letter-spacing: 0px;
  color: #000000;
  font-size: 1.6rem;
  line-height: 2.6rem;
}

.supplement-selector-ab-038-b .supplement-features .usp svg.icon {
  width: 1.6rem;
  font-size: 2.4rem;
  line-height: 2.8rem;
  color: #00dbdb;
  margin-right: 1rem;
}

.domain-checker-b {
  display: none;
}

@media (max-width: 767px) {
  .domain-checker-b .heading-sub {
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 350px) {
  .domain-checker-b .heading-sub {
    font-size: 1.2rem;
  }
}
.ab-21-show {
  display: none;
}

.list-box:not(.ab-21-show) {
  display: block;
}

.heading-title {
  display: block;
}

.heading-wrapper-ab-038-b {
  display: none;
  background: #6b2fad 0% 0% no-repeat padding-box;
  padding: 3.6rem 2.5rem;
}

.heading-wrapper-ab-038-b .heading-title-ab-038-b {
  margin-bottom: 0;
  width: 60%;
  font-family: "Circular Medium";
  font-size: 4.8rem;
  line-height: 4.8rem;
  color: #ffffff;
}

.heading-wrapper-ab-038-b .heading-title-ab-038-b p {
  font-size: 5.8rem;
  line-height: 6rem;
  font-family: "Circular Black";
  font-weight: 900;
  margin-bottom: 0;
}

@media (max-width: 800px) {
  .heading-wrapper-ab-038-b .heading-title-ab-038-b {
    font-size: 3.2rem;
    line-height: 3.6rem;
    width: 100%;
  }
  .heading-wrapper-ab-038-b .heading-title-ab-038-b p {
    font-size: 4.2rem;
    line-height: 4.2rem;
  }
}
@media (max-width: 479px) {
  .heading-wrapper-ab-038-b .heading-title-ab-038-b {
    font-size: 2.4rem;
    line-height: 2.8rem;
  }
  .heading-wrapper-ab-038-b .heading-title-ab-038-b p {
    font-size: 3.4rem;
    line-height: 3.8rem;
  }
}
.subtitle {
  font-size: 1.6rem;
}

.subpanel {
  background-color: #f9f9f9;
  color: #000000;
  font-size: medium;
  padding: 1.6rem;
}

.subpanel .subtitle {
  font-weight: bold;
}

.subpanel a {
  color: #0961c8;
  text-decoration: underline;
}

.subpanel-ab-038-b {
  display: none;
  background: #B9DBFD 0% 0% no-repeat padding-box;
  padding: 1.6rem;
  margin-top: 3.2rem;
  margin-left: 1.5rem;
}

.subpanel-ab-038-b .subtitle {
  font-family: "Circular Black";
  font-weight: 900;
  font-size: 2.2rem;
  line-height: 3rem;
  color: #1e2129;
  margin-bottom: 1.6rem;
}

.subpanel-ab-038-b span {
  font-family: "Circular Book";
  font-size: 1.8rem;
  line-height: 2.6rem;
}

.subpanel-ab-038-b span a {
  text-decoration: underline;
  color: #6b2fad;
}

@media (max-width: 479px) {
  .subpanel-ab-038-b {
    margin-top: 2.4rem;
  }
}
.tos {
  display: block;
}

.list-box-terms:nth-last-child(2) {
  display: none;
}

.list-box-terms:last-child {
  display: block;
}

.ab-25-show {
  display: none;
}

.ab-25-subpanel {
  display: none;
  background: #f7f4fb;
  padding: 1.6rem;
}

.ab-25-subpanel p {
  margin-bottom: 0;
  font-weight: 500;
}

.ab-25-subpanel .ab-25-subtitle {
  font-weight: bold;
  margin-bottom: 2rem;
}

.ab-25-subpanel .ab-25-last {
  margin-top: 2rem;
}

.ab-25-title {
  font-weight: bold;
  display: none;
}

.ab-25-hide {
  display: block;
}

.list-box-terms.ab-25-hide {
  display: block;
}

.ab-25-subpanel-variant3 {
  display: none;
}

@media only screen and (max-width: 350px) {
  #checker-item-ab002 .domain-item-label {
    display: block;
  }
}
#checker-item-ab002 .grid {
  max-width: 100%;
}

#checker-item-ab002 .grid div:nth-child(1) {
  max-width: 100% !important;
  word-wrap: anywhere;
}

@media (max-width: 576px) {
  #checker-item-ab002 .grid div:nth-child(1) {
    margin-bottom: 0.5rem;
  }
}
#checker-item-ab002 .btn.o-icon {
  min-width: 12rem;
  padding: 1.3rem 1rem;
}

@media (max-width: 576px) {
  #checker-item-ab002 .btn.o-icon {
    padding: 0.5rem;
    min-width: auto;
    height: 4rem;
    width: 4rem;
    border-color: #cccccc;
  }
}
#checker-item-ab002 .btn.o-icon .icon {
  color: #6b2fad;
  margin-right: 0;
  margin: 0 0.5rem 0 0;
}

@media (max-width: 576px) {
  #checker-item-ab002 .btn.o-icon .icon {
    margin-right: 0;
  }
}
#checker-item-ab002 .btn.o-icon:hover .icon {
  color: #ffffff;
}

#checker-item-ab002 button,
#checker-item-ab002 a {
  width: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  width: fit-content;
}

@media (max-width: 576px) {
  #checker-item-ab002 button,
  #checker-item-ab002 a {
    margin-right: 0;
    margin-top: 1.2rem;
  }
  #checker-item-ab002 button span,
  #checker-item-ab002 a span {
    display: none;
  }
}
#checker-item-ab002 button .icon,
#checker-item-ab002 a .icon {
  padding: 0;
  position: initial;
  transform: translate(0);
}

.container-image {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  background: #57585f;
}

.container-image .background-image {
  background-image: url("/frontend2/main/assets/images/cta-banner-step1-bg-x2.jpg");
  position: relative;
  width: 100vw;
  height: 526px;
  background-repeat: no-repeat;
  background-size: cover;
  filter: brightness(50%);
  z-index: 1;
}

@media (max-width: 1200px) {
  .container-image .background-image {
    background-size: inherit;
    height: 537px;
  }
}
@media (max-width: 992px) {
  .container-image .background-image {
    height: 450px;
  }
}
@media (max-width: 576px) {
  .container-image .background-image {
    background-size: inherit;
    height: 1940px;
  }
}
.homepage {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  top: 0;
  padding: 2.5rem;
  background-color: transparent;
  z-index: 2;
}

.homepage .title {
  color: #ffffff;
  text-align: center;
  font: normal normal 900 32px/36px "Circular Book";
}

@media (max-width: 992px) {
  .homepage .title {
    font: normal normal 900 24px/30px "Circular Book";
  }
}
@media (max-width: 576px) {
  .homepage .title {
    font: normal normal 900 22px/30px "Circular Book";
  }
}
.homepage .subtitle {
  color: #00dbdb;
  text-align: center;
  height: 6.1rem;
  font: normal normal 900 48px/45px "Circular Book";
}

@media (max-width: 992px) {
  .homepage .subtitle {
    font: normal normal 900 32px/30px "Circular Book";
  }
}
@media (max-width: 576px) {
  .homepage .subtitle {
    font: normal normal 900 22px/36px "Circular Book";
  }
}
.homepage .homepage-products {
  text-align: center;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  grid-row-gap: 0px;
  grid-column-gap: 8px;
  margin: 0 auto;
  padding: 0px 16px;
  max-width: 1344px;
  /*
         max-width: 1200px
     */
  /*
         max-width: 992px
     */
  /*
         max-width: 768px
     */
  /*
         max-width: 576px
     */
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-column-gap: 24px;
  grid-template-rows: auto;
  grid-gap: 24px;
  width: 1035px;
  color: #000000;
  /*
  max-width: 1200px
  */
  /*
  max-width: 992px
  */
  /*
  max-width: 768px
  */
  /*
  max-width: 576px
  */
}

@media (max-width: 1200px) {
  .homepage .homepage-products {
    max-width: 1140px;
  }
}
@media (max-width: 992px) {
  .homepage .homepage-products {
    max-width: 960px;
  }
}
@media (max-width: 768px) {
  .homepage .homepage-products {
    max-width: 720px;
  }
}
@media (max-width: 576px) {
  .homepage .homepage-products {
    max-width: 540px;
  }
}
@media (max-width: 1200px) {
  .homepage .homepage-products {
    max-width: 940px;
  }
}
@media (max-width: 992px) {
  .homepage .homepage-products {
    max-width: 700px;
  }
  .homepage .homepage-products .card:last-child {
    -ms-grid-column: span 10;
    grid-column: span 10;
    margin-left: 13.5rem;
    margin-right: 13.5rem;
    height: fit-content;
  }
  .homepage .homepage-products .card:last-child .service {
    padding-top: 1px;
    font: normal normal 900 18px/21px "Circular Book";
  }
}
@media (max-width: 768px) {
  .homepage .homepage-products {
    max-width: 520px;
  }
}
@media (max-width: 576px) {
  .homepage .homepage-products {
    max-width: 218px;
  }
  .homepage .homepage-products .card:last-child {
    -ms-grid-column: span 10;
    grid-column: span 10;
    margin: 0;
  }
}
.homepage .homepage-products .card {
  margin: 0;
  -ms-grid-column: span 2;
  grid-column: span 2;
  padding: 0 1rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #ffffff;
  color: #000000;
  padding-top: 35.25px;
  /*
  max-width: 1200px
  */
  /*
  max-width: 992px
  */
  /*
  max-width: 576px
  */
}

@media (max-width: 992px) {
  .homepage .homepage-products .card {
    max-width: 64rem;
    -ms-grid-column: span 5;
    grid-column: span 5;
    padding: 0 10px 0 20px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 6.4rem;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .homepage .homepage-products .card svg {
    width: 27px;
    height: 24px;
  }
  .homepage .homepage-products .card .details {
    padding: 5px;
  }
  .homepage .homepage-products .card .service {
    font: normal normal 900 18px/14px "Circular Book";
  }
  .homepage .homepage-products .card .title {
    font: normal normal normal 14px/30px "Circular Book";
  }
  .homepage .homepage-products .card .info,
  .homepage .homepage-products .card .btn {
    display: none;
  }
}
@media (max-width: 992px) {
  .homepage .homepage-products .card {
    -ms-grid-column: span 5;
    grid-column: span 5;
  }
}
@media (max-width: 576px) {
  .homepage .homepage-products .card {
    -ms-grid-column: span 10;
    grid-column: span 10;
    margin: 0;
    padding: 0 1rem;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #ffffff;
    color: #000000;
    height: 280px;
    padding-top: 35.25px;
  }
  .homepage .homepage-products .card .service {
    font: normal normal 900 24px/24px "Circular Book";
  }
  .homepage .homepage-products .card .btn {
    display: block;
  }
  .homepage .homepage-products .card .arrow-btn {
    display: none;
  }
  .homepage .homepage-products .card .info {
    display: block;
    width: 164px;
    text-align: center;
  }
}
.homepage .homepage-products .card svg {
  height: 36px;
  width: 32px;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.homepage .homepage-products .card .details {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.homepage .homepage-products .card .title {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  margin-top: 2px;
  color: #000000;
  text-align: center;
  font-weight: bolder;
  font-size: smaller;
  height: 21px;
}

.homepage .homepage-products .card .service {
  color: #000000;
  text-align: center;
  height: 54px;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  font: normal normal 900 18px/30px "Circular Book";
}

.homepage .homepage-products .card .info {
  height: 56px;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  font: normal normal normal 16px/18px "Circular Book";
}

.homepage .homepage-products .card .btn {
  margin: 2rem 0 5rem 0;
  width: 11rem;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  border: 2px solid #6b2fad;
}

.homepage .homepage-products .card .btn svg {
  height: 1rem;
  width: 1rem;
  margin-top: 0;
  stroke-width: 4px;
  margin-left: 8px;
}

.homepage .homepage-products .card .arrow-btn {
  display: none;
  width: 30px;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.homepage .homepage-products .card .arrow-btn svg {
  fill: #6b2fad;
  width: 13px;
  stroke-width: 1.3;
  cursor: pointer;
}

@media (max-width: 992px) {
  .homepage .homepage-products .card .arrow-btn {
    display: block;
  }
}
@media (max-width: 576px) {
  .homepage .homepage-products .card .arrow-btn {
    display: none;
  }
}
.homepage .live {
  margin-top: 20px;
  text-align: center;
  color: #ffffff;
  font: normal normal normal 16px/30px "Circular Book";
}

.homepage .legal {
  text-align: center;
  color: #00dbdb;
  font: normal normal normal 16px/30px "Circular Book";
}

.homepage .legal a {
  text-decoration: underline;
}

.container-image.variant2 {
  background-image: url("");
  background: #6b2fad;
}

@media (max-width: 992px) {
  .container-image.variant2 {
    height: 89rem;
  }
}
@media (max-width: 576px) {
  .container-image.variant2 {
    height: 196rem;
  }
}
.container-image.variant2 .background-image.variant1 {
  display: none;
}

.container-image.variant2 .background-image.variant2 {
  background-image: url("");
  background: #6b2fad;
  filter: none;
}

@media (max-width: 1200px) {
  .homepage-products.variant2 {
    background-size: inherit;
  }
}
@media (max-width: 992px) {
  .homepage-products.variant2 {
    max-width: 59rem;
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }
  .homepage-products.variant2 .card {
    margin: 0;
    -ms-grid-column: span 4;
    grid-column: span 4;
    padding: 0 1rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #ffffff;
    color: #000000;
    padding-top: 3.5rem;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 28rem;
  }
  .homepage-products.variant2 .card .info {
    display: block;
    height: 5.6rem;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    font: normal normal normal 16px/18px "Circular Book";
  }
  .homepage-products.variant2 .card .arrow-btn {
    display: none;
  }
  .homepage-products.variant2 .card .btn {
    display: block;
  }
  .homepage-products.variant2 .card:last-child {
    margin: 0;
    -ms-grid-column: span 6;
    grid-column: span 6;
    padding: 0 1rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #ffffff;
    color: #000000;
    padding-top: 3.5rem;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-right: 35%;
    height: 28rem;
  }
  .homepage-products.variant2 .card:last-child .info {
    display: block;
    height: 5.6rem;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    font: normal normal normal 16px/18px "Circular Book";
  }
  .homepage-products.variant2 .card:last-child .arrow-btn {
    display: none;
  }
  .homepage-products.variant2 .card:last-child .btn {
    display: block;
  }
  .homepage-products.variant2 .card:nth-last-child(2) {
    -ms-grid-column: span 6;
    grid-column: span 6;
    margin-left: 35%;
  }
}
@media (max-width: 576px) {
  .homepage-products.variant2 {
    max-width: 24rem;
    height: 175rem;
  }
  .homepage-products.variant2 .card {
    margin: 0;
    -ms-grid-column: span 12;
    grid-column: span 12;
    padding: 0 1rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #ffffff;
    color: #000000;
    padding-top: 3.5rem;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: fit-content;
  }
  .homepage-products.variant2 .card .info {
    display: block;
    height: 5.6rem;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    font: normal normal normal 16px/18px "Circular Book";
  }
  .homepage-products.variant2 .card .arrow-btn {
    display: none;
  }
  .homepage-products.variant2 .card .btn {
    display: block;
  }
  .homepage-products.variant2 .card:last-child {
    margin: 0;
    -ms-grid-column: span 12;
    grid-column: span 12;
  }
  .homepage-products.variant2 .card:nth-last-child(2) {
    margin: 0;
    -ms-grid-column: span 12;
    grid-column: span 12;
  }
}
#homepage-ab26 .domain-spacing-style2019 {
  min-height: 0;
}

.variant3 {
  display: -ms-grid;
  display: grid;
  text-align: center;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  grid-row-gap: 0px;
  grid-column-gap: 8px;
  margin: 0 auto;
  padding: 0px 16px;
  max-width: 1344px;
  /*
         max-width: 1200px
     */
  /*
         max-width: 992px
     */
  /*
         max-width: 768px
     */
  /*
         max-width: 576px
     */
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-row: 4;
  grid-row: 4;
  padding: 0;
  margin: 0;
  grid-column-gap: 0;
  grid-template-rows: auto;
  grid-row-gap: 0;
  width: 100%;
  height: 500px;
  background: lightblue;
  max-width: 100%;
  /*
      max-width: 1200px
  */
  /*
      max-width: 992px
  */
  /*
      max-width: 768px
  */
  /*
      max-width: 576px
  */
}

@media (max-width: 1200px) {
  .variant3 {
    max-width: 1140px;
  }
}
@media (max-width: 992px) {
  .variant3 {
    max-width: 960px;
  }
}
@media (max-width: 768px) {
  .variant3 {
    max-width: 720px;
  }
}
@media (max-width: 576px) {
  .variant3 {
    max-width: 540px;
  }
}
@media (max-width: 1200px) {
  .variant3 {
    max-width: 100%;
  }
}
@media (max-width: 992px) {
  .variant3 {
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .variant3 {
    max-width: 100%;
  }
}
@media (max-width: 576px) {
  .variant3 {
    max-width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 178px;
  }
}
.variant3 .heading {
  -ms-grid-row: 2;
  grid-row: 2;
  text-align: left;
  z-index: 1;
  grid-column: 5/10;
  text-align: left;
  color: #ffffff;
  padding-top: 5rem;
  width: 54rem;
  font: normal normal 900 48px/56px "Circular Book";
}

.variant3 .heading :last-of-type {
  color: #00dbdb;
}

@media (max-width: 992px) {
  .variant3 .heading {
    width: 36rem;
    font: normal normal 900 32px/36px "Circular Book";
  }
}
@media (max-width: 576px) {
  .variant3 .heading {
    display: none;
  }
}
.variant3 .domein-checker {
  background: #1e2129;
  -ms-grid-row: 3;
  grid-row: 3;
  -ms-grid-column-span: 6;
  -ms-grid-column: 3;
  grid-column: 3/span 6;
  padding: 12px 24px 0 24px;
  z-index: 2;
  height: 17rem;
}

.variant3 .domein-checker .heading-featured {
  color: #ffffff;
  text-align: left;
  font: normal normal 900 32px/56px "Circular Book";
}

@media (max-width: 576px) {
  .variant3 .domein-checker .heading-featured {
    display: none;
  }
}
.variant3 .domein-checker .heading-mobile {
  display: none;
  text-align: left;
  color: #ffffff;
  padding: 1rem 0;
  width: 27rem;
  font: normal normal 900 24px/28px "Circular Book";
}

.variant3 .domein-checker .heading-mobile :last-of-type {
  color: #00dbdb;
}

@media (max-width: 1200px) {
  .variant3 .domein-checker {
    -ms-grid-column-span: 6;
    -ms-grid-column: 3;
    grid-column: 3/span 6;
  }
}
@media (max-width: 992px) {
  .variant3 .domein-checker {
    -ms-grid-column-span: 8;
    -ms-grid-column: 2;
    grid-column: 2/span 8;
  }
}
@media (max-width: 768px) {
  .variant3 .domein-checker {
    -ms-grid-column-span: 8;
    -ms-grid-column: 2;
    grid-column: 2/span 8;
  }
}
@media (max-width: 576px) {
  .variant3 .domein-checker {
    -ms-grid-column-span: 10;
    -ms-grid-column: 1;
    grid-column: 1/span 10;
    padding: 12px 14px 0 14px;
    padding-top: 3rem;
  }
  .variant3 .domein-checker .heading-mobile {
    display: block;
  }
}
.variant3 .background-image {
  background-image: url("/frontend2/main/assets/images/cta-banner-step1-bg-x2.jpg");
  -ms-grid-column-span: 10;
  -ms-grid-column: 1;
  grid-column: 1/span 10;
  -ms-grid-row-span: 3;
  -ms-grid-row: 1;
  grid-row: 1/span 3;
  background-size: cover;
  filter: brightness(0.5);
}

@media (max-width: 576px) {
  .variant3 .background-image {
    background: #1f2129;
  }
}
.variant3 .backColor {
  background: #6b2fad;
  grid-row: 3/4;
  -ms-grid-column-span: 10;
  -ms-grid-column: 1;
  grid-column: 1/span 10;
  z-index: 1;
  padding-top: 10px;
  margin-top: 13rem;
}

@media (max-width: 576px) {
  .variant3 .backColor {
    display: none;
  }
}
.variant3 {
  display: none;
}

.ab-026 {
  display: none;
}

#homepage-ab26 .heading-title.ab-026 {
  display: none;
}

#homepage-ab26 .btn.w-icn.ab-026 {
  margin-left: 1rem;
  border-radius: 5px;
  width: 26%;
  font: normal normal 900 18px/24px "Circular Book";
}

@media (max-width: 576px) {
  #homepage-ab26 .btn.w-icn.ab-026 {
    margin-left: 0;
    width: 15%;
  }
}
#homepage-ab26 .ab-026.btn-label {
  display: block;
}

@media (max-width: 800px) {
  #homepage-ab26 .ab-026.btn-label {
    font-size: medium;
  }
}
@media (max-width: 768px) {
  #homepage-ab26 .ab-026.btn-label {
    font-size: smaller;
  }
}
@media (max-width: 576px) {
  #homepage-ab26 .ab-026.btn-label {
    display: none;
  }
}
#homepage-ab26 li {
  display: none;
}

#homepage-ab26 .icon.icon-magnifier {
  left: 80%;
  stroke-width: 1.1;
  font: normal normal normal 16px/19px;
  height: 16px;
  width: 16px;
}

@media (max-width: 800px) {
  #homepage-ab26 .icon.icon-magnifier {
    left: 85%;
  }
}
@media (max-width: 576px) {
  #homepage-ab26 .icon.icon-magnifier {
    left: 50%;
  }
}
#homepage-ab26 .label-domain-style2020.ab-026 {
  display: block;
}

@media (max-width: 576px) {
  #homepage-ab26 .label-domain-style2020.ab-026 {
    transform: translateY(-65%);
    top: 60%;
  }
}
.heading-title.ab-026 {
  font-weight: 600;
  color: #6b2fad;
}

.heading-title.ab-026 span {
  color: #00dbdb;
}

@media (max-width: 800px) {
  .heading-title.ab-026 {
    font-size: x-large;
  }
}
@media (max-width: 576px) {
  .heading-title.ab-026 {
    font-size: revert;
  }
}
.header-component.ab-026 {
  margin: 2rem 0;
}

@media (max-width: 576px) {
  .header-component.ab-026 {
    width: 320px;
    text-align: left;
  }
}
.site-frame.ab-026 {
  text-align: -moz-center;
  text-align: -webkit-center;
}

.site-frame.ab-026 .inner {
  margin-top: 8rem;
  width: 75%;
}

@media (max-width: 576px) {
  .site-frame.ab-026 .inner {
    width: 100%;
  }
}
.heading-featured.ab-026 {
  display: none;
  text-align-last: left;
  color: white;
  font-weight: 600;
}

@media (max-width: 576px) {
  .variant3.site-frame.ab-026 {
    background: #1e2129;
  }
}
.variant3.site-frame.ab-026 .checker.ab-026 {
  background: #1e2129;
  width: 87.4rem;
  padding: 2rem 3rem 0rem 3rem;
}

@media (max-width: 1200px) {
  .variant3.site-frame.ab-026 .checker.ab-026 {
    width: 80%;
  }
}
@media (max-width: 576px) {
  .variant3.site-frame.ab-026 .checker.ab-026 {
    padding: 0rem;
  }
}
.variant3.site-frame.ab-026 .heading-title.ab-026 {
  padding-left: 28rem;
  text-align: left;
  font: normal normal 900 48px/56px "Circular Book";
}

@media (max-width: 800px) {
  .variant3.site-frame.ab-026 .heading-title.ab-026 {
    padding-left: 28rem;
  }
}
@media (max-width: 576px) {
  .variant3.site-frame.ab-026 .heading-title.ab-026 {
    padding: 0rem;
  }
}
.variant3.site-frame.ab-026 .heading-featured.ab-026 {
  display: block;
}

@media (max-width: 576px) {
  .variant3.site-frame.ab-026 .heading-featured.ab-026 {
    display: none;
  }
}
@media (max-width: 576px) {
  .variant3.site-frame.ab-026 .heading-title.ab-026 {
    color: white;
  }
}
/*
Cards

Card component that's being used throughout the whole website.<br/>
The cards come in three different (main) variants: `.card, .card.product, .card.landscape`.

.card - Default Button.

Markup: ../templates/card/card.html

Styleguide cards
*/
.card {
  margin: 0 0 20px 0;
  /*
  Cards (Landscape)

  Landscape card mainly used on the domainchecker page. This component transforms back to
  the default card on mobile.

  .card.landscape - Landscape Card.

  Markup: ../templates/card/card-landscape.html

  Styleguide cards.landscape
  */
  /*
  Cards (Product)

  Product card mainly used on the product overview page. This is a simplified version with a cta
  partial implemented.

  .card.product - Product Card (description - image).
  .card.product.inverted - Product Card with switched layout (image - description.
  .card.product.stacked - Product conten stacked on top of eachother.
  .card.product.plain - Product Card without border and background.

  Markup: ../templates/card/card-product.html

  Styleguide cards.product
  */
}

.card .media {
  height: auto;
  width: 100%;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
}

.card .jan-20-campain-image-container {
  background: url("/frontend2/main/assets/images/Januari_Campagne_x2.png");
  background-size: auto 100%;
  background-position: center;
}

.card .description {
  background: #ffffff;
  border-radius: 0 0 5px 5px;
  border: 1px solid #dbdbdb;
  border-top: none;
  overflow: hidden;
  box-sizing: border-box;
  padding: 2rem;
}

.card .description .link-default.plain {
  color: #6b2fad;
}

.card.landscape {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

@media (max-width: 800px) {
  .card.landscape {
    display: block;
    -ms-flex-direction: inherit;
    flex-direction: inherit;
  }
}
.card.landscape .media {
  height: auto;
  width: 50%;
  border-radius: 0 5px 5px 0;
}

@media (max-width: 800px) {
  .card.landscape .media {
    height: auto;
    width: auto;
    border-radius: 5px 5px 0 0;
  }
  .card.landscape .media.error-style2019 {
    margin-top: 24px;
  }
}
.card.landscape .description {
  height: auto;
  width: 50%;
  border-radius: 5px 0 0 5px;
  border-top: 1px solid #dbdbdb;
  border-right: 0;
}

@media (max-width: 800px) {
  .card.landscape .description {
    height: auto;
    width: auto;
    border-radius: 0 0 5px 5px;
    border-top: 0;
    border-right: 1px solid #dbdbdb;
  }
}
.card.product {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  padding: 4rem 2.5rem;
  background: #ffffff;
  border-radius: 5px;
  border: 1px solid #dbdbdb;
  box-sizing: border-box;
}

.card.product.inverted {
  -ms-flex-direction: row;
  flex-direction: row;
}

.card.product.inverted .media .stamp {
  right: auto;
  left: -3.25rem;
}

.card.product.inverted .description {
  margin: 0 0 0 2rem;
}

.card.product.stacked {
  padding: 2.8rem 0;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}

.card.product.stacked .media,
.card.product.stacked .description {
  height: auto;
  width: auto;
}

.card.product.stacked .media {
  margin: 0 0 1em 0;
}

.card.product.stacked .media > img {
  height: auto;
  width: auto;
}

.card.product.stacked .description .copy-default:last-of-type,
.card.product.stacked .description p:last-of-type {
  margin: 0;
}

.card.product.plain {
  background: none;
  border: none;
  border-radius: 0;
  color: #000000;
  padding: 2rem;
  margin: 0;
}

.card.product .icon-rounded {
  background: #00dbdb;
  font-size: 4.688rem;
  margin: 0 0 1.5rem;
}

.card.product .media {
  height: auto;
  width: 40%;
  overflow: visible;
  text-align: center;
}

.card.product .media > img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  font-family: "object-fit: cover";
}

.card.product .media .stamp {
  height: 7.5rem;
  width: 7.5rem;
  background: #6b2fad;
  color: #ffffff;
  font: normal normal 300 18px/24px "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  line-height: 1em;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 50%;
  position: absolute;
  top: -3.25rem;
  right: -3.25rem;
  opacity: 0;
  transform: scale(0.3);
  transition: opacity 0.3s 0.1s cubic-bezier(0.23, 1, 0.32, 1), transform 0.3s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
}

.card.product .media .stamp small {
  display: block;
  white-space: nowrap;
}

.card.product .description {
  height: auto;
  width: 60%;
  background: none;
  border-radius: 0;
  border: 0;
  padding: 0;
}

.card.product .description .price-tag {
  font: 700 48px/1 "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  margin: 0.3em 0;
}

.card.product .description .price-tag .copy-small {
  vertical-align: middle;
  display: block;
}

.card.product .description .link-read-more {
  color: #6b2fad;
  display: inline-block;
  opacity: 0;
  transform: translateX(-1rem);
  transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

@media (min-device-width: 1025px) {
  .card.product:hover .media .stamp {
    opacity: 1;
    transform: scale(1);
    transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  }
  .card.product:hover .description .link-read-more {
    opacity: 1;
    transform: translateX(0);
    transition: opacity 0.3s 0.1s cubic-bezier(0.23, 1, 0.32, 1), transform 0.3s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
  }
}
.card.product.no-hover .media .stamp {
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

.card.product.no-hover .description .link-read-more {
  opacity: 1;
  transform: translateX(0);
  transition: opacity 0.3s 0.1s cubic-bezier(0.23, 1, 0.32, 1), transform 0.3s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
}

@media (max-width: 1024px) {
  .card.product .media .stamp {
    opacity: 1;
    transform: scale(1);
    transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  }
  .card.product .description .link-read-more {
    opacity: 1;
    transform: translateX(0);
    transition: opacity 0.3s 0.1s cubic-bezier(0.23, 1, 0.32, 1), transform 0.3s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
  }
}
a.card.product {
  transition: background 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

a.card.product:hover {
  background: #f9f9f9;
}

.card-collection {
  margin: 0 0 20px;
}

@media (max-width: 568px) {
  .card-collection {
    padding-top: 25rem;
  }
}
@media (max-width: 479px) {
  .card-collection {
    padding-top: 4rem;
  }
}
@media (max-width: 360px) {
  .card-collection {
    padding-top: 16rem;
  }
}
.card-collection .card {
  height: calc(100% - 20px);
}

.cta-banner {
  -ms-grid-column: 2;
  grid-column-start: 2;
  grid-column-end: 12;
}

@media (max-width: 992px) {
  .cta-banner {
    -ms-grid-column: 1;
    grid-column-start: 1;
    grid-column-end: 13;
  }
}
.cta-banner .content-container {
  display: -ms-flexbox;
  display: flex;
  height: 43.4rem;
  margin-top: 10.5rem;
}

@media (max-width: 992px) {
  .cta-banner .content-container {
    height: 38.9rem;
    margin-top: 4.8rem;
  }
}
@media (max-width: 768px) {
  .cta-banner .content-container {
    margin-top: 2rem;
  }
}
@media (max-width: 576px) {
  .cta-banner .content-container {
    margin-top: 0rem;
  }
}
.cta-banner .content-container .image-container-tryandbuy-step1-banner {
  background: url("/frontend2/main/assets/images/banner-funnel-lg.jpeg");
  background-size: cover;
  background-position: bottom;
  width: 60%;
}

@media (min-resolution: 192dpi) {
  .cta-banner .content-container .image-container-tryandbuy-step1-banner {
    background-image: url("/frontend2/main/assets/images/banner-funnel-lg.jpeg");
    background-size: cover;
    background-position: bottom;
  }
}
@media (max-width: 992px) {
  .cta-banner .content-container .image-container-tryandbuy-step1-banner {
    background: url("/frontend2/main/assets/images/banner-funnel-lg.jpeg");
    background-size: cover;
    background-position: bottom;
    width: 50%;
  }
}
@media (max-width: 992px) and (min-resolution: 192dpi) {
  .cta-banner .content-container .image-container-tryandbuy-step1-banner {
    background-image: url("/frontend2/main/assets/images/banner-funnel-lg.jpeg");
    background-size: cover;
    background-position: bottom;
  }
}
@media (max-width: 576px) {
  .cta-banner .content-container .image-container-tryandbuy-step1-banner {
    display: none;
  }
}
.cta-banner .content-container .text-container-tryandbuy-step1-banner {
  font-family: "Circular Black", "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  width: 40%;
  background: #6b2fad;
  box-sizing: border-box;
  text-align: center;
  color: #ffffff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 992px) {
  .cta-banner .content-container .text-container-tryandbuy-step1-banner {
    width: 50%;
  }
}
@media (max-width: 576px) {
  .cta-banner .content-container .text-container-tryandbuy-step1-banner {
    width: 100%;
  }
}
.cta-banner .content-container .text-container-tryandbuy-step1-banner .text-aqua {
  color: #00dbdb;
}

.cta-banner .content-container .text-container-tryandbuy-step1-banner .line-trough {
  position: relative;
  display: inline-block;
}

.cta-banner .content-container .text-container-tryandbuy-step1-banner .line-trough:before {
  content: "";
  width: 100%;
  position: absolute;
  right: 0;
  top: 35%;
  border-bottom: 0.5rem solid #ffffff;
  transform: skewY(-13deg);
}

.cta-banner .content-container .text-container-tryandbuy-step1-banner .text-and-button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
}

.cta-banner .content-container .text-container-tryandbuy-step1-banner h3 {
  margin: 4rem 0;
  font-size: 2.4rem;
  line-height: 3.2rem;
}

@media (max-width: 992px) {
  .cta-banner .content-container .text-container-tryandbuy-step1-banner h3 {
    margin: 3.2rem 0 1rem 0;
  }
}
@media (max-width: 768px) {
  .cta-banner .content-container .text-container-tryandbuy-step1-banner h3 {
    font-size: 2rem;
  }
}
@media (max-width: 576px) {
  .cta-banner .content-container .text-container-tryandbuy-step1-banner h3 {
    font-size: 1.8rem;
  }
}
.cta-banner .content-container .text-container-tryandbuy-step1-banner h2 {
  font-weight: bold;
  font-size: 3.8rem;
  line-height: 3.8rem;
  margin-bottom: 1rem;
}

@media (max-width: 992px) {
  .cta-banner .content-container .text-container-tryandbuy-step1-banner h2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 4rem;
    margin: 0;
  }
}
@media (max-width: 768px) {
  .cta-banner .content-container .text-container-tryandbuy-step1-banner h2 {
    font-size: 3rem;
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 992px) {
  .cta-banner .content-container .text-container-tryandbuy-step1-banner h2 {
    line-height: 3.8rem;
    margin-bottom: 1.2rem;
  }
}
.cta-banner .content-container .text-container-tryandbuy-step1-banner p {
  font-family: "Circular Book", "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 1.8rem;
  margin-bottom: 2.4rem;
}

@media (max-width: 992px) {
  .cta-banner .content-container .text-container-tryandbuy-step1-banner p {
    font-size: 1.6rem;
    margin-bottom: 1.6rem;
  }
}
@media (max-width: 768px) {
  .cta-banner .content-container .text-container-tryandbuy-step1-banner p {
    font-size: 1.5rem;
  }
}
@media (max-width: 576px) {
  .cta-banner .content-container .text-container-tryandbuy-step1-banner p {
    margin-bottom: 0;
    margin: 1.6rem 0;
  }
}
.cta-banner .content-container .text-container-tryandbuy-step1-banner .tryandbuy-button {
  font-family: "Circular Book", "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 1.4rem;
  background: none;
  border: 1px solid #ffffff;
  border-radius: 0.4rem;
  padding: 0.7rem 1.8rem;
}

/*
Gallery

Gallery is a 4x2 grid with photo's and quotes of clients with websites.

.gallery - Grid gallery.

Markup: ../templates/gallery.html

Styleguide gallery
*/
.gallery {
  margin: 0 0 40px;
}

.gallery .item {
  margin: 0 0 0.2rem;
  height: calc(100% - 0.2rem);
  text-align: center;
  -ms-flex-direction: column;
  flex-direction: column;
}

.gallery .item .media {
  height: auto;
  overflow: hidden;
}

.gallery .item .media .overlay {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  background: #ffffff;
  -ms-flex-direction: column;
  flex-direction: column;
}

.gallery .item .media .overlay .link {
  color: #6b2fad;
  margin-top: 1rem;
}

@media (min-device-width: 1025px) {
  .gallery .item:hover .overlay {
    opacity: 1;
  }
}
.gallery .col {
  position: relative;
}

.gallery .col:first-child .item, .gallery .col:last-child .item {
  padding: 1.4rem;
  box-sizing: border-box;
  color: #ffffff;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.gallery .col:first-child .item > *, .gallery .col:last-child .item > * {
  margin-bottom: 0;
  width: 100%;
}

.gallery .col:first-child .item .icon-md-branding, .gallery .col:last-child .item .icon-md-branding {
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translateX(-50%);
  height: 30%;
  width: 30%;
}

@media (max-width: 800px) {
  .gallery .col:first-child .item .icon-md-branding, .gallery .col:last-child .item .icon-md-branding {
    display: none;
  }
}
.gallery .col:first-child .item {
  background: #00dbdb;
}

.gallery .col:last-child .item {
  background: #6b2fad;
}

.gallery .col:last-child .item .copy-default {
  margin-top: 20%;
}

@media (max-width: 800px) {
  .gallery .col:last-child .item .copy-default {
    margin-top: 0;
  }
}
@media (max-width: 800px) {
  .gallery .col:first-child, .gallery .col:last-child {
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  .gallery .col:first-child .item, .gallery .col:last-child .item {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
  }
}
/*
Info Block

A 50/50 component block which could contain a text on one side and a image or quote on the other.
When using images or quotes, the content will always be horizontal and vertically centered.

.info-block - Info block (typically two 50/50 column component).
.info-block.bg-gray - Info block with gray background (only use on white body backgrounds).
.info-block.bg-white - Info block with white background.
.info-block.bg-purple - Info block with purple background.

Markup: ../templates/info-block.html

Styleguide infoblock
*/
.info-block {
  padding: 60px 0;
}

.info-block.minimal-height {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  min-height: 440px;
}

@media (max-width: 479px) {
  .info-block.minimal-height {
    display: block;
    min-height: 400px;
  }
}
.info-block.minimal-height p > a {
  color: #6b2fad;
}

@media (max-width: 800px) {
  .info-block {
    padding: 40px 0;
  }
}
@media (max-width: 767px) {
  .info-block {
    padding: 20px 0;
  }
}
.info-block.bg-gray {
  background: #f9f9f9;
}

.info-block.bg-white {
  background: #ffffff;
}

.info-block.bg-purple {
  color: #ffffff;
  background: #6b2fad;
}

.info-block.bg-purple blockquote,
.info-block.bg-purple .quote-default {
  color: #ffffff;
}

.info-block .media {
  height: 100%;
  width: 100%;
  text-align: center;
}

@media (max-width: 800px) {
  .info-block .media {
    margin: 0 0 2em;
  }
}
.info-block .media img {
  height: auto;
  width: auto;
  display: inline-block;
  max-width: 100%;
}

.info-block blockquote,
.info-block .quote-default {
  height: 100%;
  width: 100%;
  text-align: center;
  margin: 0;
  color: #6b2fad;
}

@media (max-width: 800px) {
  .info-block blockquote,
  .info-block .quote-default {
    margin: 0 0 2em;
  }
}
.info-block .title {
  text-align: left;
  font: 700 30px/36px Montserrat;
  letter-spacing: 0;
  color: #1e2129;
  opacity: 1;
  margin-bottom: 20px;
}

@media (max-width: 479px) {
  .info-block .title {
    font: 700 28px/36px Montserrat;
  }
}
.info-block .title.mb {
  margin-bottom: 32px;
}

.info-block .subTitle {
  font: Bold 18px/26px Montserrat;
  text-align: left;
  letter-spacing: 0;
  color: #1e2129;
  opacity: 1;
  margin-bottom: 20px;
}

.info-block li > span {
  font-size: 16px;
  line-height: 24px;
}

@media (max-width: 479px) {
  .info-block .mobile-reverse {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
/*
Banner

Usually blue banners on mid page. To be able to have a CTA.<br/>
The banner content could be aligned using the alignment classes on the grids.

.banner - Default banner.

Markup: ../templates/banner.html

Styleguide banner
*/
.banner {
  background: #00dbdb;
  color: #ffffff;
  padding: 3.6rem 0;
  overflow: hidden;
}

@media (max-width: 800px) {
  .banner {
    padding: 1.5rem 0;
    text-align: center;
  }
}
.banner .inner {
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.banner .grid .col > * {
  margin-bottom: 0;
}

@media (max-width: 800px) {
  .banner .grid .col:first-child {
    margin: 0 0 1em;
  }
}
.banner .icn-holder {
  display: -ms-flexbox;
  display: flex;
  width: 33%;
  height: 100%;
  position: relative;
}

@media (max-width: 767px) {
  .banner .icn-holder {
    display: none;
  }
}
.banner .icn-holder .icon-emp {
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 50%;
  right: auto;
  transform: translate(-50%, -50%);
  font-size: 35rem;
  opacity: 0.6;
  transform: translate(-50%, -50%) rotateZ(-20deg);
}

/*
Hero

Hero's shown at the top of the page with a small headline in a purple block.<br/>
This component is also used on the homepage, combined with a product-collection component (see second example).

.hero - Top page hero.

Markup: ../templates/hero/hero.html

Styleguide hero
*/
.hero {
  position: relative;
  overflow: hidden;
  /*
  Hero Error

  Hero's with error message. Mainly used on 404, 503 and 500 pages.

  .hero.error - Top page hero for error pages.

  Markup: ../templates/hero/hero-error.html

  Styleguide hero.error
  */
  /*
  Hero Empty

  Hero with only an image without a info-panel present.<br/>
  This component is mainly being used as mid-page hero.

  .hero.empty - Empty hero component.

  Markup: ../templates/hero/hero-empty.html

  Styleguide hero.emtpy
  */
}

.hero > .media {
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 50%;
  right: auto;
  transform: translate(-50%, -50%);
  overflow: hidden;
}

.hero .inner {
  padding: 5.5rem 0;
  position: relative;
}

.hero .inner .site-frame {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.hero .inner .product-collection {
  height: auto;
  width: 100%;
  z-index: 1;
}

.hero .inner .product-collection + .info-panel {
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
}

@media (max-width: 767px) {
  .hero .inner .product-collection + .info-panel {
    display: none;
  }
}
.hero .inner .info-panel {
  max-width: 32rem;
  background: #6b2fad;
  color: #ffffff;
  padding: 3.6rem;
  box-sizing: border-box;
  border-radius: 5px;
}

@media (max-width: 479px) {
  .hero .inner .info-panel {
    margin: 0 auto;
  }
}
.hero .inner .info-panel .btn {
  height: auto;
  width: 100%;
}

.hero .inner .link-play {
  color: #ffffff;
  position: absolute;
  bottom: -2.7rem;
  left: 0;
}

.hero .inner .link-play .icon-play {
  vertical-align: middle;
  font-size: 3em;
}

.hero .inner .link-play:hover {
  color: #6b2fad;
}

.hero.error {
  margin: 0;
}

.hero.error:before {
  content: "";
  display: block;
  padding-top: 41.5384615385%;
}

.hero.error .inner {
  height: auto;
  width: 100%;
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 50%;
  right: auto;
  transform: translate(-50%, -50%);
}

@media (max-width: 767px) {
  .hero.error .inner .site-frame {
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.hero.error .inner .info-panel {
  max-width: 100%;
  white-space: nowrap;
  background: none;
  padding: 0;
}

@media (max-width: 767px) {
  .hero.error .inner .info-panel {
    text-align: center;
  }
}
.hero.error .inner .info-panel .heading-title {
  font-size: 10em;
  margin: 0 0 0.175em;
}

@media (max-width: 1024px) {
  .hero.error .inner .info-panel .heading-title {
    font-size: 8em;
  }
}
@media (max-width: 800px) {
  .hero.error .inner .info-panel .heading-title {
    font-size: 6em;
  }
}
@media (max-width: 767px) {
  .hero.error .inner .info-panel .heading-title {
    font-size: 4em;
  }
}
@media (max-width: 479px) {
  .hero.error .inner .info-panel .heading-title {
    font-size: 2em;
  }
}
.hero.error .inner .info-panel .heading-title .icon-md-branding {
  font-size: 2em;
  vertical-align: -0.05em;
  margin: 0 0.02em;
}

.hero.error .inner .info-panel .heading-featured {
  font-size: 1.5em;
  line-height: 1.25em;
}

@media (max-width: 1024px) {
  .hero.error .inner .info-panel .heading-featured {
    font-size: 1.4em;
  }
}
@media (max-width: 800px) {
  .hero.error .inner .info-panel .heading-featured {
    font-size: 1.3em;
  }
}
@media (max-width: 767px) {
  .hero.error .inner .info-panel .heading-featured {
    font-size: 1.2em;
  }
}
@media (max-width: 479px) {
  .hero.error .inner .info-panel .heading-featured {
    font-size: 1.1em;
  }
}
.hero.empty > .media {
  position: relative;
  top: auto;
  left: auto;
  transform: none;
}

/*
Product Collection

Product collection component mainly used in a hero component. Typically found on the homepage hero. <br/>
All main products are listed here with a info (on hover) panel for more information.

.product-collection - Product collection mainly found in a hero.

Markup: ../templates/product-collection.html

Styleguide productcollection
*/
.product-collection {
  border-right: 0;
  border-radius: 5px;
  position: relative;
  visibility: hidden;
}

.product-collection .list-h-tabs, .product-collection form, .product-collection > .link-default {
  min-width: 26.5rem;
  height: auto;
  width: 31.5789473684%;
  visibility: visible;
}

@media (max-width: 800px) {
  .product-collection .list-h-tabs, .product-collection form, .product-collection > .link-default {
    min-width: 0;
    height: auto;
    width: 100%;
  }
}
.product-collection .list-h-tabs > li {
  transition: border-right 0.3s 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  border: 1px solid #dbdbdb;
  border-top: 0;
  box-sizing: border-box;
  font-weight: 400;
}

.product-collection .list-h-tabs > li .trigger {
  position: relative;
  background: #ffffff;
  padding: 1.45rem 2.1rem;
  display: block;
  box-sizing: border-box;
  z-index: 1;
}

.product-collection .list-h-tabs > li .trigger .icon {
  font-size: 6rem;
  color: #6b2fad;
  vertical-align: middle;
  margin: 0 2rem 0 0;
}

@media (min-device-width: 1025px) {
  .product-collection .list-h-tabs > li:hover {
    transition: border-right 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    border-right: 0;
  }
  .product-collection .list-h-tabs > li:hover .panel {
    transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    height: auto;
  }
}
.product-collection .list-h-tabs > li.is-open {
  transition: border-right 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  border-right: 0;
}

.product-collection .list-h-tabs > li.is-open .panel {
  transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  height: auto;
}

.product-collection form {
  background: #ffffff;
  padding: 1.4rem 1.4rem;
  box-sizing: border-box;
  border: 1px solid #dbdbdb;
  border-radius: 5px 5px 0 0;
}

.product-collection form .input {
  margin: 0;
}

.product-collection form .icon {
  font-size: 3.4rem;
}

.product-collection > .link-default {
  background: #ffffff;
  display: block;
  color: #6b2fad;
  padding: 1.4rem 2.1rem;
  box-sizing: border-box;
  font-weight: 400;
  text-align: center;
  border: 1px solid #dbdbdb;
  border-top: 0;
  border-radius: 0 0 5px 5px;
}

.product-collection .panel {
  height: 100%;
  width: calc(68.4210526316% + 3px);
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(31.5789473684% - 3px);
  right: 0;
  margin: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s 0.2s cubic-bezier(0.23, 1, 0.32, 1), visibility 0s 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  box-sizing: border-box;
  border: 1px solid #dbdbdb;
  border-radius: 0 5px 5px 0;
  border-left: 0;
  overflow: hidden;
  pointer-events: none;
  font-weight: 300;
}

@media (max-width: 800px) {
  .product-collection .panel {
    height: auto;
    width: 100%;
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    visibility: visible;
    opacity: 1;
    border-radius: 0;
    border: none;
    height: 0;
    overflow: hidden;
  }
}
.product-collection .panel:before, .product-collection .panel:after {
  content: "";
  background: #ffffff;
  height: 3px;
  width: 3px;
  position: absolute;
  left: -1px;
}

.product-collection .panel:before {
  top: 0;
}

.product-collection .panel:after {
  bottom: 0;
}

.product-collection .panel .grid,
.product-collection .panel .grid .col,
.product-collection .panel .usps,
.product-collection .panel .card.product {
  height: 100%;
}

.product-collection .panel .usps {
  background: #ffffff;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 4rem 0 3.8rem;
  margin: 0 0 0 0.2rem;
  border-left: 1px solid #dbdbdb;
}

@media (max-width: 800px) {
  .product-collection .panel .usps {
    padding: 2rem 2.1rem;
    margin: 0;
    border-left: 0;
    border-top: 1px solid #dbdbdb;
  }
}
.product-collection .panel .usps .heading-sub,
.product-collection .panel .usps .list-check {
  margin: 0 0 2.4rem;
}

.product-collection .panel .usps .heading-sub {
  width: 100%;
}

.product-collection .panel .card.product {
  background: #f9f9f9;
  margin-bottom: 0;
  -ms-flex-pack: center;
  justify-content: center;
}

/*
Domainchecker widget

Domeinchecker widget which could be as midpage component.
This component is also used in the footer and in the header (domainname panel).

.domainchecker-widget - Domainchecker with default background.
.domainchecker-widget.rounded - Domainchecker with rounded corners.
.domainchecker-widget.plain - Domainchecker without background.

Markup: ../templates/domainchecker-widget.html

Styleguide domaincheckerwidget
*/
.domainchecker-widget {
  height: auto;
  width: 100%;
  padding: 2rem;
  background: #6b2fad;
  text-align: center;
  color: #ffffff;
  box-sizing: border-box;
  font: normal normal 300 14px/18px "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.domainchecker-widget.rounded {
  border-radius: 5px;
}

.domainchecker-widget.plain {
  background: none;
  color: #000000;
  padding: 0;
}

.domainchecker-widget--no-background {
  background: none;
  padding: 0 2rem;
}

@media (max-width: 479px) {
  .domainchecker-widget--no-background {
    padding: 0 0.8rem;
  }
}
/*
Cookie bar

Cookie bar used as alert bar at the top of the page to let visitors accept the cookies.

.cookie-bar - Cookie bar component.

Markup: ../templates/cookie-bar.html

Styleguide cookiebar
*/
.cookie-bar {
  background: rgba(0, 0, 0, 0.8);
  color: #ffffff;
  padding: 1rem 0;
  font: normal normal 300 12px/16px "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  position: fixed;
  top: 0;
  bottom: auto;
  left: 0;
  right: 0;
  z-index: 6;
}

.cookie-bar .grid .col .copy-small {
  margin: 0;
}

.cookie-bar .grid .col:last-child {
  text-align: right;
}

@media (max-width: 800px) {
  .cookie-bar .grid .col:last-child {
    text-align: left;
  }
}
/*
Progress bars

Progress bar component. Used to indicate sales of obligations.

.progress-bar - Default Progress bar.
.progress-bar.small - Smaller progress bar.

Markup: ../templates/progress-bar.html

Styleguide progressbar
*/
.progress-bar {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  color: #ffffff;
  background-color: #dbdbdb;
  border-radius: 5px;
}

.progress-bar .progress {
  font: normal normal 300 18px/24px "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  text-align: center;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #fff;
  background-color: #6a35aa;
}

.progress-bar.small .progress {
  font: normal normal 300 14px/18px "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  height: 1.6rem;
  line-height: 1.6rem;
}

.review-block-rating {
  text-align: center;
}

.review-block-rating .rating-button {
  display: block;
  margin: 20px 0;
}

.review-block-rating .rating-button .icon-thumb-up {
  margin-right: 10px;
  font-size: 60px;
  vertical-align: bottom;
}

.review-block-rating .rating-button .rating {
  font-weight: 700;
  font-size: 30px;
}

.review-block-rating .rating-count, .review-block-rating .rating-link {
  display: block;
  font-size: 12px;
  line-height: 16px;
}

.review-block-rating .rating-link {
  font-weight: 700;
  text-decoration: underline;
}

.review-block-feed {
  text-align: center;
}

.review-block-feed .VueCarousel-dot {
  padding: 5px !important;
  margin-top: 10px !important;
}

.star-rating {
  width: 100%;
  margin: 0 0 30px;
  padding: 0;
  list-style: none;
  font-size: 40px;
}

.star-rating > li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
}

.star-rating > li .star, .star-rating > li .star-half {
  position: absolute;
  left: 0;
}

.star-rating > li .star {
  color: #f0f0f0;
}

.star-rating > li .star.active {
  color: #F8E71C;
}

.star-rating > li .star-half {
  color: #F8E71C;
}

@media (max-width: 800px) {
  .review-block-feed {
    margin-top: 30px;
  }
}
/*
Tab specs

Tab specs component. Can be found on the product pages to summarize the main info of the corresponding product.

.tab-specs - Tabbed component with specifications of a product.

Markup: ../templates/tab-specs.html

Styleguide tabspecs
*/
.tab-specs {
  margin: 40px 0;
}

.tab-specs .list-tabs li {
  margin: 0 1rem 0 0;
  border-radius: 5px 5px 0 0;
  transition: background 0.3s cubic-bezier(0.23, 1, 0.32, 1), color 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

.tab-specs .list-tabs li a {
  display: block;
  padding: 1rem 2rem;
}

.tab-specs .list-tabs li.is-open, .tab-specs .list-tabs li:hover {
  background: #ffffff;
  color: #6b2fad;
}

.tab-specs .list-tabs li.disabled {
  color: #888888;
  cursor: not-allowed;
  pointer-events: none;
}

.tab-specs .panel-holder {
  background: #ffffff;
  border-radius: 0 5px 5px 5px;
}

.tab-specs .panel-holder .panel {
  padding: 3rem 2rem;
  display: none;
}

.tab-specs .panel-holder .panel .card {
  text-align: left;
}

.tab-specs .panel-holder .panel .card .description {
  width: 100%;
}

.tab-specs .panel-holder .panel .card .description .heading-block .icon {
  font-size: 2.5em;
  vertical-align: middle;
  color: #6b2fad;
  margin: 0 0.5rem 0 0;
}

.tab-specs .panel-holder .panel.is-open {
  display: block;
}

/*
Confirmation summary

Confirmation with a order summary used on the thank you page after checkout.

.confirmation-summary - Confirmation with summary component.

Markup: ../templates/confirmation-summary.html

Styleguide confirmationsummary
*/
.confirmation-summary {
  border: 1px solid #dbdbdb;
  border-radius: 5px;
  background: #ffffff;
  overflow: hidden;
  margin: 0 0 40px;
}

.confirmation-summary .list-box {
  border: none;
  border-radius: 0;
  margin: 0;
}

.confirmation-summary .list-box li {
  background: none;
}

@media (max-width: 479px) {
  .confirmation-summary .jan-video-container {
    height: 19em !important;
  }
}
@media (max-width: 800px) {
  .confirmation-summary .jan-video-container {
    background-image: url("/frontend2/main/assets/images/january_campain_2020_still_mobile_lg.png");
    height: 32em;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: -0.45em;
  }
  .confirmation-summary .jan-video-container iframe {
    display: none;
  }
}
.confirmation-summary .card.product {
  height: 100%;
  border-left: 1px solid #dbdbdb;
}

@media (max-width: 479px) {
  .confirmation-summary .card.product {
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .confirmation-summary .card.product .description {
    width: 100%;
    margin: 0;
  }
}
@media (max-width: 800px) {
  .confirmation-summary .card.product {
    border-left: 0;
    border-top: 1px solid #dbdbdb;
  }
}
.confirmation-summary .card.product .icon-climate {
  font-size: 9.7em;
  color: #6b2fad;
}

.confirmation-summary .card.product .heading-featured {
  color: #6b2fad;
}

.confirmation-summary .card.stacked {
  border-top: 1px solid #dbdbdb;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.trial > .site-frame > .inner > p {
  max-width: 800px;
  margin: 0 auto 2rem auto;
  text-align: center;
}

form.trial-form .email-input > span {
  -ms-flex: 1;
  flex: 1;
}

form.trial-form fieldset > span > label {
  margin: 0 auto;
}

form.trial-form .input input[type=checkbox]:checked + label:before,
form.trial-form form .input input[type=radio]:checked + label:before {
  border-radius: 6px;
  border: 1px solid white;
}

@media (max-width: 520px) {
  .trial > .site-frame > .inner > p {
    max-width: 800px;
    margin: 0 auto 2rem auto;
    text-align: left;
  }
  .trial-form .email-input {
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .trial-form .email-input > span {
    position: relative;
    -ms-flex: 1;
    flex: 1;
  }
  .trial-form .email-input > span > input {
    border-radius: 5px !important;
  }
  .trial-form .email-input > button {
    display: block;
    margin-top: 10px;
    border-radius: 5px !important;
    line-height: 28px;
  }
}
form.trial-form-v2 .email-input > span {
  -ms-flex: 1;
  flex: 1;
}

.video-hero {
  padding-bottom: 20px;
  overflow: visible;
  margin-bottom: 60px;
}

.video-hero .overlay {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 1;
  top: 0;
  height: 100%;
  color: white;
  text-align: center;
}

.video-hero .overlay .center.cta {
  transform: translate(-50%, -75%);
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  text-align: center;
}

.video-hero .overlay .center.cta .actions {
  margin-top: 25px;
  height: 72px;
}

.video-hero .overlay .center.cta .actions > a {
  position: relative;
}

.video-hero .overlay .center.cta .text > h1 {
  margin: 0;
  height: 33px;
}

.video-hero .overlay .center.cta .text > h2 {
  height: 30px;
}

.video-hero .overlay .placeholder,
.video-hero .overlay .placeholder > img {
  width: 100%;
  height: 100%;
}

.video-hero .overlay .placeholder.hide {
  display: none;
}

.video-hero .overlay .videoControls {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
}

.video-hero .overlay .videoControls .soundOn {
  background: transparent url("../images/soundon.svg") no-repeat center center !important;
}

.video-hero .overlay .videoControls .sound {
  background: transparent url("../images/soundoff.svg") no-repeat center center;
}

.video-hero .overlay .videoControls .fullscreen {
  background: transparent url("../images/expand.svg") no-repeat center center;
}

.video-hero .overlay .videoControls img {
  float: left;
  cursor: pointer;
  padding: 10px;
  width: 10px;
}

.video-hero .overlay .checkerWrapper {
  width: 70%;
  position: absolute;
  bottom: 282px;
  transform: translate(-50%, 30%);
  left: 50%;
}

.video-hero .overlay .checkerWrapper .normal {
  display: inline-block;
}

.video-hero .overlay .checkerWrapper .mobile {
  display: none;
}

.video-hero .overlay .checkerWrapper .domainchecker-widget {
  padding: 2rem 2rem 0 2rem;
}

.video-hero #player {
  height: 600px;
}

.video-hero #player .plyr__video-wrapper {
  padding: 0 !important;
  height: 100% !important;
}

.video-hero #player .plyr__video-wrapper .plyr__video-embed__container {
  transform: initial !important;
  position: absolute !important;
  padding: 0 !important;
  left: 0 !important;
  box-sizing: initial !important;
  right: 0 !important;
  top: 50% !important;
  margin-top: -28.1% !important;
  padding-bottom: 56.2% !important;
  height: 0 !important;
  overflow: hidden !important;
}

.video-hero #player .plyr__video-wrapper .plyr__video-embed__container > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-hero .hide, .video-hero .visibility-hidden {
  visibility: hidden;
}

.video-hero .link {
  text-decoration: underline;
  display: block;
  margin-top: 10px;
}

@media (max-width: 1070px) {
  .video-hero .overlay .checkerWrapper {
    bottom: 202px;
  }
  .video-hero #player {
    height: 43rem !important;
  }
}
@media (max-width: 765px) {
  .video-hero {
    height: 60vh !important;
  }
  .video-hero #player {
    height: inherit;
    display: none;
  }
  .video-hero #video-controls {
    display: none !important;
  }
  .video-hero .center.cta {
    top: 55% !important;
  }
  .video-hero .center.cta .text {
    padding-top: 6rem;
  }
  .video-hero .center.cta .btn {
    margin-top: 0.8em;
  }
  .video-hero .center.cta .link {
    margin-top: 2rem;
  }
  .video-hero .center.cta h1 {
    margin-bottom: 0, 2rem;
    margin-top: 6rem;
  }
  .video-hero .center.cta h2 {
    margin-top: 1rem;
    padding: 0 5rem;
  }
  .video-hero .actions {
    margin-top: 5rem !important;
  }
  .video-hero .overlay {
    background: #6b2fad;
  }
  .video-hero .overlay #video-placeholder {
    background-position: center;
    background-size: cover;
  }
  .video-hero .overlay .checkerWrapper {
    bottom: 162px;
  }
  .video-hero .hide {
    visibility: visible !important;
  }
  .video-hero .overlay .placeholder.hide {
    display: block !important;
  }
}
@media (max-width: 450px) {
  .video-hero .checkerWrapper {
    width: 100% !important;
  }
  .video-hero .checkerWrapper .mobile {
    display: inline-block !important;
  }
  .video-hero .checkerWrapper .normal {
    display: none !important;
  }
  .video-hero #player {
    height: 80vh;
  }
}
@media (max-width: 375px) {
  .video-hero .overlay .checkerWrapper {
    bottom: 120px;
  }
}
/**
* styles for the extensions list
*/
.extensions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /**
  * wrapper for alphabetical buttons
  */
  /**
  * styles for extension itself
  */
}

.extensions .extensions-header {
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #dbdbdb;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 50px;
  padding: 0 15px;
}

.extensions .extensions-header .heading-sub {
  margin: 0;
}

.extensions .extensions-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 0 50px 0;
  padding: 0;
}

@media (max-width: 479px) {
  .extensions .extensions-list {
    margin: 0;
  }
}
.extensions .extensions-list .extensions-list-item-wrapper {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

.extensions .extensions-list .extensions-list-item-wrapper .negative-gap-small {
  margin: 0;
}

.extensions .extensions-list .extensions-list-item {
  border: 1px solid #dbdbdb;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  transition: 0.3s all;
  -ms-flex-preferred-size: 24.81%;
  flex-basis: 24.81%;
  max-width: 24.81%;
}

@media (max-width: 479px) {
  .extensions .extensions-list .extensions-list-item {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
}
.extensions .extensions-list .extensions-list-item:hover {
  background: #dbdbdb;
  cursor: pointer;
}

.extensions .extensions-button-wrapper {
  border: 1px solid #dbdbdb;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.3s all;
}

.extensions .extensions-button-wrapper:hover {
  background: #dbdbdb;
  border: 1px solid #dbdbdb;
  cursor: pointer;
}

.extensions .extensions-button-wrapper .extensions-button {
  font-weight: 500;
  padding: 10px;
  text-transform: uppercase;
}

.extensions .extension {
  color: #6b2fad;
  padding: 0 10px;
}

.extensions .extension-price {
  font-weight: bold;
  padding: 0 10px;
}

.extensions .extension-price .strike {
  margin-right: 2em;
}

.extensions .extension-reserve {
  font-size: 12px;
  margin: 0 10px;
}

@media (max-width: 479px) {
  .extensions .copy-caption {
    margin-top: 15px;
  }
}
@media (max-width: 479px) {
  .extensions .is-closed {
    display: none;
  }
}
@media (max-width: 479px) {
  .extensions .is-open {
    display: block;
  }
}
.heading-component {
  -ms-flex-align: center;
  align-items: center;
  border: 0.1rem solid #dbdbdb;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 4rem;
}

@media (max-width: 479px) {
  .heading-component {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 1.6rem;
  }
}
.heading-component .confirmation-wrapper {
  max-width: 75%;
}

@media (max-width: 1024px) {
  .heading-component .confirmation-wrapper {
    max-width: 65%;
  }
}
@media (max-width: 479px) {
  .heading-component .confirmation-wrapper {
    max-width: 100%;
  }
}
.heading-component .heading-title {
  font-size: 4.8rem;
  line-height: 4.8rem;
  margin: 0;
  padding-bottom: 1.6rem;
}

@media (max-width: 479px) {
  .heading-component .heading-title {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
}
.heading-component .heading-sub {
  font-size: 1.8rem;
  line-height: 2.4rem;
  text-align: left;
}

@media (max-width: 479px) {
  .heading-component .heading-sub {
    font-size: 1.6rem;
    padding-bottom: 1.6rem;
  }
}
.heading-component .card.product.plain {
  padding: 0;
}

@media (max-width: 479px) {
  .heading-component .btn-wrapper {
    width: 100%;
  }
}
.heading-component .btn-wrapper .btn.btn-thank-you {
  border-radius: 0;
  height: 4.8rem;
}

@media (max-width: 479px) {
  .heading-component .btn-wrapper .btn.btn-thank-you {
    -ms-flex-pack: stretch;
    justify-content: stretch;
    width: 100%;
  }
}
@media (max-width: 479px) {
  .thank-you-wrapper {
    margin: 0 0 1.6rem 0 !important;
  }
}
.confirmation-summary-v2 {
  border-radius: 0;
  border-top: 0;
}

.confirmation-summary-v2 .list-box {
  padding-left: 4rem;
}

@media (max-width: 479px) {
  .confirmation-summary-v2 .list-box {
    padding: 1.6rem;
  }
  .confirmation-summary-v2 .list-box li {
    padding: 0 !important;
  }
}
.product-info-box {
  font-family: "Circular Black", "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  background-color: #f1f3f4;
  width: 31%;
  margin-bottom: 3.7rem;
  padding: 4rem 2.5rem;
  text-align: center;
  overflow-wrap: break-word;
  box-sizing: border-box;
}

@media (max-width: 1200px) {
  .product-info-box {
    padding: 4rem 4.4rem;
    width: 32.5%;
    margin-bottom: 1.6rem;
  }
}
@media (max-width: 992px) {
  .product-info-box {
    padding: 2.3rem 1.5rem 4.3rem 1.5rem;
    width: 32.5%;
  }
}
@media (max-width: 576px) {
  .product-info-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 2rem;
    width: 100%;
  }
}
.product-info-box .show-sm {
  display: none;
}

@media (max-width: 1200px) {
  .product-info-box .show-sm {
    display: block;
  }
}
@media (max-width: 1200px) {
  .product-info-box .hide-sm {
    display: none !important;
  }
}
@media (max-width: 576px) {
  .product-info-box .description-container {
    text-align: left;
    width: 53%;
  }
}
@media screen and (max-width: 350px) {
  .product-info-box .description-container {
    width: 100%;
    margin-bottom: 2rem;
  }
}
.product-info-box .price-container h2 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 1200px) {
  .product-info-box .price-container h2 {
    font-size: 4rem;
    margin-left: 1rem;
  }
}
@media (max-width: 576px) {
  .product-info-box .price-container h2 {
    font-size: 3.2rem;
  }
}
.product-info-box .price-container h2 .styled-comma {
  font-size: 1.6rem;
  margin-top: 0.3rem;
}

@media (max-width: 1200px) {
  .product-info-box .price-container h2 .styled-comma {
    margin-top: 0.1rem;
  }
}
@media (max-width: 576px) {
  .product-info-box .price-container h2 .styled-comma {
    margin-top: 0.3rem;
  }
}
.product-info-box .price-container h2 .styled-decimals {
  font-size: 1.6rem;
  margin: -0.3rem 0 0 -0.5rem;
}

@media (max-width: 576px) {
  .product-info-box .price-container h2 .styled-decimals {
    margin-top: -0.1rem;
  }
}
@media screen and (max-width: 350px) {
  .product-info-box .price-container {
    width: 100%;
  }
}
.product-info-box h2 {
  margin-bottom: 0;
  font-family: "Circular Book", "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #6b2fad;
  font-size: 7.2rem;
  font-weight: 500;
  text-align: left;
}

@media (max-width: 1200px) {
  .product-info-box h2 {
    font-size: 4.8rem;
  }
}
@media (max-width: 576px) {
  .product-info-box h2 {
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
  }
}
.product-info-box h3 {
  font-family: "Circular Book", "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #6b2fad;
  font-size: 4rem;
  font-weight: 500;
  line-height: 4rem;
}

@media (max-width: 1200px) {
  .product-info-box h3 {
    font-size: 3.2rem;
    line-height: 3.2rem;
  }
}
@media (max-width: 576px) {
  .product-info-box h3 {
    font-size: 3rem;
  }
}
.product-info-box h4 {
  font-size: 2.2rem;
  font-family: "Circular book", "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  margin-top: 1.7rem;
  margin-bottom: 3.2rem;
  color: #646f79;
}

@media (max-width: 1200px) {
  .product-info-box h4 {
    font-size: 1.8rem;
  }
}
@media (max-width: 992px) {
  .product-info-box h4 {
    font-size: 1.4rem;
  }
}
@media (max-width: 576px) {
  .product-info-box h4 {
    margin-bottom: 0;
  }
}
.product-info-box .tryandbuy-button {
  font-size: 1.8rem;
  padding: 1.6rem 4rem;
  margin-top: 2.6rem;
}

@media (max-width: 992px) {
  .product-info-box .tryandbuy-button {
    padding: 1.6rem 4rem;
  }
}
@media (max-width: 576px) {
  .product-info-box .tryandbuy-button {
    width: 100%;
    display: block;
    padding: 1rem 2rem;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 350px) {
  .product-info-box .tryandbuy-button {
    width: auto;
  }
}
.line-through-grey {
  font-family: "Circular book", "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 2.4rem;
  color: #646f79;
}

.line-through-grey:before {
  border-bottom: 0.2rem solid #888888;
  font-family: "Circular book", "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  top: 50%;
}

@media (max-width: 1200px) {
  .line-through-grey {
    margin-right: 1.6rem;
  }
}
@media (max-width: 576px) {
  .line-through-grey {
    margin-right: 1.5rem;
    font-size: 2.2rem;
  }
}
.product-info-box.product-info-box-sm {
  width: 49%;
  padding: 2rem 1rem 2rem 2rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: row;
  flex-direction: row;
}

@media screen and (max-width: 700px) {
  .product-info-box.product-info-box-sm {
    width: 100%;
  }
}
@media (max-width: 1200px) {
  .product-info-box.product-info-box-sm {
    padding: 2rem 1rem 2rem 2.4rem;
  }
}
.product-info-box.product-info-box-sm .description-container {
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
  text-align: left;
  word-wrap: break-word;
}

.product-info-box.product-info-box-sm .price-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}

.product-info-box.product-info-box-sm h2 {
  margin: 0;
  color: #6b2fad;
  font-size: 4.3rem;
  font-weight: 500;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 1200px) {
  .product-info-box.product-info-box-sm h2 {
    font-size: 3.2rem;
    margin: 0;
  }
}
.product-info-box.product-info-box-sm h3 {
  margin: 0;
  color: #6b2fad;
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 3.2rem;
  display: inline-block;
}

@media (max-width: 1200px) {
  .product-info-box.product-info-box-sm h3 {
    font-size: 2.4rem;
  }
}
.product-info-box.product-info-box-sm h4 {
  display: none;
}

.product-info-box.product-info-box-sm .tryandbuy-button {
  font-size: 1.8rem;
  margin: 0 0 0 2rem;
}

@media (max-width: 992px) {
  .product-info-box.product-info-box-sm .tryandbuy-button {
    margin-left: 1.5rem;
    padding: 1.6rem 2rem;
  }
}
@media (max-width: 576px) {
  .product-info-box.product-info-box-sm .tryandbuy-button {
    display: inline-block;
    padding: 1rem 2rem;
    width: auto;
  }
}
.product-info-box.product-info-box-sm .line-through-grey {
  font-size: 2.4rem;
  margin: 0 1.4rem 0 0;
}

.product-info-box.product-info-box-sm .line-through-grey:before {
  top: 44%;
}

#campaign-product-page-header {
  width: 100%;
  min-height: 70rem;
  background-image: linear-gradient(to bottom, #6b2fad 60%, #ffffff 60%);
}

@media (max-width: 1200px) {
  #campaign-product-page-header {
    height: auto;
    min-height: 0;
    background-image: linear-gradient(to bottom, #6b2fad 55%, #ffffff 55%);
  }
}
@media (max-width: 576px) {
  #campaign-product-page-header {
    background-image: linear-gradient(to bottom, #6b2fad 32%, #ffffff 32%);
  }
}
#campaign-product-page-header .text-container {
  overflow-wrap: break-word;
  -ms-grid-column: 1;
  grid-column-start: 1;
  grid-column-end: 13;
  margin: 6.8rem 0 5.1rem 0;
}

@media (max-width: 768px) {
  #campaign-product-page-header .text-container {
    margin: 5.8rem 0 4.1rem 0;
  }
}
@media (max-width: 576px) {
  #campaign-product-page-header .text-container {
    margin: 2.8rem 0 4rem 0;
  }
}
#campaign-product-page-header .text-container h2 {
  font-family: "Circular Black", "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  text-align: left;
  font-weight: 600;
  letter-spacing: 0px;
  color: #ffffff;
  font-size: 6.4rem;
  line-height: 6.4rem;
  margin-bottom: 0;
}

@media (max-width: 1200px) {
  #campaign-product-page-header .text-container h2 {
    font-family: "Circular Book", "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 400;
    font-size: 4.8rem;
    line-height: 4.8rem;
  }
}
@media (max-width: 576px) {
  #campaign-product-page-header .text-container h2 {
    font-size: 3.2rem;
    line-height: 3.2rem;
  }
}
#campaign-product-page-header .text-container .text-aqua {
  color: #00dbdb;
}

#campaign-product-page-header .product-info-boxes-container {
  -ms-grid-column: 2;
  grid-column-start: 2;
  grid-column-end: 12;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: baseline;
  align-items: baseline;
  -ms-flex-line-pack: justify;
  align-content: space-between;
}

@media (max-width: 1200px) {
  #campaign-product-page-header .product-info-boxes-container {
    -ms-grid-column: 1;
    grid-column-start: 1;
    grid-column-end: 13;
  }
}
@media (max-width: 576px) {
  #campaign-product-page-header .product-info-boxes-container {
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#campaign-product-page-header .big-box-container {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 576px) {
  #campaign-product-page-header .big-box-container {
    display: block;
  }
}
.pricing-title {
  text-align: left;
  font: 700 40px/48px Montserrat;
  letter-spacing: 0;
  color: #1e2129;
  opacity: 1;
}

@media (max-width: 479px) {
  .pricing-title {
    font: 700 28px/36px Montserrat;
  }
}
.price-block {
  font-family: "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  line-height: 48px;
}

.price-block .original-price {
  color: #646f79;
  font-weight: normal;
  letter-spacing: 0;
  opacity: 1;
}

.price-block .original-price.strike-through {
  text-decoration: line-through;
}

.price-block .discount-price {
  color: #6b2fad;
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 0;
  opacity: 1;
}

.price-block .discount-duration {
  color: #646f79;
  font-weight: normal;
  letter-spacing: 0;
  margin-bottom: 32px;
  opacity: 1;
}

.order {
  -ms-flex-align: center;
  align-items: center;
  background: #6b2fad 0% 0% no-repeat padding-box;
  border: none;
  border-radius: 4px;
  color: #ffffff;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  font: Bold 16px/19px Montserrat;
  height: 50px;
  -ms-flex-pack: center;
  justify-content: center;
  letter-spacing: 0;
  margin: 32px 0;
  opacity: 1;
  transition: background 0.3s;
  width: 184px;
}

.order:hover {
  background: #55258a;
}

.order.no-margin {
  margin: 0;
}

.usp .usp-icon-wrapper {
  color: #6b2fad;
  padding-bottom: 0.8rem;
}

.usp .usp-icon-wrapper .icon {
  font-size: 4.8em;
}

#tryandbuy_cta_block {
  font-family: "Circular Book", "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  position: absolute;
  right: 0;
  top: 25rem;
  z-index: 2;
  background-color: #6b2fad;
  color: #ffffff;
  width: 37%;
}

@media (max-width: 1200px) {
  #tryandbuy_cta_block {
    width: 43.2rem;
    top: 42.5rem;
    text-align: center;
    right: 3rem;
  }
}
@media (max-width: 992px) {
  #tryandbuy_cta_block {
    width: 35rem;
    text-align: center;
    right: 2.4rem;
    top: 30.5rem;
  }
}
@media (max-width: 576px) {
  #tryandbuy_cta_block {
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 44rem;
  }
}
#tryandbuy_cta_block .text-container {
  padding: 2.4rem 0 6.8rem 4.8rem;
}

@media (max-width: 1200px) {
  #tryandbuy_cta_block .text-container {
    padding: 2.4rem 0 4.8rem 0;
  }
}
@media (max-width: 992px) {
  #tryandbuy_cta_block .text-container {
    padding: 2.4rem 4.5rem 4rem 4.5rem;
  }
}
@media (max-width: 576px) {
  #tryandbuy_cta_block .text-container {
    padding: 1.6rem 4.3rem 3rem 4.3rem;
  }
}
#tryandbuy_cta_block h4,
#tryandbuy_cta_block h3,
#tryandbuy_cta_block h2 {
  font-family: "Circular Black", "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

#tryandbuy_cta_block h4 {
  font-size: 4rem;
  line-height: 4.8rem;
}

@media (max-width: 1200px) {
  #tryandbuy_cta_block h4 {
    font-size: 3rem;
    line-height: 3.2rem;
  }
}
@media (max-width: 992px) {
  #tryandbuy_cta_block h4 {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
}
#tryandbuy_cta_block h3 {
  font-size: 5.6rem;
  line-height: 9rem;
  margin-bottom: 0;
}

@media (max-width: 1200px) {
  #tryandbuy_cta_block h3 {
    font-size: 4.6rem;
    line-height: 8rem;
    margin-bottom: 0;
  }
}
@media (max-width: 992px) {
  #tryandbuy_cta_block h3 {
    font-size: 3.2rem;
    line-height: 4rem;
  }
}
#tryandbuy_cta_block h3.product-small {
  font-size: 260%;
}

@media (min-width: 1366px) {
  #tryandbuy_cta_block h3.product-small {
    font-size: 300%;
  }
}
@media (max-width: 1200px) {
  #tryandbuy_cta_block h3.product-small {
    line-height: 8rem;
    margin-bottom: 0;
  }
}
@media (max-width: 992px) {
  #tryandbuy_cta_block h3.product-small {
    font-size: 170%;
    line-height: 4rem;
  }
}
#tryandbuy_cta_block h2 {
  font-size: 6.4rem;
  line-height: 5.3rem;
}

@media (min-width: 1366px) {
  #tryandbuy_cta_block h2 {
    font-size: 7.2rem;
  }
}
@media (max-width: 1200px) {
  #tryandbuy_cta_block h2 {
    font-size: 5.2rem;
  }
}
@media (max-width: 992px) {
  #tryandbuy_cta_block h2 {
    font-size: 3.2rem;
    line-height: 4rem;
  }
}
#tryandbuy_cta_block p {
  font-size: 2.4rem;
  line-height: 3.2rem;
  margin-bottom: 4.2rem;
}

@media (max-width: 1200px) {
  #tryandbuy_cta_block p {
    font-size: 1.8rem;
    line-height: 3.2rem;
    margin-bottom: 4.2rem;
  }
}
@media (max-width: 992px) {
  #tryandbuy_cta_block p {
    font-size: 1.6rem;
    line-height: 2rem;
  }
}
#tryandbuy_cta_block .tryandbuy-button {
  padding: 1.7rem 3.3rem;
  font-size: 1.8rem;
}

@media (max-width: 992px) {
  #tryandbuy_cta_block .tryandbuy-button {
    font-size: 1.6rem;
    padding: 1.4rem 2.3rem;
  }
}
#tryandbuy_cta_block .tryandbuy-button-reversed {
  margin-right: 1.6rem;
}

#tryandbuy_cta_block .line-trough:before {
  width: 95%;
  top: 43%;
  transform: skewY(-15deg);
}

@media (max-width: 992px) {
  #tryandbuy_cta_block .line-trough:before {
    border-bottom: 0.3rem solid #ffffff;
  }
}
@media (max-width: 576px) {
  .tryandbuy-campaign-header {
    min-height: 100vh;
  }
}
.tryandbuy-campaign-header #tryandbuy-campaign-input {
  padding: 0.5rem 1rem 0.5rem;
}

.tryandbuy-campaign-header .grid-container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  grid-row-gap: 0px;
  grid-column-gap: 8px;
  margin: 0 auto;
  padding: 0px 16px;
  max-width: 1344px;
  /*
         max-width: 1200px
     */
  /*
         max-width: 992px
     */
  /*
         max-width: 768px
     */
  /*
         max-width: 576px
     */
  height: 45vh;
  min-height: 50rem;
}

@media (max-width: 1200px) {
  .tryandbuy-campaign-header .grid-container {
    max-width: 1140px;
  }
}
@media (max-width: 992px) {
  .tryandbuy-campaign-header .grid-container {
    max-width: 960px;
  }
}
@media (max-width: 768px) {
  .tryandbuy-campaign-header .grid-container {
    max-width: 720px;
  }
}
@media (max-width: 576px) {
  .tryandbuy-campaign-header .grid-container {
    max-width: 540px;
  }
}
@media (max-width: 1200px) {
  .tryandbuy-campaign-header .grid-container {
    height: 23rem;
    min-height: 0;
  }
}
@media (max-width: 992px) {
  .tryandbuy-campaign-header .grid-container {
    height: 20.9rem;
  }
}
@media (max-width: 576px) {
  .tryandbuy-campaign-header .grid-container {
    height: 18.5rem;
  }
}
.tryandbuy-campaign-header .campaign-img-container {
  width: 100%;
  height: 55vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media (max-width: 1200px) {
  .tryandbuy-campaign-header .campaign-img-container {
    margin-top: 6rem;
    height: 50rem;
  }
}
@media (max-width: 992px) {
  .tryandbuy-campaign-header .campaign-img-container {
    margin-top: 0;
  }
}
@media (max-width: 576px) {
  .tryandbuy-campaign-header .campaign-img-container {
    height: 24.5rem;
  }
}
.tryandbuy-campaign-header #md-domain-checker {
  margin-top: 14rem;
}

@media (max-width: 1200px) {
  .tryandbuy-campaign-header #md-domain-checker {
    margin-top: 8rem;
  }
}
@media (max-width: 992px) {
  .tryandbuy-campaign-header #md-domain-checker {
    margin-top: 5rem;
  }
}
@media (max-width: 576px) {
  .tryandbuy-campaign-header #md-domain-checker {
    margin-top: 2rem;
  }
}
@media (max-width: 992px) {
  .tryandbuy-campaign-header .campaign-img {
    display: none;
    margin-top: 1rem;
  }
}
.tryandbuy-campaign-header .campaign-img-md {
  display: none;
}

@media (max-width: 992px) {
  .tryandbuy-campaign-header .campaign-img-md {
    display: block;
    height: 42rem;
  }
}
@media (max-width: 576px) {
  .tryandbuy-campaign-header .campaign-img-md {
    display: none;
  }
}
.tryandbuy-campaign-header .campaign-img-sm {
  display: none;
}

@media (max-width: 992px) {
  .tryandbuy-campaign-header .campaign-img-sm {
    display: none;
  }
}
@media (max-width: 576px) {
  .tryandbuy-campaign-header .campaign-img-sm {
    display: block;
  }
}
.landing {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr auto;
  grid-template-columns: auto 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr auto;
  -ms-grid-rows: 56px;
  grid-template-rows: 56px;
  row-gap: 0;
  column-gap: 32px;
  margin: 0 auto;
  padding: 0;
  /*
      max-width: 1024px
  */
  /*
      max-width: 833px
  */
  /*
      max-width: 767px
  */
  /*
      max-width: 479px
  */
  background-position: center;
  background-size: cover;
  height: 27.9rem;
  padding-top: 21rem;
  width: 100%;
  column-gap: 2.4rem;
}

@media (max-width: 1024px) {
  .landing {
    -ms-grid-columns: auto 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr auto;
    grid-template-columns: auto 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr auto;
    column-gap: 24px;
  }
}
@media (max-width: 833px) {
  .landing {
    -ms-grid-columns: auto 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr auto;
    grid-template-columns: auto 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr auto;
    column-gap: 24px;
  }
}
@media (max-width: 767px) {
  .landing {
    -ms-grid-columns: auto 1fr 1fr 1fr 1fr 1fr 1fr auto;
    grid-template-columns: auto 1fr 1fr 1fr 1fr 1fr 1fr auto;
    column-gap: 16px;
  }
}
@media (max-width: 479px) {
  .landing {
    -ms-grid-columns: auto 1fr 1fr 1fr 1fr auto;
    grid-template-columns: auto 1fr 1fr 1fr 1fr auto;
    grid-gap: 16px;
    margin: 0 16px;
  }
}
@media (max-width: 479px) {
  .landing {
    background-position: top;
    height: 23.7rem;
    margin: 0;
    padding-top: 6.4rem;
    column-gap: 2.5rem;
  }
}
.landing__inner {
  -ms-grid-column: 4;
  grid-column-start: 4;
  grid-column-end: 12;
  margin: 0 auto;
  max-width: 1366px;
}

@media (max-width: 1024px) {
  .landing__inner {
    -ms-grid-column: 2;
    grid-column-start: 2;
    grid-column-end: 12;
  }
}
@media (max-width: 800px) {
  .landing__inner {
    -ms-grid-column: 2;
    grid-column-start: 2;
    grid-column-end: 11;
  }
}
@media (max-width: 479px) {
  .landing__inner {
    -ms-grid-column: 1;
    grid-column-start: 1;
    grid-column-end: 7;
    padding-top: 2.5rem;
  }
}
.landing .title {
  color: #fff;
  font-size: 4.8rem;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 4.8rem;
  margin: 0;
  opacity: 1;
  padding-bottom: 2.4rem;
  text-align: center;
}

@media (max-width: 479px) {
  .landing .title {
    font-size: 3.4rem;
    line-height: 4.2rem;
    padding-bottom: 3.2rem;
  }
}
.landing .domain-checker {
  border-radius: 0 !important;
  height: 5.6rem !important;
}

.landing .icon {
  color: #fff !important;
  height: 2.4rem;
  width: 2.4rem;
}

.landing .mobile {
  display: none;
}

.landing .desktop {
  display: inline-block;
}

@media (max-width: 479px) {
  .landing .btn {
    width: 7.1rem !important;
  }
  .landing .mobile {
    display: inline-block;
  }
  .landing .desktop {
    display: none;
  }
}
.landing form input {
  border: none !important;
  padding: 0 1rem !important;
  text-transform: initial !important;
}

.landing form input:-ms-input-placeholder {
  color: #1e2129 !important;
  opacity: 1 !important;
}

.landing form input::placeholder {
  color: #1e2129 !important;
  opacity: 1 !important;
}

.landing form input:focus:-ms-input-placeholder {
  color: #95a4ac !important;
}

.landing form input:focus::placeholder {
  color: #95a4ac !important;
}

.carousel-v2 {
  margin-top: 40px;
}

.carousel-v2 .inv {
  width: 200px;
  height: 50px;
  background: #ffffff 0% 0% no-repeat padding-box;
  border-radius: 4px;
}

.carousel-v2 .inv:hover {
  color: #fff;
}

.carousel-v2 .image {
  position: relative !important;
  transition: all 0.3s !important;
}

.carousel-v2 .image:hover {
  opacity: 0.6 !important;
  cursor: pointer;
}

.carousel-v2 .image:hover .hidden-button {
  opacity: 1 !important;
}

.carousel-v2 .hidden-button {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  opacity: 0 !important;
  transition: 0.3s all !important;
}

/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir=rtl] .slick-prev {
  right: -25px;
  left: auto;
}

.slick-prev:before {
  content: "←";
}

[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}

[dir=rtl] .slick-next {
  right: auto;
  left: -25px;
}

.slick-next:before {
  content: "→";
}

[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  top: 100%;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100px;
}

@media only screen and (max-width: 800px) {
  .slick-dots {
    height: 50px;
  }
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 12px;
  height: 12px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  font-family: "slick";
  font-size: 40px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: 1;
  color: #ccc;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  opacity: 1;
  color: #6b2fad;
}

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

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

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

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

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

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

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

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

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

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

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

.slick-slide img {
  display: block;
}

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

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

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

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

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

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

#product-header {
  background: #6b2fad;
}

#product-header .styled-line-trough::before {
  top: 40%;
}

#product-header .product-wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  grid-row-gap: 0px;
  grid-column-gap: 8px;
  margin: 0 auto;
  padding: 0px 16px;
  max-width: 1344px;
  /*
         max-width: 1200px
     */
  /*
         max-width: 992px
     */
  /*
         max-width: 768px
     */
  /*
         max-width: 576px
     */
  -ms-flex-align: center;
  align-items: center;
  height: 34rem;
}

@media (max-width: 1200px) {
  #product-header .product-wrapper {
    max-width: 1140px;
  }
}
@media (max-width: 992px) {
  #product-header .product-wrapper {
    max-width: 960px;
  }
}
@media (max-width: 768px) {
  #product-header .product-wrapper {
    max-width: 720px;
  }
}
@media (max-width: 576px) {
  #product-header .product-wrapper {
    max-width: 540px;
  }
}
@media (max-width: 992px) {
  #product-header .product-wrapper {
    height: 62.3rem;
  }
}
@media (max-width: 576px) {
  #product-header .product-wrapper {
    height: 37.7rem;
  }
}
#product-header .product-wrapper .product-header-content {
  -ms-grid-column: 1;
  grid-column-start: 1;
  grid-column-end: 7;
  -ms-grid-row: 1;
  grid-row-start: 1;
  grid-row-end: 2;
}

@media (max-width: 992px) {
  #product-header .product-wrapper .product-header-content {
    -ms-grid-column: 1;
    grid-column-start: 1;
    grid-column-end: 9;
  }
}
@media (max-width: 576px) {
  #product-header .product-wrapper .product-header-content {
    -ms-grid-column: 1;
    grid-column-start: 1;
    grid-column-end: 13;
  }
}
#product-header .product-wrapper .product-header-content .product {
  color: #ffffff;
  font-family: "Circular Book", "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 3.2rem;
  line-height: 3.2rem;
  margin: 0;
}

@media (max-width: 992px) {
  #product-header .product-wrapper .product-header-content .product {
    font-size: 2.4rem;
    line-height: 2.8rem;
  }
}
@media (max-width: 576px) {
  #product-header .product-wrapper .product-header-content .product {
    font-size: 1.8rem;
    line-height: 2.4rem;
  }
}
#product-header .product-wrapper .product-header-content .product-title, #product-header .product-wrapper .product-header-content .product-price {
  color: #ffffff;
  font-family: "Circular Black", "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 6.4rem;
  line-height: 6.7rem;
  letter-spacing: 0px;
  margin: 0;
}

@media (max-width: 1200px) {
  #product-header .product-wrapper .product-header-content .product-title, #product-header .product-wrapper .product-header-content .product-price {
    font-family: "Circular Book", "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  }
}
@media (max-width: 992px) {
  #product-header .product-wrapper .product-header-content .product-title, #product-header .product-wrapper .product-header-content .product-price {
    font-size: 4.8rem;
    line-height: 4.8rem;
  }
}
@media (max-width: 576px) {
  #product-header .product-wrapper .product-header-content .product-title, #product-header .product-wrapper .product-header-content .product-price {
    font-size: 3.2rem;
    line-height: 3.2rem;
  }
}
#product-header .product-wrapper .product-header-content .product-title .per-month, #product-header .product-wrapper .product-header-content .product-price .per-month {
  font-size: 3rem;
  -ms-flex-item-align: end;
  align-self: flex-end;
  margin-right: 1rem;
}

@media (max-width: 992px) {
  #product-header .product-wrapper .product-header-content .product-title .per-month, #product-header .product-wrapper .product-header-content .product-price .per-month {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }
}
@media (max-width: 576px) {
  #product-header .product-wrapper .product-header-content .product-title .per-month, #product-header .product-wrapper .product-header-content .product-price .per-month {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }
}
#product-header .product-wrapper .product-header-content .product-price {
  color: #00dbdb;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 1200px) {
  #product-header .product-wrapper .product-header-content .styled-comma {
    margin-top: 1.2rem;
  }
}
@media (max-width: 576px) {
  #product-header .product-wrapper .product-header-content .styled-comma {
    margin-top: 0.5rem;
  }
}
@media (max-width: 1200px) {
  #product-header .product-wrapper .product-header-content .styled-decimals {
    margin: -0.8rem 0 0 -0.5rem;
  }
}
@media (max-width: 576px) {
  #product-header .product-wrapper .product-header-content .styled-decimals {
    margin: -0.3rem 0 0 -0.5rem;
  }
}
#product-header .product-wrapper .product-header-content .product-title {
  font-size: 4.4rem;
  line-height: 4.7rem;
}

@media (max-width: 576px) {
  #product-header .product-wrapper .product-header-content .product-title {
    font-size: 3.2rem;
    line-height: 3.2rem;
  }
}
#product-header .product-wrapper .image-container {
  -ms-grid-column: 7;
  grid-column-start: 7;
  grid-column-end: 13;
  -ms-grid-row: 1;
  grid-row-start: 1;
  grid-row-end: 2;
}

@media (max-width: 992px) {
  #product-header .product-wrapper .image-container {
    -ms-grid-column: 1;
    grid-column-start: 1;
    grid-column-end: 13;
    -ms-grid-row: 2;
    grid-row-start: 2;
    grid-row-end: 3;
  }
}
@media (max-width: 992px) {
  #product-header .product-wrapper .image-container img {
    width: 60%;
  }
}
@media (max-width: 576px) {
  #product-header .product-wrapper .image-container img {
    width: 70%;
  }
}
#product-header .product-wrapper .image-container .product-image.product-image-retina {
  display: none;
}

@media (max-width: 992px) {
  #product-header .product-wrapper .image-container .product-image {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media (min-resolution: 192dpi) {
  #product-header .product-wrapper .image-container .product-image {
    display: none;
  }
  #product-header .product-wrapper .image-container .product-image.product-image-retina {
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-resolution: 192dpi) and (max-width: 992px) {
  #product-header .product-wrapper .image-container .product-image.product-image-retina {
    -ms-flex-pack: center;
    justify-content: center;
  }
}
#product-header .usp-wrapper {
  background: #482075;
  height: 6.5rem;
}

@media (max-width: 576px) {
  #product-header .usp-wrapper {
    height: 6.4rem;
  }
}
#product-header .usp-wrapper .usp-bar {
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  overflow: hidden;
}

#product-header .usp-wrapper .usp-bar.usp-bar-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  grid-row-gap: 0px;
  grid-column-gap: 8px;
  margin: 0 auto;
  padding: 0px 16px;
  max-width: 1344px;
  /*
         max-width: 1200px
     */
  /*
         max-width: 992px
     */
  /*
         max-width: 768px
     */
  /*
         max-width: 576px
     */
}

@media (max-width: 1200px) {
  #product-header .usp-wrapper .usp-bar.usp-bar-grid {
    max-width: 1140px;
  }
}
@media (max-width: 992px) {
  #product-header .usp-wrapper .usp-bar.usp-bar-grid {
    max-width: 960px;
  }
}
@media (max-width: 768px) {
  #product-header .usp-wrapper .usp-bar.usp-bar-grid {
    max-width: 720px;
  }
}
@media (max-width: 576px) {
  #product-header .usp-wrapper .usp-bar.usp-bar-grid {
    max-width: 540px;
  }
}
@media (max-width: 576px) {
  #product-header .usp-wrapper .usp-bar.usp-bar-grid {
    padding: 0;
  }
}
#product-header .usp-wrapper .usp-bar.usp-bar-flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 1rem;
}

#product-header .usp-wrapper .usp-items {
  -ms-grid-column: 1;
  grid-column-start: 1;
  grid-column-end: 13;
  color: #ffffff;
  display: -ms-flexbox;
  display: flex;
  font-family: "Circular Book", "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 2rem;
  -ms-flex-pack: justify;
  justify-content: space-between;
  line-height: 3rem;
  width: 100%;
}

@media (max-width: 1200px) {
  #product-header .usp-wrapper .usp-items {
    font-size: 1.8rem;
  }
}
@media (max-width: 992px) {
  #product-header .usp-wrapper .usp-items {
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 350px) {
  #product-header .usp-wrapper .usp-items {
    font-size: 1rem;
  }
}
#product-header .usp-wrapper .usp-items.usp-items-around {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

#product-header .usp-wrapper .usp-items.usp-items-width {
  width: 100%;
}

#product-header .usp-wrapper .usp-items svg {
  color: #ffffff;
}

#product-header .usp-wrapper .usp-items .usp-item {
  width: 100%;
}

#product-header .usp-wrapper .usp-items .icon-check-product {
  position: inherit !important;
}

#product-header .usp-wrapper .usp-items li {
  margin: 0px 2rem 0px 0px;
}

#product-header .usp-wrapper .usp-items li div {
  word-break: break-all;
  overflow: hidden;
  width: max-content;
  margin: 0 2rem 0 0;
}

#product-domain-checker {
  background-color: #efefef;
  font-family: "Circular Book", "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

#product-domain-checker .disclaimer-container {
  margin-bottom: 4rem;
}

#product-domain-checker .disclaimer-container .disclaimer {
  font-size: 1.4rem;
  margin: 0;
  color: #646f79;
}

@media (max-width: 576px) {
  #product-domain-checker .disclaimer-container .disclaimer {
    display: none;
  }
}
#product-domain-checker .disclaimer-container .mobile {
  display: none;
}

@media (max-width: 576px) {
  #product-domain-checker .disclaimer-container .mobile {
    display: block;
  }
}
#product-domain-checker .disclaimer-container .disclaimer-link {
  color: #6b2fad;
  width: 100%;
  text-decoration: none;
}

#product-domain-checker .domainname {
  color: #1e2129;
}

#product-domain-checker .domainextension {
  color: #6b2fad;
}

#product-domain-checker a {
  width: auto;
  padding: 1.4rem 1.2rem;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.8rem;
  width: 14.2rem;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 576px) {
  #product-domain-checker a {
    width: 42px;
    height: 42px;
    padding: 0;
  }
}
#product-domain-checker .picked-domain-info {
  color: #646f79;
  font-size: 1.4rem;
  margin-left: 0.4rem;
  font-weight: 500;
  display: none;
}

@media (max-width: 576px) {
  #product-domain-checker .picked-domain-info {
    display: block;
  }
}
@media (max-width: 576px) {
  #product-domain-checker .buttonText {
    display: none;
  }
}
#product-domain-checker form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  background-color: #ffffff;
  padding: 0.8rem 0.8rem 0.8rem 2.4rem;
  margin-bottom: 3.2rem;
  border-radius: 0.3rem;
}

@media (max-width: 576px) {
  #product-domain-checker form {
    padding: 0.8rem 0.8rem 0.8rem 1.6rem;
  }
}
#product-domain-checker form input:-webkit-autofill {
  -webkit-box-shadow: none;
}

#product-domain-checker input {
  -ms-flex-positive: 2;
  flex-grow: 2;
  border: none;
  font-size: 2.4rem;
  color: #646f79;
  font-family: "Circular Book", "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

#product-domain-checker input:-ms-input-placeholder {
  color: #646f79;
  opacity: 1;
}

#product-domain-checker input::placeholder {
  color: #646f79;
  opacity: 1;
}

@media (max-width: 576px) {
  #product-domain-checker input {
    font-size: 1.4rem;
  }
}
#product-domain-checker input:focus {
  outline: none;
}

#product-domain-checker .pricingButtonContainer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

#product-domain-checker .label-wrapper {
  width: 40%;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

@media (max-width: 833px) {
  #product-domain-checker .label-wrapper {
    width: 100%;
  }
}
#product-domain-checker .greyed.btn {
  color: #646f79;
  border-color: #646f79;
}

#product-domain-checker .greyed.btn svg {
  fill: #646f79;
}

#product-domain-checker .greyed.btn:hover {
  color: #ffffff;
}

#product-domain-checker .greyed.btn:hover svg {
  fill: #ffffff;
}

#product-domain-checker .btn {
  font-family: "Circular Book", "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 300;
  -ms-flex-align: center;
  align-items: center;
  height: 5.6rem;
}

#product-domain-checker .btn:hover {
  color: #ffffff;
}

#product-domain-checker .btn:hover .icon {
  color: #ffffff;
}

@media (max-width: 576px) {
  #product-domain-checker .btn {
    height: 4.2rem;
    width: 4.2rem;
  }
}
@media (max-width: 576px) {
  #product-domain-checker .btn.outlined {
    border-color: #cccccc;
  }
  #product-domain-checker .btn.outlined:hover {
    border-color: #6b2fad;
  }
}
#product-domain-checker .btn .icon {
  position: initial;
  top: auto;
  right: auto;
  transform: none;
  font-size: 1.6em;
  margin-right: 0.8rem;
  color: #6b2fad;
}

@media (max-width: 576px) {
  #product-domain-checker .btn .icon {
    margin-right: 0;
    font-size: 1.8em;
  }
}
#product-domain-checker .o-icon {
  margin-right: 0;
}

#product-domain-checker .list-box > li {
  padding: 0.8rem 0.8rem 0.8rem 2.4rem;
  margin: 0.4rem;
  border-radius: 0.4rem;
}

@media (max-width: 576px) {
  #product-domain-checker .list-box > li {
    padding: 0.8rem 1.2rem 0.8rem 0.8rem;
  }
}
#product-domain-checker .copy-small {
  position: inherit;
}

@media (max-width: 576px) {
  #product-domain-checker .domain-name-text {
    display: none;
  }
}
#product-domain-checker .list-box {
  border: none;
  margin: 0 0 2.4rem;
}

#product-domain-checker .price {
  font-family: "Circular Book", "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-top: 1.5rem;
  font-size: 1.8rem;
  margin-left: 2.3rem;
  font-weight: 300;
  -ms-flex-item-align: center;
  align-self: center;
}

#product-domain-checker .price .copy-small {
  margin: 0 0 0 0;
  right: initial;
  top: initial;
}

#product-domain-checker .price .line-trough {
  margin-right: 2.3rem;
  font-size: 1.4rem;
  color: #95a4ac;
}

@media (max-width: 1200px) {
  #product-domain-checker .price .line-trough {
    font-size: 1.2rem;
  }
}
#product-domain-checker .price .line-trough::before {
  right: 0px;
  top: 46%;
  border-bottom: 0.2rem solid #95a4ac;
}

@media (max-width: 576px) {
  #product-domain-checker .price .line-trough {
    margin-right: 0.4rem;
  }
}
@media (max-width: 1200px) {
  #product-domain-checker .price {
    font-size: 1.4rem;
  }
}
#product-domain-checker .column-50 > div {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

#product-domain-checker .product-culomn {
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 75%;
  word-break: break-word;
}

@media (max-width: 1200px) {
  #product-domain-checker .product-culomn {
    width: 70%;
  }
}
@media (max-width: 1024px) {
  #product-domain-checker .product-culomn {
    width: 65%;
  }
}
@media (max-width: 833px) {
  #product-domain-checker .product-culomn {
    width: 50%;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
#product-domain-checker .pricing-column {
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 25%;
}

@media (max-width: 1200px) {
  #product-domain-checker .pricing-column {
    width: 30%;
  }
}
@media (max-width: 1024px) {
  #product-domain-checker .pricing-column {
    width: 35%;
  }
}
@media (max-width: 833px) {
  #product-domain-checker .pricing-column {
    width: 50%;
  }
}
#product-domain-checker .domainname {
  font-size: 1.8rem;
}

@media (max-width: 833px) {
  #product-domain-checker .domainname {
    margin-bottom: 0.7rem;
  }
}
#product-domain-checker button {
  border-radius: 0.3rem;
  background: #6b2fad;
  color: #ffffff;
  font-size: 1.8rem;
  font-family: "Circular black", "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  padding: 1.6rem 3.4rem;
  border: none;
}

#product-domain-checker button svg {
  display: none;
}

@media (max-width: 576px) {
  #product-domain-checker button svg {
    display: block;
  }
}
@media (max-width: 576px) {
  #product-domain-checker button {
    width: 4.2rem;
    height: 4.2rem;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 2.4em;
  }
}
#product-domain-checker .product-domain-checker-wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  grid-row-gap: 0px;
  grid-column-gap: 8px;
  margin: 0 auto;
  padding: 0px 16px;
  max-width: 1344px;
  /*
         max-width: 1200px
     */
  /*
         max-width: 992px
     */
  /*
         max-width: 768px
     */
  /*
         max-width: 576px
     */
  padding-top: 5.6rem;
}

@media (max-width: 1200px) {
  #product-domain-checker .product-domain-checker-wrapper {
    max-width: 1140px;
  }
}
@media (max-width: 992px) {
  #product-domain-checker .product-domain-checker-wrapper {
    max-width: 960px;
  }
}
@media (max-width: 768px) {
  #product-domain-checker .product-domain-checker-wrapper {
    max-width: 720px;
  }
}
@media (max-width: 576px) {
  #product-domain-checker .product-domain-checker-wrapper {
    max-width: 540px;
  }
}
#product-domain-checker .product-domain-checker-wrapper .domain-checker-label {
  -ms-flex-align: center;
  align-items: center;
  background: #a9f3f3 0% 0% no-repeat padding-box;
  border-radius: 0.4rem;
  color: #000000;
  display: -ms-flexbox;
  display: flex;
  font-family: "Circular Book", "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 1.4rem;
  height: 3.2rem;
  -ms-flex-pack: center;
  justify-content: center;
  letter-spacing: 0px;
  line-height: 2.3rem;
  opacity: 1;
  padding: 0.7rem 1.3rem;
  width: max-content;
  float: right;
}

@media (max-width: 833px) {
  #product-domain-checker .product-domain-checker-wrapper .domain-checker-label {
    font-size: 1rem;
    padding: 0.1rem 0.9rem;
    float: none;
  }
}
#product-domain-checker .product-domain-checker-wrapper .product-domain-checker-content {
  -ms-grid-column: 1;
  grid-column-start: 1;
  grid-column-end: 13;
}

#product-domain-checker .product-domain-checker-wrapper .product-domain-checker-title {
  color: #6b2fad;
  font-family: "Circular Book", "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 3.2rem;
  letter-spacing: 0;
  line-height: 3.2rem;
  font-weight: bold;
}

#product-domain-checker .product-domain-checker-wrapper .domain-checker-input {
  border-radius: 0;
  height: 7.2rem;
}

#product-domain-checker .product-domain-checker-wrapper .domain-checker-input:-ms-input-placeholder {
  color: #646f79;
  opacity: 1;
}

#product-domain-checker .product-domain-checker-wrapper .domain-checker-input::placeholder {
  color: #646f79;
  opacity: 1;
}

#product-domain-checker .product-domain-checker-wrapper .product-domain-checker-button {
  border-radius: 0.4rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 576px) {
  #product-domain-checker .product-domain-checker-wrapper .product-domain-checker-button {
    height: 4.6rem;
    width: 4.6rem;
  }
}
#extension-list-wrapper {
  display: -ms-flexbox;
  display: flex;
  font-size: 1.4rem;
  margin: 0 0.4rem;
}

@media (max-width: 833px) {
  #extension-list-wrapper {
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#extension-list-wrapper .extension-list-text {
  color: #646f79;
}

#extension-list-wrapper .extension-list-link a {
  color: #6b2fad;
  display: inline-block;
  font-size: 1.4rem;
  margin: 0 0 1rem 0;
  padding: 0 0 0 0.5rem;
  width: 100%;
}

@media (max-width: 833px) {
  #extension-list-wrapper .extension-list-link a {
    padding: 0;
  }
}
.webhost-banner {
  min-height: 306px;
}

@media (max-width: 992px) {
  .webhost-banner {
    min-height: 206px;
  }
}
@media (max-width: 576px) {
  .webhost-banner {
    min-height: 106px;
  }
}
.webhost-banner .content-container {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #6b2fad;
}

.webhost-banner .content-container .text-container-banner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  font-family: "Circular Black", "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  background: #6b2fad;
  box-sizing: border-box;
  text-align: left;
  color: #ffffff;
  padding: 2rem 1.5rem 2rem 1.5rem;
}

.webhost-banner .content-container .text-container-banner h3 {
  font-size: 187%;
}

@media (max-width: 992px) {
  .webhost-banner .content-container .text-container-banner h3 {
    font-size: 160%;
  }
}
@media (max-width: 576px) {
  .webhost-banner .content-container .text-container-banner h3 {
    font-size: 110%;
  }
}
.webhost-banner .content-container .text-container-banner .action-text {
  color: #00dbdb;
  margin: 1rem 1rem 4rem 0;
}

.webhost-banner .content-container .text-container-banner .more-button {
  font-size: 1.4rem;
  font-family: "Circular Book", "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  background: none;
  color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 0.4rem;
  padding: 0.8rem 1.8rem;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

#confirmation-container {
  overflow: visible;
}

.black-friday-banner {
  font-weight: bold;
  background: #6b2fad;
}

.black-friday-banner .content-container {
  padding: 3rem 0 3rem 3rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}

@media (max-width: 992px) {
  .black-friday-banner .content-container {
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media (max-width: 576px) {
  .black-friday-banner .content-container {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
.black-friday-banner .more-button {
  background: #ffffff;
  color: #6b2fad;
  border-radius: 0.5rem;
  box-sizing: border-box;
  padding: 1.2rem;
  font-size: 1.7rem;
  font-weight: bold;
  border: none;
}

@media (max-width: 992px) {
  .black-friday-banner .more-button {
    font-size: 1.6rem;
  }
}
@media (max-width: 576px) {
  .black-friday-banner .more-button {
    font-size: 1.2rem;
  }
}
.black-friday-banner .text-container-banner {
  width: 70%;
}

.black-friday-banner .text-container-banner h3 {
  line-height: 4rem;
  font-size: 2.5rem;
  color: #ffffff;
}

@media (max-width: 576px) {
  .black-friday-banner .text-container-banner h3 {
    font-size: 2rem;
  }
}
.black-friday-banner .text-container-banner span {
  color: #00dbdb;
}

@media (max-width: 992px) {
  .black-friday-banner .text-container-banner {
    padding-right: 3rem;
    width: 100%;
  }
}
.black-friday-banner #thumbs-up {
  width: 30%;
  transform: scaleX(-1);
  -ms-flex-item-align: end;
  align-self: flex-end;
  margin-bottom: -5rem;
  margin-right: -1rem;
}

@media (max-width: 800px) {
  .black-friday-banner #thumbs-up {
    margin-bottom: -6rem;
  }
}
.black-friday-banner #black-friday-logo {
  width: 100%;
  margin-bottom: 2rem;
}

@media (max-width: 992px) {
  .black-friday-banner #black-friday-logo {
    width: 70%;
  }
}
.need-help-widget {
  display: none;
  position: fixed;
  right: 0px;
  bottom: 0px;
  margin: 1rem 2rem;
  text-decoration: none;
}

.need-help-widget > button {
  width: 16.6rem;
  height: 5rem;
  background-color: #ff8800;
  color: #ffffff;
  border: none;
  padding: 1rem 1.6rem;
  border-radius: 999rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
}

.need-help-widget > button > svg.chat-icon {
  fill: #ffffff;
  width: 1.4rem;
  height: 1.4rem;
  margin-right: 0.5rem;
}

.happy-hour-popup {
  background-color: rgba(0, 0, 0, 0.8);
  bottom: 0;
  display: none;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition: opacity 1.5s;
  width: 100%;
  z-index: 4;
}

.happy-hour-popup.active {
  display: block;
  opacity: 1;
}

.happy-hour-popup .popup {
  -ms-transform: translate(-50%, -50%);
  background: #ffffff;
  left: 50%;
  padding: 4rem 4.8rem 4.8rem 4.8rem;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.happy-hour-popup .popup button {
  border: none;
  border-radius: 0.4rem;
  float: right;
  font-size: 2.2rem;
  font-weight: 700;
  height: 5.6rem;
  margin-top: 2.4rem;
  width: 40rem;
}

.happy-hour-popup .popup button:disabled {
  background: #f6f8f9;
  color: #95a4ac;
}

.happy-hour-popup .popup button.primary {
  background: #6b2fad;
  color: #ffffff;
}

.happy-hour-popup .popup .dismiss {
  cursor: pointer;
  height: 2.5rem;
  position: absolute;
  right: 2rem;
  top: 2rem;
  width: 1.6rem;
}

.happy-hour-popup .popup form .checkbox {
  margin-top: 1.76rem;
}

.happy-hour-popup .popup form .checkbox label {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.happy-hour-popup .popup form .checkbox label input[type=checkbox] {
  accent-color: #6b2fad;
  height: 1.61rem;
  transform: scale(1.24);
  width: 1.61rem;
}

.happy-hour-popup .popup form .checkbox label span {
  font-size: 1.32rem;
  font-weight: 400;
  line-height: 1.91rem;
  margin-left: 1.17rem;
}

.happy-hour-popup .popup .header {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.happy-hour-popup .popup .header h2 {
  font-weight: 700;
  margin-left: 1rem;
  margin-top: 1rem;
}

.happy-hour-popup .popup .header img {
  height: 4.8rem;
  width: 4.8rem;
}

.happy-hour-popup .popup input {
  background: #f1f3f4;
  border: none;
  border-radius: 0.4rem;
  color: #646f79;
  font-size: 1.8rem;
  font-weight: 450;
  padding: 2.3rem 2.4rem;
  width: 100%;
}

.happy-hour-popup .popup input:focus {
  outline: none;
}

.happy-hour-popup .popup .notification {
  background: #b9dbfd;
  font-size: 1.8rem;
  font-weight: 450;
  line-height: 2.2rem;
  margin-top: 2.4rem;
  padding: 2.4rem 5.8rem;
  position: relative;
}

.happy-hour-popup .popup .notification.hidden {
  display: none;
}

.happy-hour-popup .popup .notification img {
  height: 1.8rem;
  left: 2.4rem;
  position: absolute;
  width: 1.8rem;
  top: 2.4rem;
}

.happy-hour-popup .popup p {
  font-size: 1.8rem;
  font-weight: 450;
  line-height: 2.277rem;
  margin-top: 1.5rem;
}

@media (max-width: 1280px) {
  .happy-hour-popup .popup {
    padding: 2.7rem 3.2rem 3.2rem 3.2rem;
  }
  .happy-hour-popup .popup button {
    font-size: 1.5rem;
    height: 3.7rem;
    margin-top: 1.6rem;
    width: 26.7rem;
  }
  .happy-hour-popup .popup .dismiss {
    height: 1.7rem;
    right: 1.3rem;
    top: 1.3rem;
    width: 1.1rem;
  }
  .happy-hour-popup .popup form .checkbox {
    margin-top: 1.17rem;
  }
  .happy-hour-popup .popup form .checkbox label input[type=checkbox] {
    height: 1.07rem;
    transform: scale(0.83);
    width: 1.07rem;
  }
  .happy-hour-popup .popup form .checkbox label span {
    font-size: 0.88rem;
    line-height: 1.25rem;
    margin-left: 0.5rem;
  }
  .happy-hour-popup .popup .header h2 {
    font-size: 1.9rem;
    line-height: 2.4rem;
    margin-left: 0.7rem;
    margin-top: 0.7rem;
  }
  .happy-hour-popup .popup .header img {
    height: 3.2rem;
    width: 3.2rem;
  }
  .happy-hour-popup .popup input {
    font-size: 1.2rem;
    padding: 1.5rem 1.6rem;
  }
  .happy-hour-popup .popup .notification {
    font-size: 1.2rem;
    line-height: 1.5rem;
    margin-top: 1.6rem;
    padding: 1.6rem 3.9rem;
  }
  .happy-hour-popup .popup .notification img {
    height: 1.2rem;
    left: 1.6rem;
    width: 1.2rem;
    top: 1.6rem;
  }
  .happy-hour-popup .popup p {
    font-size: 1.2rem;
    line-height: 1.51rem;
    margin-top: 1rem;
  }
}
@media (max-width: 874px) {
  .happy-hour-popup .popup .header h2 {
    margin-top: 0rem;
  }
  .happy-hour-popup .popup .header img {
    margin-top: 0.5rem;
  }
}
@media (max-width: 576px) {
  .happy-hour-popup .popup {
    padding: 2rem 2.4rem 2.4rem 2.4rem;
  }
  .happy-hour-popup .popup button {
    font-size: 1.1rem;
    height: 2.8rem;
    margin-top: 1.2rem;
    width: 20rem;
  }
  .happy-hour-popup .popup .dismiss {
    height: 1.25rem;
    right: 1rem;
    top: 1rem;
    width: 0.8rem;
  }
  .happy-hour-popup .popup form .checkbox {
    margin-top: unset;
  }
  .happy-hour-popup .popup form .checkbox label span {
    margin-left: 0.24rem;
  }
  .happy-hour-popup .popup .header h2 {
    font-size: 1.4rem;
    line-height: 1.771rem;
    margin-left: 0.5rem;
  }
  .happy-hour-popup .popup .header img {
    height: 2.4rem;
    width: 2.4rem;
  }
  .happy-hour-popup .popup input {
    font-size: 0.9rem;
    padding: 1.15rem 1.2rem;
  }
  .happy-hour-popup .popup .notification {
    font-size: 0.8rem;
    line-height: 0.92rem;
    margin-top: 0.72rem;
    padding: 0.72rem 1.74rem;
  }
  .happy-hour-popup .popup .notification img {
    height: 0.7rem;
    left: 0.65rem;
    width: 0.7rem;
    top: 0.77rem;
  }
  .happy-hour-popup .popup p {
    font-size: 0.9rem;
    line-height: 1.1385rem;
    margin-top: 0.7rem;
  }
}
.happy-hour-header {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.happy-hour-header .countdown {
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 4.3rem;
}

.happy-hour-header h1#title {
  color: #00dbdb;
  font-size: 6.4rem;
  font-weight: 900;
  margin-bottom: 1rem;
  text-align: left;
}

.happy-hour-header h2#description {
  font-size: 3.2rem;
  font-weight: 450;
  line-height: 4rem;
  margin-bottom: 4.8rem;
}

.happy-hour-header .unit {
  background: #1e2029;
  border-radius: 0.4rem;
  height: 11.3rem;
  margin-left: 2.4rem;
  width: 11.3rem;
}

.happy-hour-header .unit:first-of-type {
  margin-left: 0;
}

.happy-hour-header .unit div {
  position: relative;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
}

.happy-hour-header .unit div p {
  margin-bottom: unset;
}

.happy-hour-header .unit div p:nth-child(1) {
  color: #ffffff;
  font-size: 6.4rem;
  font-weight: 700;
  line-height: 6rem;
}

.happy-hour-header .unit div p:nth-child(2) {
  font-size: 1.8rem;
  font-weight: 450;
}

@media (max-width: 1200px) {
  .happy-hour-header {
    display: block;
    margin-bottom: 2.4rem;
  }
  .happy-hour-header .countdown {
    margin-left: 0;
  }
  .happy-hour-header h2#description {
    margin-bottom: 2.4rem;
  }
}
@media (max-width: 767px) {
  .happy-hour-header {
    margin-bottom: 1.2rem;
  }
  .happy-hour-header h1#title {
    font-size: 3.56rem;
    margin-bottom: 0.7rem;
  }
  .happy-hour-header h2#description {
    font-size: 1.8rem;
    line-height: 1.6rem;
    margin-bottom: 1.2rem;
  }
  .happy-hour-header .unit {
    height: 6.3rem;
    margin-left: 1.4rem;
    width: 6.3rem;
  }
  .happy-hour-header .unit div {
    top: 57%;
  }
  .happy-hour-header .unit div p:nth-child(1) {
    font-size: 3.6rem;
    line-height: 2.6rem;
  }
  .happy-hour-header .unit div p:nth-child(2) {
    font-size: 1rem;
  }
}
#product-information-block-2022 {
  font-family: "Circular book", "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

@media (max-width: 1200px) {
  #product-information-block-2022 {
    grid-row-gap: 1rem;
  }
}
#product-information-block-2022 header {
  grid-column: 1/13;
  margin-top: 10rem;
  margin-bottom: 10rem;
}

@media (max-width: 1200px) {
  #product-information-block-2022 header {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
}
@media (max-width: 576px) {
  #product-information-block-2022 header {
    margin-top: 0;
    margin-bottom: 0;
  }
}
#product-information-block-2022 hgroup {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
}

#product-information-block-2022 hgroup h2 {
  font-family: "Circular Black";
  font-size: 4.8rem;
  line-height: 5.8rem;
}

@media (max-width: 576px) {
  #product-information-block-2022 hgroup h2 {
    font-size: 3.6rem;
    line-height: 4.6rem;
  }
}
#product-information-block-2022 hgroup .product-information-gray {
  color: #95a4ac;
}

#product-information-block-2022 .information-block-2022-products-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}

#product-information-block-2022 .title-container {
  margin-bottom: 3.5rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -ms-grid-row: 1;
  grid-row: 1;
}

#product-information-block-2022 .title-container img {
  height: 5rem;
}

#product-information-block-2022 .title-container h2 {
  font-size: 2.6rem;
  font-weight: bold;
  color: #6b2fad;
  margin: 0 0 0 1rem;
}

#product-information-block-2022 .information-block-2022-product {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border: 1px solid #aaaaaa;
  box-sizing: border-box;
  padding: 2rem 1.2rem;
}

#product-information-block-2022 .information-block-2022-product p {
  font-family: "Circular book", "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 1.6rem;
}

#product-information-block-2022 .information-block-2022-product ul {
  list-style: none;
  padding: 0;
  margin: 0 0 3rem 0;
}

#product-information-block-2022 .information-block-2022-product ul li > svg {
  color: #33e2e2;
  font-size: 2.5rem;
}

#product-information-block-2022 .information-block-2022-product a {
  margin-top: 2.8rem;
  font-family: "Circular Book", "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  border: 0.2rem solid #6b2fad;
  color: #6b2fad;
  box-sizing: border-box;
  border-radius: 0.4rem;
  padding: 1rem 0;
  font-weight: bold;
}

#product-information-block-2022 .price-and-label {
  font-family: "Circular Book", "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}

#product-information-block-2022 .price-and-label h3 {
  font-size: 2.2rem;
  color: #6b2fad;
}

#product-information-block-2022 .price-and-label .text-aqua {
  font-family: "Circular Book", "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  padding: 0.5rem;
  color: #000000;
  font-size: 1.6rem;
  background: #33e2e2;
  font-weight: normal;
}

#product-information-block-2022 .price-and-label .price-from {
  color: #95a4ac;
  font-size: 1.8rem;
  position: relative;
  display: inline-block;
}

#product-information-block-2022 .price-and-label .price-from:before {
  content: "";
  width: 100%;
  position: absolute;
  right: 0;
  top: 35%;
  border-bottom: 0.1rem solid #95a4ac;
  transform: skewY(-13deg);
}

#product-information-block-2022 #product1 {
  -ms-grid-row: 2;
  grid-row: 2;
  grid-column: 1/4;
}

@media (max-width: 1200px) {
  #product-information-block-2022 #product1 {
    grid-column: 1/7;
  }
}
@media (max-width: 576px) {
  #product-information-block-2022 #product1 {
    grid-column: 1/13;
  }
}
#product-information-block-2022 #product2 {
  -ms-grid-row: 2;
  grid-row: 2;
  grid-column: 4/7;
}

@media (max-width: 1200px) {
  #product-information-block-2022 #product2 {
    grid-column: 7/13;
  }
}
@media (max-width: 576px) {
  #product-information-block-2022 #product2 {
    -ms-grid-row: 3;
    grid-row: 3;
    grid-column: 1/13;
  }
}
#product-information-block-2022 #product3 {
  -ms-grid-row: 2;
  grid-row: 2;
  grid-column: 7/10;
}

@media (max-width: 1200px) {
  #product-information-block-2022 #product3 {
    -ms-grid-row: 3;
    grid-row: 3;
    grid-column: 1/7;
  }
}
@media (max-width: 576px) {
  #product-information-block-2022 #product3 {
    -ms-grid-row: 4;
    grid-row: 4;
    grid-column: 1/13;
  }
}
#product-information-block-2022 #product4 {
  -ms-grid-row: 2;
  grid-row: 2;
  grid-column: 10/13;
}

@media (max-width: 1200px) {
  #product-information-block-2022 #product4 {
    -ms-grid-row: 3;
    grid-row: 3;
    grid-column: 7/13;
  }
}
@media (max-width: 576px) {
  #product-information-block-2022 #product4 {
    -ms-grid-row: 5;
    grid-row: 5;
    grid-column: 1/13;
  }
}
#product-information-block-2022 .disclaimer {
  font-family: "Circular Book", "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  grid-column: 1/13;
  color: #95a4ac;
  font-size: 1.8rem;
  margin-bottom: 10rem;
  margin-top: 2.5rem;
}

html,
body {
  padding-top: 0;
  height: 100%;
  width: 100%;
}

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}

body {
  font: normal normal 300 16px/24px "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #000000;
  background: #ffffff;
  text-rendering: optimizeLegibility;
  font-feature-settings: "kern";
  -webkit-font-feature-settings: "kern";
  -moz-font-feature-settings: "kern";
  -moz-font-feature-settings: "kern=1";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.grid-v2-container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  grid-row-gap: 0px;
  grid-column-gap: 8px;
  margin: 0 auto;
  padding: 0px 16px;
  max-width: 1344px;
  /*
         max-width: 1200px
     */
  /*
         max-width: 992px
     */
  /*
         max-width: 768px
     */
  /*
         max-width: 576px
     */
}

@media (max-width: 1200px) {
  .grid-v2-container {
    max-width: 1140px;
  }
}
@media (max-width: 992px) {
  .grid-v2-container {
    max-width: 960px;
  }
}
@media (max-width: 768px) {
  .grid-v2-container {
    max-width: 720px;
  }
}
@media (max-width: 576px) {
  .grid-v2-container {
    max-width: 540px;
  }
}
.site-frame {
  max-width: 1110px;
  margin: 0 auto;
  position: relative;
  padding: 0 1rem;
  box-sizing: border-box;
  -ms-flex: 1;
  flex: 1;
}

.site-frame .tos {
  color: #646f79;
  font-size: 14px;
}

.site-frame .tos div {
  display: -ms-flexbox;
  display: flex;
}

.site-frame .tos span {
  margin-right: 5px;
}

.site-frame .tos a:hover {
  text-decoration: underline;
}

.site-frame .tos .mobile-info {
  display: none;
}

@media (max-width: 479px) {
  .site-frame .tos .mobile-info {
    display: inline;
  }
}
.align-top, .header-main .panel .card.product, .product-collection .panel .usps, .confirmation-summary .card.product,
.align-bottom,
.tab-specs .list-tabs,
.align-middle,
.header-component,
.header-main .panel .card.product.stacked,
.header-main .bar-sub .nav-primary,
.header-main .cart-wrapper .cart-status-wrapper,
.header-main .cart-wrapper .counter-wrapper,
.header-main .logo-md,
.header-main .bar-main .site-frame,
form .input .add-on .packages,
form .input-group,
.list-specs,
.list-box .bundle-wrapper > li > .inner,
.list-box > li > .inner,
.list-box .bundle-wrapper > li > .inner.heading-sub a,
.list-box > li > .inner.heading-sub a,
.list-box .bundle-wrapper > li .grid .col:first-child,
.list-box .bundle-wrapper > li .grid .col:last-child,
.list-box > li .grid .col:first-child,
.list-box > li .grid .col:last-child,
.list-social,
.list-steps,
.list-steps li,
.icon-rounded,
.card.product,
.card.product .media .stamp,
.gallery .item,
.gallery .item .media .overlay,
.info-block .media,
.info-block blockquote,
.info-block .quote-default,
.banner .inner,
.confirmation-summary .card.stacked,
.align-left,
.input-group-gegevens,
.align-right,
.list-box .bundle-wrapper > li .summary .grid.column-66-33 .col,
.list-box > li .summary .grid.column-66-33 .col,
.align-justify,
.list-box > li > .inner,
.align-center,
.tooltip-header,
.header-main .cart-wrapper .counter-wrapper .vr-wrapper,
.modal,
.md-modal,
.info-block blockquote,
.info-block .quote-default,
.cookie-bar .grid {
  display: -ms-flexbox;
  display: flex;
}

.align-justify, form .input-group, .list-box .bundle-wrapper > li > .inner, .list-box > li > .inner {
  display: -ms-flexbox;
  display: flex;
}

.align-top, .header-main .panel .card.product, .product-collection .panel .usps, .confirmation-summary .card.product {
  -ms-flex-align: start;
  align-items: flex-start;
}

.align-bottom, .tab-specs .list-tabs {
  -ms-flex-align: end;
  align-items: flex-end;
}

.align-middle, .header-component, .header-main .panel .card.product.stacked, .header-main .bar-sub .nav-primary, .header-main .cart-wrapper .cart-status-wrapper, .header-main .cart-wrapper .counter-wrapper, .header-main .logo-md, .header-main .bar-main .site-frame, form .input .add-on .packages, form .input-group, .list-specs, .list-box .bundle-wrapper > li > .inner, .list-box > li > .inner, .list-box .bundle-wrapper > li > .inner.heading-sub a, .list-box > li > .inner.heading-sub a, .list-box .bundle-wrapper > li .grid .col:first-child, .list-box .bundle-wrapper > li .grid .col:last-child, .list-box > li .grid .col:first-child, .list-box > li .grid .col:last-child, .list-social, .list-steps, .list-steps li, .icon-rounded, .card.product, .card.product .media .stamp, .gallery .item, .gallery .item .media .overlay, .info-block .media, .info-block blockquote,
.info-block .quote-default, .banner .inner, .confirmation-summary .card.stacked {
  -ms-flex-align: center;
  align-items: center;
}

.align-left, .input-group-gegevens {
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.align-right, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .col, .list-box > li .summary .grid.column-66-33 .col {
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.align-center, .tooltip-header, .header-main .cart-wrapper .cart-status-wrapper, .header-main .cart-wrapper .counter-wrapper .vr-wrapper, .header-main .cart-wrapper .counter-wrapper, .list-social, .icon-rounded, .modal, .md-modal, .card.product .media .stamp, .gallery .item, .gallery .item .media .overlay, .info-block .media, .info-block blockquote,
.info-block .quote-default, .product-collection .panel .usps, .cookie-bar .grid, .confirmation-summary .card.product, .confirmation-summary .card.stacked {
  -ms-flex-pack: center;
  justify-content: center;
}

.align-justify, form .input-group, .list-box .bundle-wrapper > li > .inner, .list-box > li > .inner {
  -ms-flex-pack: justify;
  justify-content: space-between;
}

/*
Header

Header

.header - Main Header.

Markup: ../templates/header.html

Styleguide header
*/
.header-main {
  font-family: "Circular Book", "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  height: auto;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3;
}

.header-main p {
  font-family: "Circular Book", "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.header-main a {
  font-family: "Circular Book", "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.header-main #discount-warning-pop-up {
  position: fixed;
  top: 0;
  z-index: 5000;
}

.header-main .nav-toggler {
  display: none;
}

@media (max-width: 833px) {
  .header-main .nav-toggler {
    cursor: pointer;
    display: block;
    padding-left: 8px;
  }
}
.header-main .nav-toggler .lines {
  height: 3rem;
  width: 3rem;
  display: block;
  position: relative;
}

.header-main .nav-toggler .lines .line {
  height: 0.2rem;
  width: 100%;
  border-radius: 0.2rem;
  background: #6b2fad;
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 50%;
  right: auto;
  transform: translate(-50%, -50%);
  transition: opacity 0.2s 0.1s cubic-bezier(0.23, 1, 0.32, 1), transform 0.2s cubic-bezier(0.23, 1, 0.32, 1), top 0.2s 0.2s cubic-bezier(0.23, 1, 0.32, 1);
}

.header-main .nav-toggler .lines .line:nth-child(1) {
  top: calc(50% - 0.6rem);
}

.header-main .nav-toggler .lines .line:nth-child(3) {
  top: calc(50% + 0.6rem);
}

.header-main.is-open .nav-toggler .lines .line {
  transition: opacity 0.2s cubic-bezier(0.23, 1, 0.32, 1), transform 0.2s 0.1s cubic-bezier(0.23, 1, 0.32, 1), top 0s cubic-bezier(0.23, 1, 0.32, 1);
}

.header-main.is-open .nav-toggler .lines .line:nth-child(1) {
  top: 50%;
  transform: translate(-50%, -50%) rotateZ(-45deg);
  transform-origin: center;
}

.header-main.is-open .nav-toggler .lines .line:nth-child(2) {
  opacity: 0;
}

.header-main.is-open .nav-toggler .lines .line:nth-child(3) {
  top: 50%;
  transform: translate(-50%, -50%) rotateZ(45deg);
  transform-origin: center;
}

.header-main.is-open .nav-overlay {
  opacity: 0.5;
  transition: opacity 0.3s;
}

@media (max-width: 833px) {
  .header-main.is-open .nav-overlay {
    display: block;
  }
}
@media (max-width: 479px) {
  .header-main.is-open .nav-overlay {
    display: none;
  }
}
.header-main.is-open .nav-holder {
  opacity: 1;
  transform: translateX(0);
}

.header-main.inverted .bar-main {
  background: #6b2fad;
}

.header-main.inverted .logo-md,
.header-main.inverted .nav-secondary,
.header-main.inverted .cart-status .counter {
  color: #ffffff;
}

.header-main.inverted .cart-status {
  background: #ffffff;
  color: #6b2fad;
}

.header-main .bar-main {
  background: #ffffff;
  border-bottom: 1px solid #cccccc;
  color: #6b2fad;
  display: -ms-flexbox;
  display: flex;
  height: 72px;
}

@media (max-width: 767px) {
  .header-main .bar-main {
    height: 56px;
  }
}
.header-main .bar-main .site-frame {
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.header-main .bar-main .full-width {
  max-width: 100%;
  padding: 0;
}

.header-main .logo-md {
  padding-left: 16px;
}

.header-main .logo-md .inner {
  height: 3.2rem;
  width: 18rem;
  display: block;
}

.header-main .logo-md .icon-md-logo {
  height: 100%;
  width: 100%;
}

@media (max-width: 767px) {
  .header-main .logo-md .icon-md-logo {
    height: 87.5%;
    width: 87.5%;
    margin: 2px 0;
  }
}
.header-main .logo-md .icon-rounded {
  background: #f9f9f9;
  color: #6b2fad;
  margin: 0 0 0 0.8rem;
  position: relative;
  cursor: pointer;
}

@media (max-width: 833px) {
  .header-main .logo-md .icon-rounded {
    display: none;
  }
}
.header-main .logo-md .icon-rounded:hover {
  background: #6b2fad;
  color: #f9f9f9;
}

.header-main .logo-md .icon-rounded:hover .tooltip-header {
  visibility: visible;
  opacity: 1;
}

.header-main .cart-wrapper {
  display: -ms-flexbox;
  display: flex;
  height: 72px;
}

@media (max-width: 767px) {
  .header-main .cart-wrapper {
    height: 56px;
    width: 56px;
  }
}
.header-main .cart-wrapper .counter-wrapper {
  background: #f6f8f9;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  padding: 0 0 0 20px;
  width: 104px;
}

@media (max-width: 833px) {
  .header-main .cart-wrapper .counter-wrapper {
    display: none;
  }
}
.header-main .cart-wrapper .counter-wrapper .vr-wrapper {
  border-right: 1px solid #cccccc;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 40px;
  width: 99%;
}

.header-main .cart-wrapper .counter-wrapper .vr-wrapper .counter {
  color: #1e2129;
  font: 500 14px/22px "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  letter-spacing: 0;
  margin-top: 5px;
}

.header-main .cart-wrapper .counter-wrapper .vr-wrapper .price {
  color: #1e2129;
  font: 900 14px/22px "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  letter-spacing: 0;
}

.header-main .cart-wrapper .cart-status-wrapper {
  background: #f6f8f9;
  height: 100%;
  width: 72px;
}

.header-main .cart-wrapper .cart-status-wrapper .cart-status {
  background: #f6f8f9;
  color: #6b2fad;
  font-size: 3em;
  position: absolute;
  display: -ms-flexbox;
  display: flex;
}

.header-main .cart-wrapper .cart-status-wrapper .cart-status.cart-filled {
  margin-left: 7px;
}

@media (max-width: 767px) {
  .header-main .cart-wrapper .cart-status-wrapper .cart-status.cart-filled {
    margin-left: 5px;
  }
}
.header-main .bar-sub {
  height: auto;
  width: 100%;
  background: #6b2fad;
  color: #ffffff;
}

.header-main .bar-sub .nav-primary {
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 2rem;
  margin-bottom: 2.8rem;
  padding: 0 1rem;
}

@media (max-width: 833px) {
  .header-main .bar-sub .nav-primary {
    display: block;
    font-size: 2.4rem;
    padding: 0;
  }
}
.header-main .bar-sub .nav-primary > li {
  text-align: center;
  position: relative;
}

@media (max-width: 833px) {
  .header-main .bar-sub .nav-primary > li {
    text-align: left;
  }
}
.header-main .bar-sub .nav-primary > li > a {
  display: block;
  padding: 1.5rem 0 1.5rem 0;
}

@media (max-width: 833px) {
  .header-main .bar-sub .nav-primary > li > a {
    padding: 0 0 1.5rem 0;
  }
}
.header-main .bar-sub .nav-primary > li .indicator {
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
  font: 0/0 serif;
  border-top: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #ffffff;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.15s cubic-bezier(0.23, 1, 0.32, 1);
}

@media (max-width: 767px) {
  .header-main .bar-sub .nav-primary > li .indicator {
    left: 4rem;
    transform: none;
  }
}
@media (min-device-width: 1025px) {
  .header-main .bar-sub .nav-primary > li:hover .indicator {
    transition: opacity 0.3s 0.2s cubic-bezier(0.23, 1, 0.32, 1);
    opacity: 1;
  }
  .header-main .bar-sub .nav-primary > li:hover .panel {
    transition: opacity 0.3s 0.2s cubic-bezier(0.23, 1, 0.32, 1), visibility 0s 0.2s cubic-bezier(0.23, 1, 0.32, 1);
    opacity: 1;
    visibility: visible;
  }
}
@media (max-width: 800px) {
  .header-main .bar-sub .nav-primary > li .indicator {
    top: 3.5rem;
    bottom: auto;
    transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  }
  .header-main .bar-sub .nav-primary > li .panel {
    transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), height 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    opacity: 1;
    visibility: visible;
  }
  .header-main .bar-sub .nav-primary > li.is-open .indicator {
    opacity: 1;
  }
  .header-main .bar-sub .nav-primary > li.is-open .panel {
    height: auto;
    opacity: 1;
    visibility: visible;
  }
}
.header-main .bar-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.header-main .nav-secondary {
  display: -ms-flexbox;
  display: flex;
  color: #6b2fad;
  margin: 0 2.4rem 0 0;
}

@media (max-width: 833px) {
  .header-main .nav-secondary {
    display: none;
    position: relative;
    top: auto;
    right: auto;
    margin: 0;
    color: #ffffff;
  }
}
.header-main .nav-secondary li {
  margin: 0 0 0 2.7rem;
}

@media (max-width: 833px) {
  .header-main .nav-secondary li {
    display: block;
    margin: 0;
  }
  .header-main .nav-secondary li > a {
    display: block;
    padding: 0 0 0.8rem 0;
    font-size: 1.8rem;
  }
}
@media (max-width: 833px) and (max-width: 800px) {
  .header-main .nav-secondary li > a {
    text-align: left;
  }
}
.header-main .nav-secondary li .icon {
  font-size: 1.75em;
  vertical-align: middle;
}

.header-main .nav-secondary li .icon.icon-emp, .header-main .nav-secondary li .icon.icon-person-edit {
  display: none;
}

@media (max-width: 800px) {
  .header-main .nav-secondary li .icon.icon-emp, .header-main .nav-secondary li .icon.icon-person-edit {
    display: inline-block;
  }
}
.header-main .nav-overlay {
  width: 100vw;
  height: 100vh;
  background: #000000;
  opacity: 0;
  display: none;
}

@media (max-width: 833px) {
  .header-main .nav-holder {
    width: 50%;
    position: fixed;
    top: 7.2rem;
    left: 0;
    background: #6b2fad;
    height: 100vh;
    overflow: auto;
    text-align: left;
    padding: 2.5rem 0 2.5rem 2.5rem;
    box-sizing: border-box;
    transform: translateX(-100%);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  }
}
@media (max-width: 767px) {
  .header-main .nav-holder {
    top: 5.7rem;
  }
}
@media (max-width: 479px) {
  .header-main .nav-holder {
    width: 100%;
  }
}
.header-main .panel {
  height: auto;
  width: 100vw;
  font: normal normal 300 14px/18px "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  background: #ffffff;
  color: #000000;
  text-align: left;
  position: fixed;
  top: 12.4rem;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.15s cubic-bezier(0.23, 1, 0.32, 1), visibility 0s 0.15s cubic-bezier(0.23, 1, 0.32, 1);
  padding: 1rem 0 0;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}

@media (max-width: 800px) {
  .header-main .panel {
    position: relative;
    top: auto;
    left: auto;
    margin: 0 0 0 -1rem;
    padding: 0;
    height: 0;
    overflow: hidden;
  }
}
.header-main .panel .domainchecker-widget {
  margin: 3.5rem 0;
}

.header-main .panel .list-check {
  margin: 0 0 1em 0;
}

@media (max-width: 800px) {
  .header-main .panel .list-check {
    display: none;
  }
}
.header-main .panel .row:nth-child(2n+2) {
  background: #f9f9f9;
}

@media (max-width: 800px) {
  .header-main .panel .row:nth-child(2n+2) {
    display: none;
  }
}
.header-main .panel .row .col {
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.header-main .panel .row .col .card {
  margin: 0;
}

.header-main .panel .media.video {
  height: auto;
  margin: 2rem 0 3rem;
}

@media (max-width: 800px) {
  .header-main .panel .media.video {
    display: none;
  }
}
.header-main .panel .card.product {
  -ms-flex: 1;
  flex: 1;
  margin: 0 0 1rem;
}

.header-main .panel .card.product.stacked {
  max-width: 36rem;
  border-color: #f9f9f9;
  background: #f9f9f9;
  padding: 1.5rem;
  margin: 2rem 0 3rem;
}

@media (max-width: 800px) {
  .header-main .panel .card.product.stacked {
    display: none;
  }
}
.header-main .panel .card.product.stacked .media {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}

.header-main .panel .card.product .media {
  height: auto;
  width: 100%;
}

.header-main .panel .card.product .description {
  height: auto;
  width: calc(100% - 7.5rem);
  padding: 0 0 0 2rem;
  margin: 0;
  box-sizing: border-box;
}

.tooltip-header {
  background: #ffffff;
  border-radius: 5px;
  border: 1px solid #dbdbdb;
  padding: 3rem 0 1.4rem 0;
  box-sizing: border-box;
  text-align: center;
  position: absolute;
  top: calc(100% + 1rem);
  z-index: 4;
  opacity: 0;
  visibility: hidden;
}

.tooltip-header:after {
  content: "";
  width: 100px;
  height: 20px;
  position: absolute;
  top: -20px;
  left: calc(50% - 40px);
}

.tooltip-header .item {
  margin: 0 3rem;
  color: #000000;
}

.tooltip-header .item .icon {
  font-size: 5em;
}

/*
Header Component

Header Component

.header-component - Header component.

Markup: ../templates/header-component.html

Styleguide header.component
*/
.header-component {
  margin: 40px 0;
}

.header-component > * {
  margin-bottom: 0;
}

.header-component .link-default {
  color: #6b2fad;
}

.slide-fade-enter-active {
  transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1);
}

.slide-fade-leave-active {
  transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1);
}

.slide-fade-enter,
.slide-fade-leave-to {
  transform: translateX(10px);
  opacity: 0;
}

.fade-enter-active {
  transition: opacity 1s;
}

.fade-leave-active {
  transition: opacity 0.5s;
}

.fade-enter,
.fade-leave-to {
  opacity: 0;
}

.header-main .hide-menu-button-ab30 {
  background: #ffffff;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
  height: 7.1rem;
  display: none;
}

.header-main .hide-menu-button-ab30 .btn {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  padding: 1.2rem 1.5rem;
  margin-right: 6px;
}

/*
Footer

Footer component.

.footer - Default Button.

Markup: ../templates/footer.html

Styleguide footer
*/
.footer-main {
  background: #6b2fad;
  color: #ffffff;
  text-align: center;
  padding: 5rem 0 0;
}

.footer-main .domainchecker-widget {
  max-width: 67.56%;
  padding: 0;
  margin: 0 auto 3.4rem;
}

@media (max-width: 1024px) {
  .footer-main .domainchecker-widget {
    max-width: 80%;
  }
}
@media (max-width: 767px) {
  .footer-main .domainchecker-widget {
    max-width: 100%;
  }
}
.footer-main .domainchecker-widget .input {
  margin: 0 0 5rem;
}

.footer-main .grid {
  border-top: 1px solid #8858bd;
  text-align: left;
  padding: 5rem 3rem 3rem;
  width: 100%;
  margin: 0;
  box-sizing: border-box;
}

@media (max-width: 1280px) {
  .footer-main .grid {
    padding: 5rem 0 3rem;
  }
}
@media (max-width: 767px) {
  .footer-main .grid {
    text-align: center;
  }
}
.footer-main .grid .heading-featured {
  font-weight: 400;
}

.footer-main .grid .list-default, .footer-main .grid .list-bullets, .footer-main .grid .list-check, .footer-main .grid .list-specs, .footer-main .grid .list-box {
  margin: 0 0 2rem;
}

.footer-main .grid .list-default li, .footer-main .grid .list-bullets li, .footer-main .grid .list-check li, .footer-main .grid .list-specs li, .footer-main .grid .list-box li {
  padding: 0;
  margin: 0 0 0.8rem;
}

.footer-main .grid .list-default li a, .footer-main .grid .list-bullets li a, .footer-main .grid .list-check li a, .footer-main .grid .list-specs li a, .footer-main .grid .list-box li a {
  color: rgba(255, 255, 255, 0.7);
  transition: color 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

.footer-main .grid .list-default li a:hover, .footer-main .grid .list-bullets li a:hover, .footer-main .grid .list-check li a:hover, .footer-main .grid .list-specs li a:hover, .footer-main .grid .list-box li a:hover {
  color: white;
}

.footer-main .tsg-footer {
  margin-top: 2rem;
  padding: 0;
  background-color: #FD9292;
  height: 5rem;
  display: block;
  transition: 0.5s ease;
}

@media only screen and (max-width: 767px) {
  .footer-main .tsg-footer {
    margin: 0;
  }
}
.footer-main .tsg-footer__inner {
  margin: 0 auto;
  padding-top: 1.8rem;
  width: 65rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.footer-main .tsg-footer:hover {
  background-color: #138461;
  transition: 0.5s ease;
}

.footer-main .tsg-footer__tagline,
.footer-main .tsg-footer__logo {
  width: 21.2rem;
  padding-top: 0;
  display: -ms-flexbox;
  display: flex;
}

.footer-main .tsg-footer__tagline {
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.footer-main .tsg-footer__logo {
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.footer-main .tsg-footer__icon {
  margin-top: -5.8rem;
  margin-left: 2rem;
  margin-right: 2rem;
  width: 18rem;
  height: 9rem;
  transition: all 300ms ease-in-out;
  overflow: hidden;
}

.footer-main .tsg-footer__icon svg {
  width: 18rem;
  height: 18rem;
}

.footer-main .tsg-footer:hover .tsg-footer__icon {
  margin-top: -6.8rem;
  height: 10rem;
}

.footer-main .payment-footer-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.footer-main .payment-footer-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  background: #fff;
  border-radius: 0.4rem;
  margin-top: 4rem;
  -ms-flex-align: center;
  align-items: center;
  padding: 0rem 0rem 0rem 0.8rem;
}

.footer-main .payment-footer-content img {
  height: 0.9rem;
  margin-right: 0.4rem;
}

.footer-main .payment-footer-content img.ideal {
  height: 1.5rem;
}

.footer-main .payment-footer-content img.master-card {
  height: 1.3rem;
}

.footer-main .payment-footer-content img.sepa {
  margin-right: 0rem;
}

.footer-main .payment-footer-content img.bancontact {
  height: 3rem;
  margin-right: 0;
}

@media only screen and (max-width: 767px) {
  .footer-main .tsg-footer {
    height: 4rem;
  }
  .footer-main .tsg-footer__inner {
    padding-top: 1.2rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 29.2rem;
  }
  .footer-main .tsg-footer__tagline,
  .footer-main .tsg-footer__tagline svg {
    width: auto;
    height: 0.9rem;
  }
  .footer-main .tsg-footer__tagline,
  .footer-main .tsg-footer__logo {
    padding-top: 0.5rem;
  }
  .footer-main .tsg-footer__tagline {
    min-width: 10.5rem;
  }
  .footer-main .tsg-footer__icon {
    margin-top: -2.2rem;
    width: 6.2rem;
    height: 5rem;
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .footer-main .tsg-footer__icon svg {
    width: 6.2rem;
    height: 6.2rem;
  }
  .footer-main .tsg-footer__logo,
  .footer-main .tsg-footer__logo svg {
    width: auto;
    height: 0.9rem;
  }
  .footer-main .tsg-footer:hover .tsg-footer__icon {
    margin-top: -2.6rem;
    height: 5.4rem;
  }
  .footer-main .payment-footer-container {
    -ms-flex-pack: center;
    justify-content: center;
  }
  .footer-main .payment-footer-content img.ideal {
    height: 1.2rem;
  }
  .footer-main .payment-footer-content img {
    height: 0.8rem;
  }
}
/*
Footer Cart summary

Footer cart summary.

.footer-cart-summary - Default footer for cart summary.

Markup: ../templates/footer-cart-summary.html

Styleguide footer.cardsummary
*/
.footer-cart-summary {
  background: #ffffff;
  box-shadow: -1px -2px 4px rgba(0, 0, 0, 0.1);
  padding: 1rem 0;
  position: fixed;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
}

@media (max-width: 767px) {
  .footer-cart-summary {
    padding: 2rem 0;
  }
}
.footer-cart-summary .heading-sub {
  margin: 0 1rem 0 0;
  font-weight: 400;
}

@media (max-width: 767px) {
  .footer-cart-summary .heading-sub {
    font: normal normal 400 18px/22px "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  }
}
.footer-cart-summary .heading-sub .copy-small {
  color: #888888;
  margin: 0 0 0 0.5rem;
}

@media (max-width: 767px) {
  .footer-cart-summary .heading-sub .copy-small {
    display: block;
  }
}
.footer-cart-summary .list-check li {
  display: inline-block;
  padding: 0.2em 0.5em 0.2em 1.19em;
  text-align: center;
}

@media (max-width: 800px) {
  .footer-cart-summary .list-check li {
    display: none;
  }
}
@media (max-width: 767px) {
  .footer-cart-summary .copy-default, .footer-cart-summary .link-default {
    display: none;
  }
}
.footer-cart-summary .btn {
  margin: 0 0 0 1rem;
}

.footer-cart-summary.ab-30 .actions {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.footer-cart-summary.ab-30 .actions :first-child {
  margin-left: 0.5rem;
}

@media (max-width: 992px) {
  .footer-cart-summary.ab-30 .actions {
    width: unset;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
@media (max-width: 768px) {
  .footer-cart-summary.ab-30 .actions {
    width: 100%;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    background: white;
  }
}
@media (max-width: 576px) {
  .footer-cart-summary.ab-30 .actions {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .footer-cart-summary.ab-30 .actions :first-child {
    margin-left: unset;
  }
}
.footer-cart-summary.ab-30 a button {
  margin: 0;
}

@media (max-width: 768px) {
  .footer-cart-summary.ab-30 a button {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
    margin: 0.5rem;
  }
}
@media (max-width: 576px) {
  .footer-cart-summary.ab-30 a button {
    width: 100%;
  }
}
.site-frame.align-right.align-middle.variant2 .actions, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.align-middle.variant2.col .actions, .list-box > li .summary .grid.column-66-33 .site-frame.align-middle.variant2.col .actions, form .input .add-on .site-frame.align-right.variant2.packages .actions, .list-box .bundle-wrapper > li .summary .grid.column-66-33 form .input .add-on .site-frame.variant2.col.packages .actions, form .input .add-on .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.packages .actions, .list-box > li .summary .grid.column-66-33 form .input .add-on .site-frame.variant2.col.packages .actions, form .input .add-on .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.packages .actions, form .site-frame.align-right.variant2.input-group .actions, .list-box .bundle-wrapper > li .summary .grid.column-66-33 form .site-frame.variant2.col.input-group .actions, form .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.input-group .actions, .list-box > li .summary .grid.column-66-33 form .site-frame.variant2.col.input-group .actions, form .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.input-group .actions, .site-frame.align-right.variant2.list-specs .actions, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.list-specs .actions, .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.list-specs .actions, .list-box .bundle-wrapper > li > .site-frame.align-right.variant2.inner .actions, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .bundle-wrapper > li > .site-frame.variant2.col.inner .actions, .list-box > li .summary .grid.column-66-33 .bundle-wrapper > li > .site-frame.variant2.col.inner .actions, .list-box > li > .site-frame.align-right.variant2.inner .actions, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .list-box > li > .site-frame.variant2.col.inner .actions, .list-box > li .summary .grid.column-66-33 .list-box > li > .site-frame.variant2.col.inner .actions, .list-box .bundle-wrapper > li > .inner.heading-sub a.site-frame.align-right.variant2 .actions, .list-box .bundle-wrapper > li > .inner.heading-sub .summary .grid.column-66-33 a.site-frame.variant2.col .actions, .list-box > li .summary .grid.column-66-33 .bundle-wrapper > li > .inner.heading-sub a.site-frame.variant2.col .actions, .list-box > li .bundle-wrapper > li > .inner.heading-sub .summary .grid.column-66-33 a.site-frame.variant2.col .actions, .list-box > li > .inner.heading-sub a.site-frame.align-right.variant2 .actions, .list-box > li > .inner.heading-sub .bundle-wrapper > li .summary .grid.column-66-33 a.site-frame.variant2.col .actions, .list-box > li > .inner.heading-sub .summary .grid.column-66-33 a.site-frame.variant2.col .actions, .list-box .bundle-wrapper > li .grid .site-frame.align-right.variant2.col:first-child .actions, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col:first-child .actions, .list-box > li .summary .bundle-wrapper > li .grid.column-66-33 .site-frame.variant2.col:first-child .actions, .list-box > li .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col:first-child .actions, .list-box .bundle-wrapper > li .grid .site-frame.align-right.variant2.col:last-child .actions, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col:last-child .actions, .list-box > li .summary .bundle-wrapper > li .grid.column-66-33 .site-frame.variant2.col:last-child .actions, .list-box > li .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col:last-child .actions, .list-box > li .grid .site-frame.align-right.variant2.col:first-child .actions, .list-box > li .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col:first-child .actions, .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col:first-child .actions, .list-box > li .grid .site-frame.align-right.variant2.col:last-child .actions, .list-box > li .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col:last-child .actions, .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col:last-child .actions, .site-frame.align-right.variant2.list-social .actions, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.list-social .actions, .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.list-social .actions, .site-frame.align-right.variant2.list-steps .actions, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.list-steps .actions, .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.list-steps .actions, .list-steps li.site-frame.align-right.variant2 .actions, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .list-steps li.site-frame.variant2.col .actions, .list-steps .list-box .bundle-wrapper > li .summary .grid.column-66-33 li.site-frame.variant2.col .actions, .list-box > li .summary .grid.column-66-33 .list-steps li.site-frame.variant2.col .actions, .list-steps .list-box > li .summary .grid.column-66-33 li.site-frame.variant2.col .actions, .site-frame.align-right.variant2.icon-rounded .actions, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.icon-rounded .actions, .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.icon-rounded .actions, .site-frame.align-right.variant2.card.product .actions, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.card.product .actions, .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.card.product .actions, .card.product .media .site-frame.align-right.variant2.stamp .actions, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .card.product .media .site-frame.variant2.col.stamp .actions, .card.product .media .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.stamp .actions, .list-box > li .summary .grid.column-66-33 .card.product .media .site-frame.variant2.col.stamp .actions, .card.product .media .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.stamp .actions, .gallery .site-frame.align-right.variant2.item .actions, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .gallery .site-frame.variant2.col.item .actions, .gallery .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.item .actions, .list-box > li .summary .grid.column-66-33 .gallery .site-frame.variant2.col.item .actions, .gallery .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.item .actions, .gallery .item .media .site-frame.align-right.variant2.overlay .actions, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .gallery .item .media .site-frame.variant2.col.overlay .actions, .gallery .item .media .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.overlay .actions, .list-box > li .summary .grid.column-66-33 .gallery .item .media .site-frame.variant2.col.overlay .actions, .gallery .item .media .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.overlay .actions, .info-block .site-frame.align-right.variant2.media .actions, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .info-block .site-frame.variant2.col.media .actions, .info-block .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.media .actions, .list-box > li .summary .grid.column-66-33 .info-block .site-frame.variant2.col.media .actions, .info-block .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.media .actions, .info-block blockquote.site-frame.align-right.variant2 .actions, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .info-block blockquote.site-frame.variant2.col .actions, .info-block .list-box .bundle-wrapper > li .summary .grid.column-66-33 blockquote.site-frame.variant2.col .actions, .list-box > li .summary .grid.column-66-33 .info-block blockquote.site-frame.variant2.col .actions, .info-block .list-box > li .summary .grid.column-66-33 blockquote.site-frame.variant2.col .actions,
.info-block .site-frame.align-right.variant2.quote-default .actions,
.list-box .bundle-wrapper > li .summary .grid.column-66-33 .info-block .site-frame.variant2.col.quote-default .actions,
.info-block .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.quote-default .actions,
.list-box > li .summary .grid.column-66-33 .info-block .site-frame.variant2.col.quote-default .actions,
.info-block .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.quote-default .actions, .banner .site-frame.align-right.variant2.inner .actions, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .banner .site-frame.variant2.col.inner .actions, .banner .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.inner .actions, .list-box > li .summary .grid.column-66-33 .banner .site-frame.variant2.col.inner .actions, .banner .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.inner .actions, .confirmation-summary .site-frame.align-right.variant2.card.stacked .actions, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .confirmation-summary .site-frame.variant2.col.card.stacked .actions, .confirmation-summary .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.card.stacked .actions, .list-box > li .summary .grid.column-66-33 .confirmation-summary .site-frame.variant2.col.card.stacked .actions, .confirmation-summary .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.card.stacked .actions, .header-main .bar-main .site-frame.align-right.variant2 .actions, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .header-main .bar-main .site-frame.variant2.col .actions, .header-main .bar-main .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col .actions, .list-box > li .summary .grid.column-66-33 .header-main .bar-main .site-frame.variant2.col .actions, .header-main .bar-main .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col .actions, .header-main .site-frame.align-right.variant2.logo-md .actions, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .header-main .site-frame.variant2.col.logo-md .actions, .header-main .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.logo-md .actions, .list-box > li .summary .grid.column-66-33 .header-main .site-frame.variant2.col.logo-md .actions, .header-main .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.logo-md .actions, .header-main .cart-wrapper .site-frame.align-right.variant2.counter-wrapper .actions, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .header-main .cart-wrapper .site-frame.variant2.col.counter-wrapper .actions, .header-main .cart-wrapper .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.counter-wrapper .actions, .list-box > li .summary .grid.column-66-33 .header-main .cart-wrapper .site-frame.variant2.col.counter-wrapper .actions, .header-main .cart-wrapper .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.counter-wrapper .actions, .header-main .cart-wrapper .site-frame.align-right.variant2.cart-status-wrapper .actions, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .header-main .cart-wrapper .site-frame.variant2.col.cart-status-wrapper .actions, .header-main .cart-wrapper .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.cart-status-wrapper .actions, .list-box > li .summary .grid.column-66-33 .header-main .cart-wrapper .site-frame.variant2.col.cart-status-wrapper .actions, .header-main .cart-wrapper .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.cart-status-wrapper .actions, .header-main .bar-sub .site-frame.align-right.variant2.nav-primary .actions, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .header-main .bar-sub .site-frame.variant2.col.nav-primary .actions, .header-main .bar-sub .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.nav-primary .actions, .list-box > li .summary .grid.column-66-33 .header-main .bar-sub .site-frame.variant2.col.nav-primary .actions, .header-main .bar-sub .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.nav-primary .actions, .header-main .panel .site-frame.align-right.variant2.card.product.stacked .actions, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .header-main .panel .site-frame.variant2.col.card.product.stacked .actions, .header-main .panel .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.card.product.stacked .actions, .list-box > li .summary .grid.column-66-33 .header-main .panel .site-frame.variant2.col.card.product.stacked .actions, .header-main .panel .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.card.product.stacked .actions, .site-frame.align-right.variant2.header-component .actions, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.header-component .actions, .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.header-component .actions {
  width: unset;
}

.site-frame.align-right.align-middle.variant2 .btn, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.align-middle.variant2.col .btn, .list-box > li .summary .grid.column-66-33 .site-frame.align-middle.variant2.col .btn, form .input .add-on .site-frame.align-right.variant2.packages .btn, .list-box .bundle-wrapper > li .summary .grid.column-66-33 form .input .add-on .site-frame.variant2.col.packages .btn, form .input .add-on .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.packages .btn, .list-box > li .summary .grid.column-66-33 form .input .add-on .site-frame.variant2.col.packages .btn, form .input .add-on .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.packages .btn, form .site-frame.align-right.variant2.input-group .btn, .list-box .bundle-wrapper > li .summary .grid.column-66-33 form .site-frame.variant2.col.input-group .btn, form .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.input-group .btn, .list-box > li .summary .grid.column-66-33 form .site-frame.variant2.col.input-group .btn, form .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.input-group .btn, .site-frame.align-right.variant2.list-specs .btn, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.list-specs .btn, .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.list-specs .btn, .list-box .bundle-wrapper > li > .site-frame.align-right.variant2.inner .btn, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .bundle-wrapper > li > .site-frame.variant2.col.inner .btn, .list-box > li .summary .grid.column-66-33 .bundle-wrapper > li > .site-frame.variant2.col.inner .btn, .list-box > li > .site-frame.align-right.variant2.inner .btn, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .list-box > li > .site-frame.variant2.col.inner .btn, .list-box > li .summary .grid.column-66-33 .list-box > li > .site-frame.variant2.col.inner .btn, .list-box .bundle-wrapper > li > .inner.heading-sub a.site-frame.align-right.variant2 .btn, .list-box .bundle-wrapper > li > .inner.heading-sub .summary .grid.column-66-33 a.site-frame.variant2.col .btn, .list-box > li .summary .grid.column-66-33 .bundle-wrapper > li > .inner.heading-sub a.site-frame.variant2.col .btn, .list-box > li .bundle-wrapper > li > .inner.heading-sub .summary .grid.column-66-33 a.site-frame.variant2.col .btn, .list-box > li > .inner.heading-sub a.site-frame.align-right.variant2 .btn, .list-box > li > .inner.heading-sub .bundle-wrapper > li .summary .grid.column-66-33 a.site-frame.variant2.col .btn, .list-box > li > .inner.heading-sub .summary .grid.column-66-33 a.site-frame.variant2.col .btn, .list-box .bundle-wrapper > li .grid .site-frame.align-right.variant2.col:first-child .btn, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col:first-child .btn, .list-box > li .summary .bundle-wrapper > li .grid.column-66-33 .site-frame.variant2.col:first-child .btn, .list-box > li .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col:first-child .btn, .list-box .bundle-wrapper > li .grid .site-frame.align-right.variant2.col:last-child .btn, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col:last-child .btn, .list-box > li .summary .bundle-wrapper > li .grid.column-66-33 .site-frame.variant2.col:last-child .btn, .list-box > li .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col:last-child .btn, .list-box > li .grid .site-frame.align-right.variant2.col:first-child .btn, .list-box > li .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col:first-child .btn, .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col:first-child .btn, .list-box > li .grid .site-frame.align-right.variant2.col:last-child .btn, .list-box > li .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col:last-child .btn, .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col:last-child .btn, .site-frame.align-right.variant2.list-social .btn, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.list-social .btn, .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.list-social .btn, .site-frame.align-right.variant2.list-steps .btn, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.list-steps .btn, .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.list-steps .btn, .list-steps li.site-frame.align-right.variant2 .btn, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .list-steps li.site-frame.variant2.col .btn, .list-steps .list-box .bundle-wrapper > li .summary .grid.column-66-33 li.site-frame.variant2.col .btn, .list-box > li .summary .grid.column-66-33 .list-steps li.site-frame.variant2.col .btn, .list-steps .list-box > li .summary .grid.column-66-33 li.site-frame.variant2.col .btn, .site-frame.align-right.variant2.icon-rounded .btn, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.icon-rounded .btn, .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.icon-rounded .btn, .site-frame.align-right.variant2.card.product .btn, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.card.product .btn, .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.card.product .btn, .card.product .media .site-frame.align-right.variant2.stamp .btn, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .card.product .media .site-frame.variant2.col.stamp .btn, .card.product .media .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.stamp .btn, .list-box > li .summary .grid.column-66-33 .card.product .media .site-frame.variant2.col.stamp .btn, .card.product .media .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.stamp .btn, .gallery .site-frame.align-right.variant2.item .btn, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .gallery .site-frame.variant2.col.item .btn, .gallery .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.item .btn, .list-box > li .summary .grid.column-66-33 .gallery .site-frame.variant2.col.item .btn, .gallery .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.item .btn, .gallery .item .media .site-frame.align-right.variant2.overlay .btn, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .gallery .item .media .site-frame.variant2.col.overlay .btn, .gallery .item .media .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.overlay .btn, .list-box > li .summary .grid.column-66-33 .gallery .item .media .site-frame.variant2.col.overlay .btn, .gallery .item .media .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.overlay .btn, .info-block .site-frame.align-right.variant2.media .btn, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .info-block .site-frame.variant2.col.media .btn, .info-block .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.media .btn, .list-box > li .summary .grid.column-66-33 .info-block .site-frame.variant2.col.media .btn, .info-block .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.media .btn, .info-block blockquote.site-frame.align-right.variant2 .btn, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .info-block blockquote.site-frame.variant2.col .btn, .info-block .list-box .bundle-wrapper > li .summary .grid.column-66-33 blockquote.site-frame.variant2.col .btn, .list-box > li .summary .grid.column-66-33 .info-block blockquote.site-frame.variant2.col .btn, .info-block .list-box > li .summary .grid.column-66-33 blockquote.site-frame.variant2.col .btn,
.info-block .site-frame.align-right.variant2.quote-default .btn,
.list-box .bundle-wrapper > li .summary .grid.column-66-33 .info-block .site-frame.variant2.col.quote-default .btn,
.info-block .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.quote-default .btn,
.list-box > li .summary .grid.column-66-33 .info-block .site-frame.variant2.col.quote-default .btn,
.info-block .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.quote-default .btn, .banner .site-frame.align-right.variant2.inner .btn, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .banner .site-frame.variant2.col.inner .btn, .banner .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.inner .btn, .list-box > li .summary .grid.column-66-33 .banner .site-frame.variant2.col.inner .btn, .banner .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.inner .btn, .confirmation-summary .site-frame.align-right.variant2.card.stacked .btn, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .confirmation-summary .site-frame.variant2.col.card.stacked .btn, .confirmation-summary .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.card.stacked .btn, .list-box > li .summary .grid.column-66-33 .confirmation-summary .site-frame.variant2.col.card.stacked .btn, .confirmation-summary .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.card.stacked .btn, .header-main .bar-main .site-frame.align-right.variant2 .btn, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .header-main .bar-main .site-frame.variant2.col .btn, .header-main .bar-main .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col .btn, .list-box > li .summary .grid.column-66-33 .header-main .bar-main .site-frame.variant2.col .btn, .header-main .bar-main .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col .btn, .header-main .site-frame.align-right.variant2.logo-md .btn, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .header-main .site-frame.variant2.col.logo-md .btn, .header-main .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.logo-md .btn, .list-box > li .summary .grid.column-66-33 .header-main .site-frame.variant2.col.logo-md .btn, .header-main .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.logo-md .btn, .header-main .cart-wrapper .site-frame.align-right.variant2.counter-wrapper .btn, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .header-main .cart-wrapper .site-frame.variant2.col.counter-wrapper .btn, .header-main .cart-wrapper .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.counter-wrapper .btn, .list-box > li .summary .grid.column-66-33 .header-main .cart-wrapper .site-frame.variant2.col.counter-wrapper .btn, .header-main .cart-wrapper .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.counter-wrapper .btn, .header-main .cart-wrapper .site-frame.align-right.variant2.cart-status-wrapper .btn, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .header-main .cart-wrapper .site-frame.variant2.col.cart-status-wrapper .btn, .header-main .cart-wrapper .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.cart-status-wrapper .btn, .list-box > li .summary .grid.column-66-33 .header-main .cart-wrapper .site-frame.variant2.col.cart-status-wrapper .btn, .header-main .cart-wrapper .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.cart-status-wrapper .btn, .header-main .bar-sub .site-frame.align-right.variant2.nav-primary .btn, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .header-main .bar-sub .site-frame.variant2.col.nav-primary .btn, .header-main .bar-sub .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.nav-primary .btn, .list-box > li .summary .grid.column-66-33 .header-main .bar-sub .site-frame.variant2.col.nav-primary .btn, .header-main .bar-sub .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.nav-primary .btn, .header-main .panel .site-frame.align-right.variant2.card.product.stacked .btn, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .header-main .panel .site-frame.variant2.col.card.product.stacked .btn, .header-main .panel .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.card.product.stacked .btn, .list-box > li .summary .grid.column-66-33 .header-main .panel .site-frame.variant2.col.card.product.stacked .btn, .header-main .panel .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.card.product.stacked .btn, .site-frame.align-right.variant2.header-component .btn, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.header-component .btn, .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.header-component .btn {
  width: unset;
}

.site-frame.align-right.align-middle.variant1, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.align-middle.variant1.col, .list-box > li .summary .grid.column-66-33 .site-frame.align-middle.variant1.col, form .input .add-on .site-frame.align-right.variant1.packages, .list-box .bundle-wrapper > li .summary .grid.column-66-33 form .input .add-on .site-frame.variant1.col.packages, form .input .add-on .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant1.col.packages, .list-box > li .summary .grid.column-66-33 form .input .add-on .site-frame.variant1.col.packages, form .input .add-on .list-box > li .summary .grid.column-66-33 .site-frame.variant1.col.packages, form .site-frame.align-right.variant1.input-group, .list-box .bundle-wrapper > li .summary .grid.column-66-33 form .site-frame.variant1.col.input-group, form .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant1.col.input-group, .list-box > li .summary .grid.column-66-33 form .site-frame.variant1.col.input-group, form .list-box > li .summary .grid.column-66-33 .site-frame.variant1.col.input-group, .site-frame.align-right.variant1.list-specs, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant1.col.list-specs, .list-box > li .summary .grid.column-66-33 .site-frame.variant1.col.list-specs, .list-box .bundle-wrapper > li > .site-frame.align-right.variant1.inner, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .bundle-wrapper > li > .site-frame.variant1.col.inner, .list-box > li .summary .grid.column-66-33 .bundle-wrapper > li > .site-frame.variant1.col.inner, .list-box > li > .site-frame.align-right.variant1.inner, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .list-box > li > .site-frame.variant1.col.inner, .list-box > li .summary .grid.column-66-33 .list-box > li > .site-frame.variant1.col.inner, .list-box .bundle-wrapper > li > .inner.heading-sub a.site-frame.align-right.variant1, .list-box .bundle-wrapper > li > .inner.heading-sub .summary .grid.column-66-33 a.site-frame.variant1.col, .list-box > li .summary .grid.column-66-33 .bundle-wrapper > li > .inner.heading-sub a.site-frame.variant1.col, .list-box > li .bundle-wrapper > li > .inner.heading-sub .summary .grid.column-66-33 a.site-frame.variant1.col, .list-box > li > .inner.heading-sub a.site-frame.align-right.variant1, .list-box > li > .inner.heading-sub .bundle-wrapper > li .summary .grid.column-66-33 a.site-frame.variant1.col, .list-box > li > .inner.heading-sub .summary .grid.column-66-33 a.site-frame.variant1.col, .list-box .bundle-wrapper > li .grid .site-frame.align-right.variant1.col:first-child, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant1.col:first-child, .list-box > li .summary .bundle-wrapper > li .grid.column-66-33 .site-frame.variant1.col:first-child, .list-box > li .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant1.col:first-child, .list-box .bundle-wrapper > li .grid .site-frame.align-right.variant1.col:last-child, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant1.col:last-child, .list-box > li .summary .bundle-wrapper > li .grid.column-66-33 .site-frame.variant1.col:last-child, .list-box > li .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant1.col:last-child, .list-box > li .grid .site-frame.align-right.variant1.col:first-child, .list-box > li .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant1.col:first-child, .list-box > li .summary .grid.column-66-33 .site-frame.variant1.col:first-child, .list-box > li .grid .site-frame.align-right.variant1.col:last-child, .list-box > li .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant1.col:last-child, .list-box > li .summary .grid.column-66-33 .site-frame.variant1.col:last-child, .site-frame.align-right.variant1.list-social, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant1.col.list-social, .list-box > li .summary .grid.column-66-33 .site-frame.variant1.col.list-social, .site-frame.align-right.variant1.list-steps, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant1.col.list-steps, .list-box > li .summary .grid.column-66-33 .site-frame.variant1.col.list-steps, .list-steps li.site-frame.align-right.variant1, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .list-steps li.site-frame.variant1.col, .list-steps .list-box .bundle-wrapper > li .summary .grid.column-66-33 li.site-frame.variant1.col, .list-box > li .summary .grid.column-66-33 .list-steps li.site-frame.variant1.col, .list-steps .list-box > li .summary .grid.column-66-33 li.site-frame.variant1.col, .site-frame.align-right.variant1.icon-rounded, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant1.col.icon-rounded, .list-box > li .summary .grid.column-66-33 .site-frame.variant1.col.icon-rounded, .site-frame.align-right.variant1.card.product, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant1.col.card.product, .list-box > li .summary .grid.column-66-33 .site-frame.variant1.col.card.product, .card.product .media .site-frame.align-right.variant1.stamp, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .card.product .media .site-frame.variant1.col.stamp, .card.product .media .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant1.col.stamp, .list-box > li .summary .grid.column-66-33 .card.product .media .site-frame.variant1.col.stamp, .card.product .media .list-box > li .summary .grid.column-66-33 .site-frame.variant1.col.stamp, .gallery .site-frame.align-right.variant1.item, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .gallery .site-frame.variant1.col.item, .gallery .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant1.col.item, .list-box > li .summary .grid.column-66-33 .gallery .site-frame.variant1.col.item, .gallery .list-box > li .summary .grid.column-66-33 .site-frame.variant1.col.item, .gallery .item .media .site-frame.align-right.variant1.overlay, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .gallery .item .media .site-frame.variant1.col.overlay, .gallery .item .media .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant1.col.overlay, .list-box > li .summary .grid.column-66-33 .gallery .item .media .site-frame.variant1.col.overlay, .gallery .item .media .list-box > li .summary .grid.column-66-33 .site-frame.variant1.col.overlay, .info-block .site-frame.align-right.variant1.media, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .info-block .site-frame.variant1.col.media, .info-block .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant1.col.media, .list-box > li .summary .grid.column-66-33 .info-block .site-frame.variant1.col.media, .info-block .list-box > li .summary .grid.column-66-33 .site-frame.variant1.col.media, .info-block blockquote.site-frame.align-right.variant1, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .info-block blockquote.site-frame.variant1.col, .info-block .list-box .bundle-wrapper > li .summary .grid.column-66-33 blockquote.site-frame.variant1.col, .list-box > li .summary .grid.column-66-33 .info-block blockquote.site-frame.variant1.col, .info-block .list-box > li .summary .grid.column-66-33 blockquote.site-frame.variant1.col,
.info-block .site-frame.align-right.variant1.quote-default,
.list-box .bundle-wrapper > li .summary .grid.column-66-33 .info-block .site-frame.variant1.col.quote-default,
.info-block .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant1.col.quote-default,
.list-box > li .summary .grid.column-66-33 .info-block .site-frame.variant1.col.quote-default,
.info-block .list-box > li .summary .grid.column-66-33 .site-frame.variant1.col.quote-default, .banner .site-frame.align-right.variant1.inner, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .banner .site-frame.variant1.col.inner, .banner .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant1.col.inner, .list-box > li .summary .grid.column-66-33 .banner .site-frame.variant1.col.inner, .banner .list-box > li .summary .grid.column-66-33 .site-frame.variant1.col.inner, .confirmation-summary .site-frame.align-right.variant1.card.stacked, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .confirmation-summary .site-frame.variant1.col.card.stacked, .confirmation-summary .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant1.col.card.stacked, .list-box > li .summary .grid.column-66-33 .confirmation-summary .site-frame.variant1.col.card.stacked, .confirmation-summary .list-box > li .summary .grid.column-66-33 .site-frame.variant1.col.card.stacked, .header-main .bar-main .site-frame.align-right.variant1, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .header-main .bar-main .site-frame.variant1.col, .header-main .bar-main .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant1.col, .list-box > li .summary .grid.column-66-33 .header-main .bar-main .site-frame.variant1.col, .header-main .bar-main .list-box > li .summary .grid.column-66-33 .site-frame.variant1.col, .header-main .site-frame.align-right.variant1.logo-md, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .header-main .site-frame.variant1.col.logo-md, .header-main .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant1.col.logo-md, .list-box > li .summary .grid.column-66-33 .header-main .site-frame.variant1.col.logo-md, .header-main .list-box > li .summary .grid.column-66-33 .site-frame.variant1.col.logo-md, .header-main .cart-wrapper .site-frame.align-right.variant1.counter-wrapper, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .header-main .cart-wrapper .site-frame.variant1.col.counter-wrapper, .header-main .cart-wrapper .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant1.col.counter-wrapper, .list-box > li .summary .grid.column-66-33 .header-main .cart-wrapper .site-frame.variant1.col.counter-wrapper, .header-main .cart-wrapper .list-box > li .summary .grid.column-66-33 .site-frame.variant1.col.counter-wrapper, .header-main .cart-wrapper .site-frame.align-right.variant1.cart-status-wrapper, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .header-main .cart-wrapper .site-frame.variant1.col.cart-status-wrapper, .header-main .cart-wrapper .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant1.col.cart-status-wrapper, .list-box > li .summary .grid.column-66-33 .header-main .cart-wrapper .site-frame.variant1.col.cart-status-wrapper, .header-main .cart-wrapper .list-box > li .summary .grid.column-66-33 .site-frame.variant1.col.cart-status-wrapper, .header-main .bar-sub .site-frame.align-right.variant1.nav-primary, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .header-main .bar-sub .site-frame.variant1.col.nav-primary, .header-main .bar-sub .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant1.col.nav-primary, .list-box > li .summary .grid.column-66-33 .header-main .bar-sub .site-frame.variant1.col.nav-primary, .header-main .bar-sub .list-box > li .summary .grid.column-66-33 .site-frame.variant1.col.nav-primary, .header-main .panel .site-frame.align-right.variant1.card.product.stacked, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .header-main .panel .site-frame.variant1.col.card.product.stacked, .header-main .panel .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant1.col.card.product.stacked, .list-box > li .summary .grid.column-66-33 .header-main .panel .site-frame.variant1.col.card.product.stacked, .header-main .panel .list-box > li .summary .grid.column-66-33 .site-frame.variant1.col.card.product.stacked, .site-frame.align-right.variant1.header-component, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant1.col.header-component, .list-box > li .summary .grid.column-66-33 .site-frame.variant1.col.header-component {
  display: none;
}

.site-frame.align-right.align-middle.variant2, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.align-middle.variant2.col, .list-box > li .summary .grid.column-66-33 .site-frame.align-middle.variant2.col, form .input .add-on .site-frame.align-right.variant2.packages, .list-box .bundle-wrapper > li .summary .grid.column-66-33 form .input .add-on .site-frame.variant2.col.packages, form .input .add-on .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.packages, .list-box > li .summary .grid.column-66-33 form .input .add-on .site-frame.variant2.col.packages, form .input .add-on .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.packages, form .site-frame.align-right.variant2.input-group, .list-box .bundle-wrapper > li .summary .grid.column-66-33 form .site-frame.variant2.col.input-group, form .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.input-group, .list-box > li .summary .grid.column-66-33 form .site-frame.variant2.col.input-group, form .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.input-group, .site-frame.align-right.variant2.list-specs, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.list-specs, .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.list-specs, .list-box .bundle-wrapper > li > .site-frame.align-right.variant2.inner, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .bundle-wrapper > li > .site-frame.variant2.col.inner, .list-box > li .summary .grid.column-66-33 .bundle-wrapper > li > .site-frame.variant2.col.inner, .list-box > li > .site-frame.align-right.variant2.inner, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .list-box > li > .site-frame.variant2.col.inner, .list-box > li .summary .grid.column-66-33 .list-box > li > .site-frame.variant2.col.inner, .list-box .bundle-wrapper > li > .inner.heading-sub a.site-frame.align-right.variant2, .list-box .bundle-wrapper > li > .inner.heading-sub .summary .grid.column-66-33 a.site-frame.variant2.col, .list-box > li .summary .grid.column-66-33 .bundle-wrapper > li > .inner.heading-sub a.site-frame.variant2.col, .list-box > li .bundle-wrapper > li > .inner.heading-sub .summary .grid.column-66-33 a.site-frame.variant2.col, .list-box > li > .inner.heading-sub a.site-frame.align-right.variant2, .list-box > li > .inner.heading-sub .bundle-wrapper > li .summary .grid.column-66-33 a.site-frame.variant2.col, .list-box > li > .inner.heading-sub .summary .grid.column-66-33 a.site-frame.variant2.col, .list-box .bundle-wrapper > li .grid .site-frame.align-right.variant2.col:first-child, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col:first-child, .list-box > li .summary .bundle-wrapper > li .grid.column-66-33 .site-frame.variant2.col:first-child, .list-box > li .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col:first-child, .list-box .bundle-wrapper > li .grid .site-frame.align-right.variant2.col:last-child, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col:last-child, .list-box > li .summary .bundle-wrapper > li .grid.column-66-33 .site-frame.variant2.col:last-child, .list-box > li .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col:last-child, .list-box > li .grid .site-frame.align-right.variant2.col:first-child, .list-box > li .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col:first-child, .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col:first-child, .list-box > li .grid .site-frame.align-right.variant2.col:last-child, .list-box > li .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col:last-child, .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col:last-child, .site-frame.align-right.variant2.list-social, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.list-social, .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.list-social, .site-frame.align-right.variant2.list-steps, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.list-steps, .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.list-steps, .list-steps li.site-frame.align-right.variant2, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .list-steps li.site-frame.variant2.col, .list-steps .list-box .bundle-wrapper > li .summary .grid.column-66-33 li.site-frame.variant2.col, .list-box > li .summary .grid.column-66-33 .list-steps li.site-frame.variant2.col, .list-steps .list-box > li .summary .grid.column-66-33 li.site-frame.variant2.col, .site-frame.align-right.variant2.icon-rounded, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.icon-rounded, .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.icon-rounded, .site-frame.align-right.variant2.card.product, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.card.product, .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.card.product, .card.product .media .site-frame.align-right.variant2.stamp, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .card.product .media .site-frame.variant2.col.stamp, .card.product .media .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.stamp, .list-box > li .summary .grid.column-66-33 .card.product .media .site-frame.variant2.col.stamp, .card.product .media .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.stamp, .gallery .site-frame.align-right.variant2.item, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .gallery .site-frame.variant2.col.item, .gallery .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.item, .list-box > li .summary .grid.column-66-33 .gallery .site-frame.variant2.col.item, .gallery .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.item, .gallery .item .media .site-frame.align-right.variant2.overlay, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .gallery .item .media .site-frame.variant2.col.overlay, .gallery .item .media .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.overlay, .list-box > li .summary .grid.column-66-33 .gallery .item .media .site-frame.variant2.col.overlay, .gallery .item .media .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.overlay, .info-block .site-frame.align-right.variant2.media, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .info-block .site-frame.variant2.col.media, .info-block .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.media, .list-box > li .summary .grid.column-66-33 .info-block .site-frame.variant2.col.media, .info-block .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.media, .info-block blockquote.site-frame.align-right.variant2, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .info-block blockquote.site-frame.variant2.col, .info-block .list-box .bundle-wrapper > li .summary .grid.column-66-33 blockquote.site-frame.variant2.col, .list-box > li .summary .grid.column-66-33 .info-block blockquote.site-frame.variant2.col, .info-block .list-box > li .summary .grid.column-66-33 blockquote.site-frame.variant2.col,
.info-block .site-frame.align-right.variant2.quote-default,
.list-box .bundle-wrapper > li .summary .grid.column-66-33 .info-block .site-frame.variant2.col.quote-default,
.info-block .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.quote-default,
.list-box > li .summary .grid.column-66-33 .info-block .site-frame.variant2.col.quote-default,
.info-block .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.quote-default, .banner .site-frame.align-right.variant2.inner, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .banner .site-frame.variant2.col.inner, .banner .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.inner, .list-box > li .summary .grid.column-66-33 .banner .site-frame.variant2.col.inner, .banner .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.inner, .confirmation-summary .site-frame.align-right.variant2.card.stacked, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .confirmation-summary .site-frame.variant2.col.card.stacked, .confirmation-summary .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.card.stacked, .list-box > li .summary .grid.column-66-33 .confirmation-summary .site-frame.variant2.col.card.stacked, .confirmation-summary .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.card.stacked, .header-main .bar-main .site-frame.align-right.variant2, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .header-main .bar-main .site-frame.variant2.col, .header-main .bar-main .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col, .list-box > li .summary .grid.column-66-33 .header-main .bar-main .site-frame.variant2.col, .header-main .bar-main .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col, .header-main .site-frame.align-right.variant2.logo-md, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .header-main .site-frame.variant2.col.logo-md, .header-main .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.logo-md, .list-box > li .summary .grid.column-66-33 .header-main .site-frame.variant2.col.logo-md, .header-main .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.logo-md, .header-main .cart-wrapper .site-frame.align-right.variant2.counter-wrapper, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .header-main .cart-wrapper .site-frame.variant2.col.counter-wrapper, .header-main .cart-wrapper .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.counter-wrapper, .list-box > li .summary .grid.column-66-33 .header-main .cart-wrapper .site-frame.variant2.col.counter-wrapper, .header-main .cart-wrapper .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.counter-wrapper, .header-main .cart-wrapper .site-frame.align-right.variant2.cart-status-wrapper, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .header-main .cart-wrapper .site-frame.variant2.col.cart-status-wrapper, .header-main .cart-wrapper .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.cart-status-wrapper, .list-box > li .summary .grid.column-66-33 .header-main .cart-wrapper .site-frame.variant2.col.cart-status-wrapper, .header-main .cart-wrapper .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.cart-status-wrapper, .header-main .bar-sub .site-frame.align-right.variant2.nav-primary, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .header-main .bar-sub .site-frame.variant2.col.nav-primary, .header-main .bar-sub .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.nav-primary, .list-box > li .summary .grid.column-66-33 .header-main .bar-sub .site-frame.variant2.col.nav-primary, .header-main .bar-sub .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.nav-primary, .header-main .panel .site-frame.align-right.variant2.card.product.stacked, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .header-main .panel .site-frame.variant2.col.card.product.stacked, .header-main .panel .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.card.product.stacked, .list-box > li .summary .grid.column-66-33 .header-main .panel .site-frame.variant2.col.card.product.stacked, .header-main .panel .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.card.product.stacked, .site-frame.align-right.variant2.header-component, .list-box .bundle-wrapper > li .summary .grid.column-66-33 .site-frame.variant2.col.header-component, .list-box > li .summary .grid.column-66-33 .site-frame.variant2.col.header-component {
  display: none;
}

.ab-30 {
  display: none;
}

/**
 *	Page - index
 */
.view.view-index {
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  height: 100vh;
  -ms-flex-direction: column;
  flex-direction: column;
  box-sizing: border-box;
  padding-top: 12.5rem;
}

@media (max-width: 992px) {
  .view.view-index {
    padding-top: 7.2rem;
  }
}
.view.view-index > .view {
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.view.view-index .grid-v2-container form {
  -ms-grid-column: 1;
  grid-column-start: 1;
  grid-column-end: 13;
}

/**
 *	Page - home
 */
.view.view-funnel {
  padding-bottom: 12rem;
}

@media (max-width: 833px) {
  .view.view-funnel {
    padding-top: 3.2rem;
  }
}
.view.view-funnel .list-box {
  margin: 0 0 20px;
  padding: 0.6 1rem;
}

@media only screen and (max-width: 350px) {
  .view.view-funnel .list-box .is-open li:not(.title, .extra-hidden) {
    padding: 1.5rem 1rem 1.5rem 1rem;
  }
}
.view.view-funnel .list-box.progress-spacing {
  margin-top: 2.4rem;
}

.view.view-funnel .list-box li:nth-child(2) {
  padding-bottom: 2rem;
}

@media only screen and (max-width: 350px) {
  .view.view-funnel .list-box li:nth-child(2) {
    padding-top: 1rem !important;
  }
}
.view.view-funnel .payment-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (max-width: 479px) {
  .view.view-funnel .payment-wrapper {
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.view.view-funnel .payment-top {
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 479px) {
  .view.view-funnel .payment-top {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
.view.view-funnel .hide-mobile {
  display: block;
}

@media (max-width: 479px) {
  .view.view-funnel .hide-mobile {
    display: none;
  }
}
.view.view-funnel .list-box-terms:not(.hide-mobile) {
  display: none;
}

@media (max-width: 479px) {
  .view.view-funnel .list-box-terms:not(.hide-mobile) {
    display: block;
  }
}
.view.view-funnel .list-box-terms {
  background: #f7f4fb;
  padding: 1.6rem;
}

.view.view-funnel .list-box-terms .title {
  font-size: 2rem;
  font-weight: bold;
  margin: 0;
  padding-bottom: 1.6rem;
}

.view.view-funnel .list-box-terms .content {
  font-size: 1.6rem;
  line-height: 2.4rem;
  list-style: none;
  margin: 0;
  padding-left: 1rem;
}

.view.view-funnel .list-box-terms .content a {
  color: #6b2fad;
}

.view.view-funnel .list-box-terms .content li:before {
  content: "-";
  margin-left: -10px;
  margin-right: 5px;
}

.view.view-funnel span.pricing-explanation {
  margin-bottom: 1rem;
}

.view.view-extension .hero {
  margin: 0 0 40px;
}