@charset "UTF-8";
/**
 * Foundation for Sites by ZURB
 * Version 6.1.2
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

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

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

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

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

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

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

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

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

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

/**
 * Prevent `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
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve 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],
html input[disabled] {
  cursor: default;
}

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

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

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  box-sizing: content-box; /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 * [NOTE] We don't enable this ruleset in Foundation, because we want the <fieldset> element to have plain styling.
 */
/* fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
} */
/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

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

td,
th {
  padding: 0;
}

.foundation-mq {
  font-family: "small=0em&medium=40em&large=60em&xlarge=70em&xxlarge=90em";
}

html {
  font-size: 100%;
  box-sizing: border-box;
}

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

body {
  padding: 0;
  margin: 0;
  font-family: "Red Hat Display", "Ubuntu", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.5;
  color: #202020;
  background: #fff;
}

img {
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
  display: inline-block;
  vertical-align: middle;
}

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 0;
}

select {
  width: 100%;
  border-radius: 0;
}

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important;
}

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  padding: 0;
  border: 0;
  border-radius: 0;
  line-height: 1;
}

.is-visible {
  display: block !important;
}

.is-hidden {
  display: none !important;
}

.row {
  max-width: 73.75rem;
  margin-left: auto;
  margin-right: auto;
}
.row::before, .row::after {
  content: " ";
  display: table;
}
.row::after {
  clear: both;
}
.row.collapse > .column, .row.collapse > .columns {
  padding-left: 0;
  padding-right: 0;
}
.row .row {
  margin-left: -0.625rem;
  margin-right: -0.625rem;
}
@media screen and (min-width: 40em) {
  .row .row {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
  }
}
.row .row.collapse {
  margin-left: 0;
  margin-right: 0;
}
.row.expanded {
  max-width: none;
}
.row.expanded .row {
  margin-left: auto;
  margin-right: auto;
}

.column, .columns {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media screen and (min-width: 40em) {
  .column, .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
.column, .columns {
  width: 100%;
  float: left;
}
.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
  float: right;
}
.column.end:last-child:last-child, .end.columns:last-child:last-child {
  float: left;
}

.column.row.row, .row.row.columns {
  float: none;
}
.row .column.row.row, .row .row.row.columns {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}

.small-1 {
  width: 8.3333333333%;
}

.small-push-1 {
  position: relative;
  left: 8.3333333333%;
}

.small-pull-1 {
  position: relative;
  left: -8.3333333333%;
}

.small-offset-0 {
  margin-left: 0%;
}

.small-2 {
  width: 16.6666666667%;
}

.small-push-2 {
  position: relative;
  left: 16.6666666667%;
}

.small-pull-2 {
  position: relative;
  left: -16.6666666667%;
}

.small-offset-1 {
  margin-left: 8.3333333333%;
}

.small-3 {
  width: 25%;
}

.small-push-3 {
  position: relative;
  left: 25%;
}

.small-pull-3 {
  position: relative;
  left: -25%;
}

.small-offset-2 {
  margin-left: 16.6666666667%;
}

.small-4 {
  width: 33.3333333333%;
}

.small-push-4 {
  position: relative;
  left: 33.3333333333%;
}

.small-pull-4 {
  position: relative;
  left: -33.3333333333%;
}

.small-offset-3 {
  margin-left: 25%;
}

.small-5 {
  width: 41.6666666667%;
}

.small-push-5 {
  position: relative;
  left: 41.6666666667%;
}

.small-pull-5 {
  position: relative;
  left: -41.6666666667%;
}

.small-offset-4 {
  margin-left: 33.3333333333%;
}

.small-6 {
  width: 50%;
}

.small-push-6 {
  position: relative;
  left: 50%;
}

.small-pull-6 {
  position: relative;
  left: -50%;
}

.small-offset-5 {
  margin-left: 41.6666666667%;
}

.small-7 {
  width: 58.3333333333%;
}

.small-push-7 {
  position: relative;
  left: 58.3333333333%;
}

.small-pull-7 {
  position: relative;
  left: -58.3333333333%;
}

.small-offset-6 {
  margin-left: 50%;
}

.small-8 {
  width: 66.6666666667%;
}

.small-push-8 {
  position: relative;
  left: 66.6666666667%;
}

.small-pull-8 {
  position: relative;
  left: -66.6666666667%;
}

.small-offset-7 {
  margin-left: 58.3333333333%;
}

.small-9 {
  width: 75%;
}

.small-push-9 {
  position: relative;
  left: 75%;
}

.small-pull-9 {
  position: relative;
  left: -75%;
}

.small-offset-8 {
  margin-left: 66.6666666667%;
}

.small-10 {
  width: 83.3333333333%;
}

.small-push-10 {
  position: relative;
  left: 83.3333333333%;
}

.small-pull-10 {
  position: relative;
  left: -83.3333333333%;
}

.small-offset-9 {
  margin-left: 75%;
}

.small-11 {
  width: 91.6666666667%;
}

.small-push-11 {
  position: relative;
  left: 91.6666666667%;
}

.small-pull-11 {
  position: relative;
  left: -91.6666666667%;
}

.small-offset-10 {
  margin-left: 83.3333333333%;
}

.small-12 {
  width: 100%;
}

.small-offset-11 {
  margin-left: 91.6666666667%;
}

.small-up-1 > .column, .small-up-1 > .columns {
  width: 100%;
  float: left;
}
.small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {
  clear: both;
}
.small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
  float: left;
}

.small-up-2 > .column, .small-up-2 > .columns {
  width: 50%;
  float: left;
}
.small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
  clear: both;
}
.small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
  float: left;
}

.small-up-3 > .column, .small-up-3 > .columns {
  width: 33.3333333333%;
  float: left;
}
.small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
  clear: both;
}
.small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
  float: left;
}

.small-up-4 > .column, .small-up-4 > .columns {
  width: 25%;
  float: left;
}
.small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
  clear: both;
}
.small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
  float: left;
}

.small-up-5 > .column, .small-up-5 > .columns {
  width: 20%;
  float: left;
}
.small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
  clear: both;
}
.small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
  float: left;
}

.small-up-6 > .column, .small-up-6 > .columns {
  width: 16.6666666667%;
  float: left;
}
.small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
  clear: both;
}
.small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
  float: left;
}

.small-up-7 > .column, .small-up-7 > .columns {
  width: 14.2857142857%;
  float: left;
}
.small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
  clear: both;
}
.small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
  float: left;
}

.small-up-8 > .column, .small-up-8 > .columns {
  width: 12.5%;
  float: left;
}
.small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
  clear: both;
}
.small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
  float: left;
}

.small-collapse > .column, .small-collapse > .columns {
  padding-left: 0;
  padding-right: 0;
}
.small-collapse .row {
  margin-left: 0;
  margin-right: 0;
}

.small-uncollapse > .column, .small-uncollapse > .columns {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.small-centered {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

.small-uncentered,
.small-push-0,
.small-pull-0 {
  position: static;
  margin-left: 0;
  margin-right: 0;
  float: left;
}

@media screen and (min-width: 40em) {
  .medium-1 {
    width: 8.3333333333%;
  }
  .medium-push-1 {
    position: relative;
    left: 8.3333333333%;
  }
  .medium-pull-1 {
    position: relative;
    left: -8.3333333333%;
  }
  .medium-offset-0 {
    margin-left: 0%;
  }
  .medium-2 {
    width: 16.6666666667%;
  }
  .medium-push-2 {
    position: relative;
    left: 16.6666666667%;
  }
  .medium-pull-2 {
    position: relative;
    left: -16.6666666667%;
  }
  .medium-offset-1 {
    margin-left: 8.3333333333%;
  }
  .medium-3 {
    width: 25%;
  }
  .medium-push-3 {
    position: relative;
    left: 25%;
  }
  .medium-pull-3 {
    position: relative;
    left: -25%;
  }
  .medium-offset-2 {
    margin-left: 16.6666666667%;
  }
  .medium-4 {
    width: 33.3333333333%;
  }
  .medium-push-4 {
    position: relative;
    left: 33.3333333333%;
  }
  .medium-pull-4 {
    position: relative;
    left: -33.3333333333%;
  }
  .medium-offset-3 {
    margin-left: 25%;
  }
  .medium-5 {
    width: 41.6666666667%;
  }
  .medium-push-5 {
    position: relative;
    left: 41.6666666667%;
  }
  .medium-pull-5 {
    position: relative;
    left: -41.6666666667%;
  }
  .medium-offset-4 {
    margin-left: 33.3333333333%;
  }
  .medium-6 {
    width: 50%;
  }
  .medium-push-6 {
    position: relative;
    left: 50%;
  }
  .medium-pull-6 {
    position: relative;
    left: -50%;
  }
  .medium-offset-5 {
    margin-left: 41.6666666667%;
  }
  .medium-7 {
    width: 58.3333333333%;
  }
  .medium-push-7 {
    position: relative;
    left: 58.3333333333%;
  }
  .medium-pull-7 {
    position: relative;
    left: -58.3333333333%;
  }
  .medium-offset-6 {
    margin-left: 50%;
  }
  .medium-8 {
    width: 66.6666666667%;
  }
  .medium-push-8 {
    position: relative;
    left: 66.6666666667%;
  }
  .medium-pull-8 {
    position: relative;
    left: -66.6666666667%;
  }
  .medium-offset-7 {
    margin-left: 58.3333333333%;
  }
  .medium-9 {
    width: 75%;
  }
  .medium-push-9 {
    position: relative;
    left: 75%;
  }
  .medium-pull-9 {
    position: relative;
    left: -75%;
  }
  .medium-offset-8 {
    margin-left: 66.6666666667%;
  }
  .medium-10 {
    width: 83.3333333333%;
  }
  .medium-push-10 {
    position: relative;
    left: 83.3333333333%;
  }
  .medium-pull-10 {
    position: relative;
    left: -83.3333333333%;
  }
  .medium-offset-9 {
    margin-left: 75%;
  }
  .medium-11 {
    width: 91.6666666667%;
  }
  .medium-push-11 {
    position: relative;
    left: 91.6666666667%;
  }
  .medium-pull-11 {
    position: relative;
    left: -91.6666666667%;
  }
  .medium-offset-10 {
    margin-left: 83.3333333333%;
  }
  .medium-12 {
    width: 100%;
  }
  .medium-offset-11 {
    margin-left: 91.6666666667%;
  }
  .medium-up-1 > .column, .medium-up-1 > .columns {
    width: 100%;
    float: left;
  }
  .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
  }
  .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
    float: left;
  }
  .medium-up-2 > .column, .medium-up-2 > .columns {
    width: 50%;
    float: left;
  }
  .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
  }
  .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
    float: left;
  }
  .medium-up-3 > .column, .medium-up-3 > .columns {
    width: 33.3333333333%;
    float: left;
  }
  .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
  }
  .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
    float: left;
  }
  .medium-up-4 > .column, .medium-up-4 > .columns {
    width: 25%;
    float: left;
  }
  .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
  }
  .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
    float: left;
  }
  .medium-up-5 > .column, .medium-up-5 > .columns {
    width: 20%;
    float: left;
  }
  .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
  }
  .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
    float: left;
  }
  .medium-up-6 > .column, .medium-up-6 > .columns {
    width: 16.6666666667%;
    float: left;
  }
  .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
  }
  .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
    float: left;
  }
  .medium-up-7 > .column, .medium-up-7 > .columns {
    width: 14.2857142857%;
    float: left;
  }
  .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
  }
  .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
    float: left;
  }
  .medium-up-8 > .column, .medium-up-8 > .columns {
    width: 12.5%;
    float: left;
  }
  .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
  }
  .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
    float: left;
  }
  .medium-collapse > .column, .medium-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .medium-collapse .row {
    margin-left: 0;
    margin-right: 0;
  }
  .medium-uncollapse > .column, .medium-uncollapse > .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
  .medium-centered {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .medium-uncentered,
  .medium-push-0,
  .medium-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left;
  }
}
@media screen and (min-width: 60em) {
  .large-1 {
    width: 8.3333333333%;
  }
  .large-push-1 {
    position: relative;
    left: 8.3333333333%;
  }
  .large-pull-1 {
    position: relative;
    left: -8.3333333333%;
  }
  .large-offset-0 {
    margin-left: 0%;
  }
  .large-2 {
    width: 16.6666666667%;
  }
  .large-push-2 {
    position: relative;
    left: 16.6666666667%;
  }
  .large-pull-2 {
    position: relative;
    left: -16.6666666667%;
  }
  .large-offset-1 {
    margin-left: 8.3333333333%;
  }
  .large-3 {
    width: 25%;
  }
  .large-push-3 {
    position: relative;
    left: 25%;
  }
  .large-pull-3 {
    position: relative;
    left: -25%;
  }
  .large-offset-2 {
    margin-left: 16.6666666667%;
  }
  .large-4 {
    width: 33.3333333333%;
  }
  .large-push-4 {
    position: relative;
    left: 33.3333333333%;
  }
  .large-pull-4 {
    position: relative;
    left: -33.3333333333%;
  }
  .large-offset-3 {
    margin-left: 25%;
  }
  .large-5 {
    width: 41.6666666667%;
  }
  .large-push-5 {
    position: relative;
    left: 41.6666666667%;
  }
  .large-pull-5 {
    position: relative;
    left: -41.6666666667%;
  }
  .large-offset-4 {
    margin-left: 33.3333333333%;
  }
  .large-6 {
    width: 50%;
  }
  .large-push-6 {
    position: relative;
    left: 50%;
  }
  .large-pull-6 {
    position: relative;
    left: -50%;
  }
  .large-offset-5 {
    margin-left: 41.6666666667%;
  }
  .large-7 {
    width: 58.3333333333%;
  }
  .large-push-7 {
    position: relative;
    left: 58.3333333333%;
  }
  .large-pull-7 {
    position: relative;
    left: -58.3333333333%;
  }
  .large-offset-6 {
    margin-left: 50%;
  }
  .large-8 {
    width: 66.6666666667%;
  }
  .large-push-8 {
    position: relative;
    left: 66.6666666667%;
  }
  .large-pull-8 {
    position: relative;
    left: -66.6666666667%;
  }
  .large-offset-7 {
    margin-left: 58.3333333333%;
  }
  .large-9 {
    width: 75%;
  }
  .large-push-9 {
    position: relative;
    left: 75%;
  }
  .large-pull-9 {
    position: relative;
    left: -75%;
  }
  .large-offset-8 {
    margin-left: 66.6666666667%;
  }
  .large-10 {
    width: 83.3333333333%;
  }
  .large-push-10 {
    position: relative;
    left: 83.3333333333%;
  }
  .large-pull-10 {
    position: relative;
    left: -83.3333333333%;
  }
  .large-offset-9 {
    margin-left: 75%;
  }
  .large-11 {
    width: 91.6666666667%;
  }
  .large-push-11 {
    position: relative;
    left: 91.6666666667%;
  }
  .large-pull-11 {
    position: relative;
    left: -91.6666666667%;
  }
  .large-offset-10 {
    margin-left: 83.3333333333%;
  }
  .large-12 {
    width: 100%;
  }
  .large-offset-11 {
    margin-left: 91.6666666667%;
  }
  .large-up-1 > .column, .large-up-1 > .columns {
    width: 100%;
    float: left;
  }
  .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
  }
  .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
    float: left;
  }
  .large-up-2 > .column, .large-up-2 > .columns {
    width: 50%;
    float: left;
  }
  .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
  }
  .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
    float: left;
  }
  .large-up-3 > .column, .large-up-3 > .columns {
    width: 33.3333333333%;
    float: left;
  }
  .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
  }
  .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
    float: left;
  }
  .large-up-4 > .column, .large-up-4 > .columns {
    width: 25%;
    float: left;
  }
  .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
  }
  .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
    float: left;
  }
  .large-up-5 > .column, .large-up-5 > .columns {
    width: 20%;
    float: left;
  }
  .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
  }
  .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
    float: left;
  }
  .large-up-6 > .column, .large-up-6 > .columns {
    width: 16.6666666667%;
    float: left;
  }
  .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
  }
  .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
    float: left;
  }
  .large-up-7 > .column, .large-up-7 > .columns {
    width: 14.2857142857%;
    float: left;
  }
  .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
  }
  .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
    float: left;
  }
  .large-up-8 > .column, .large-up-8 > .columns {
    width: 12.5%;
    float: left;
  }
  .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
  }
  .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
    float: left;
  }
  .large-collapse > .column, .large-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .large-collapse .row {
    margin-left: 0;
    margin-right: 0;
  }
  .large-uncollapse > .column, .large-uncollapse > .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
  .large-centered {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .large-uncentered,
  .large-push-0,
  .large-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left;
  }
}
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

p {
  font-size: inherit;
  line-height: 1.6;
  margin-bottom: 1rem;
  text-rendering: optimizeLegibility;
}

em,
i {
  font-style: italic;
  line-height: inherit;
}

strong,
b {
  font-weight: bold;
  line-height: inherit;
}

small {
  font-size: 80%;
  line-height: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Red Hat Display", "Ubuntu", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: inherit;
  text-rendering: optimizeLegibility;
  margin-top: 0;
  margin-bottom: 0.5rem;
  line-height: 1.4;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  color: #cacaca;
  line-height: 0;
}

h1 {
  font-size: 1.5rem;
}

h2 {
  font-size: 1.25rem;
}

h3 {
  font-size: 1.1875rem;
}

h4 {
  font-size: 1.125rem;
}

h5 {
  font-size: 1.0625rem;
}

h6 {
  font-size: 1rem;
}

@media screen and (min-width: 40em) {
  h1 {
    font-size: 3rem;
  }
  h2 {
    font-size: 2.5rem;
  }
  h3 {
    font-size: 1.9375rem;
  }
  h4 {
    font-size: 1.5625rem;
  }
  h5 {
    font-size: 1.25rem;
  }
  h6 {
    font-size: 1rem;
  }
}
a {
  color: #008dcc;
  text-decoration: none;
  line-height: inherit;
  cursor: pointer;
}
a:hover, a:focus {
  color: rgb(0%, 47.5529411765%, 68.8%);
}
a img {
  border: 0;
}

hr {
  max-width: 73.75rem;
  height: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px solid #cacaca;
  border-left: 0;
  margin: 1.25rem auto;
  clear: both;
}

ul,
ol,
dl {
  line-height: 1.6;
  margin-bottom: 1rem;
  list-style-position: outside;
}

li {
  font-size: inherit;
}

ul {
  list-style-type: disc;
  margin-left: 1.25rem;
}

ol {
  margin-left: 1.25rem;
}

ul ul, ul ol, ol ul, ol ol {
  margin-left: 1.25rem;
  margin-bottom: 0;
}

dl {
  margin-bottom: 1rem;
}
dl dt {
  margin-bottom: 0.3rem;
  font-weight: bold;
}

blockquote {
  margin: 0 0 1rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #cacaca;
}
blockquote, blockquote p {
  line-height: 1.6;
  color: #333333;
}

cite {
  display: block;
  font-size: 0.8125rem;
  color: #333333;
}
cite:before {
  content: "— ";
}

abbr {
  color: #202020;
  cursor: help;
  border-bottom: 1px dotted #202020;
}

code {
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #202020;
  background-color: #a7a9ac;
  border: 1px solid #cacaca;
  padding: 0.125rem 0.3125rem 0.0625rem;
}

kbd {
  padding: 0.125rem 0.25rem 0;
  margin: 0;
  background-color: #a7a9ac;
  color: #202020;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
}

.subheader {
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  font-weight: normal;
  line-height: 1.4;
  color: #333333;
}

.lead {
  font-size: 125%;
  line-height: 1.6;
}

.stat {
  font-size: 2.5rem;
  line-height: 1;
}
p + .stat {
  margin-top: -1rem;
}

.no-bullet {
  margin-left: 0;
  list-style: none;
}

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

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

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

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

@media screen and (min-width: 40em) {
  .medium-text-left {
    text-align: left;
  }
  .medium-text-right {
    text-align: right;
  }
  .medium-text-center {
    text-align: center;
  }
  .medium-text-justify {
    text-align: justify;
  }
}
@media screen and (min-width: 60em) {
  .large-text-left {
    text-align: left;
  }
  .large-text-right {
    text-align: right;
  }
  .large-text-center {
    text-align: center;
  }
  .large-text-justify {
    text-align: justify;
  }
}
.show-for-print {
  display: none !important;
}

@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  .show-for-print {
    display: block !important;
  }
  .hide-for-print {
    display: none !important;
  }
  table.show-for-print {
    display: table !important;
  }
  thead.show-for-print {
    display: table-header-group !important;
  }
  tbody.show-for-print {
    display: table-row-group !important;
  }
  tr.show-for-print {
    display: table-row !important;
  }
  td.show-for-print {
    display: table-cell !important;
  }
  th.show-for-print {
    display: table-cell !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
[data-whatinput=mouse] .button {
  outline: 0;
}
.button {
  display: inline-block;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 0;
  padding: 0.85em 1em;
  margin: 0 0 1rem 0;
  font-size: 0.9rem;
  background-color: #008dcc;
  color: #fff;
}
.button:hover, .button:focus {
  background-color: rgb(0%, 47%, 68%);
  color: #fff;
}
.button.tiny {
  font-size: 0.6rem;
}
.button.small {
  font-size: 0.75rem;
}
.button.large {
  font-size: 1.25rem;
}
.button.expanded {
  display: block;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
.button.primary {
  background-color: #008dcc;
  color: #fff;
}
.button.primary:hover, .button.primary:focus {
  background-color: rgb(0%, 44.2352941176%, 64%);
  color: #fff;
}
.button.secondary {
  background-color: #9cbd46;
  color: #fff;
}
.button.secondary:hover, .button.secondary:focus {
  background-color: rgb(49.2061557691%, 59.8890711663%, 21.3658307945%);
  color: #fff;
}
.button.success {
  background-color: #3adb76;
  color: #fff;
}
.button.success:hover, .button.success:focus {
  background-color: rgb(13.4269123959%, 73.4750483885%, 35.8050997223%);
  color: #fff;
}
.button.alert {
  background-color: #ec5840;
  color: #fff;
}
.button.alert:hover, .button.alert:focus {
  background-color: rgb(85.6022408964%, 19.2717086835%, 8.5154061625%);
  color: #fff;
}
.button.warning {
  background-color: #ffae00;
  color: #fff;
}
.button.warning:hover, .button.warning:focus {
  background-color: rgb(80%, 54.5882352941%, 0%);
  color: #fff;
}
.button.hollow, .button.hollow:hover, .button.hollow:focus {
  background-color: transparent;
}
.button.hollow {
  border: 1px solid #008dcc;
  color: #008dcc;
}
.button.hollow:hover, .button.hollow:focus {
  border-color: rgb(0%, 27.6470588235%, 40%);
  color: rgb(0%, 27.6470588235%, 40%);
}
.button.hollow.primary {
  border: 1px solid #008dcc;
  color: #008dcc;
}
.button.hollow.primary:hover, .button.hollow.primary:focus {
  border-color: rgb(0%, 27.6470588235%, 40%);
  color: rgb(0%, 27.6470588235%, 40%);
}
.button.hollow.secondary {
  border: 1px solid #9cbd46;
  color: #9cbd46;
}
.button.hollow.secondary:hover, .button.hollow.secondary:focus {
  border-color: rgb(30.7538473557%, 37.4306694789%, 13.3536442465%);
  color: rgb(30.7538473557%, 37.4306694789%, 13.3536442465%);
}
.button.hollow.success {
  border: 1px solid #3adb76;
  color: #3adb76;
}
.button.hollow.success:hover, .button.hollow.success:focus {
  border-color: rgb(8.3918202474%, 45.9219052428%, 22.3781873264%);
  color: rgb(8.3918202474%, 45.9219052428%, 22.3781873264%);
}
.button.hollow.alert {
  border: 1px solid #ec5840;
  color: #ec5840;
}
.button.hollow.alert:hover, .button.hollow.alert:focus {
  border-color: rgb(53.5014005602%, 12.0448179272%, 5.3221288515%);
  color: rgb(53.5014005602%, 12.0448179272%, 5.3221288515%);
}
.button.hollow.warning {
  border: 1px solid #ffae00;
  color: #ffae00;
}
.button.hollow.warning:hover, .button.hollow.warning:focus {
  border-color: rgb(50%, 34.1176470588%, 0%);
  color: rgb(50%, 34.1176470588%, 0%);
}
.button.disabled, .button[disabled] {
  opacity: 0.25;
  cursor: not-allowed;
  pointer-events: none;
}
.button.dropdown::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 0.4em;
  border-color: #fff transparent transparent;
  border-top-style: solid;
  border-bottom-width: 0;
  position: relative;
  top: 0.4em;
  float: right;
  margin-left: 1em;
  display: inline-block;
}
.button.arrow-only::after {
  margin-left: 0;
  float: none;
  top: 0.2em;
}

[type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color],
textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 2.4375rem;
  padding: 0.5rem;
  border: 1px solid #cacaca;
  margin: 0 0 1rem;
  font-family: inherit;
  font-size: 1rem;
  color: #202020;
  background-color: #fff;
  box-shadow: inset 0 1px 2px rgba(32, 32, 32, 0.1);
  border-radius: 0;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
[type=text]:focus, [type=password]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=week]:focus, [type=email]:focus, [type=number]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=url]:focus, [type=color]:focus,
textarea:focus {
  border: 1px solid #333333;
  background-color: #fff;
  outline: none;
  box-shadow: 0 0 5px #cacaca;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
[type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
}

textarea {
  max-width: 100%;
}
textarea[rows] {
  height: auto;
}

input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
  background-color: #a7a9ac;
  cursor: default;
}

[type=submit],
[type=button] {
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type=search] {
  box-sizing: border-box;
}

[type=file],
[type=checkbox],
[type=radio] {
  margin: 0 0 1rem;
}

[type=checkbox] + label,
[type=radio] + label {
  display: inline-block;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0;
  vertical-align: baseline;
}

label > [type=checkbox],
label > [type=label] {
  margin-right: 0.5rem;
}

[type=file] {
  width: 100%;
}

label {
  display: block;
  margin: 0;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.8;
  color: #202020;
}
label.middle {
  margin: 0 0 1rem;
  padding: 0.5625rem 0;
}

.help-text {
  margin-top: -0.5rem;
  font-size: 0.8125rem;
  font-style: italic;
  color: #333;
}

.input-group {
  display: table;
  width: 100%;
  margin-bottom: 1rem;
}
.input-group > :first-child {
  border-radius: 0 0 0 0;
}
.input-group > :last-child > * {
  border-radius: 0 0 0 0;
}

.input-group-button, .input-group-field, .input-group-label {
  display: table-cell;
  margin: 0;
  vertical-align: middle;
}

.input-group-label {
  text-align: center;
  width: 1%;
  height: 100%;
  padding: 0 1rem;
  background: #a7a9ac;
  color: #202020;
  border: 1px solid #cacaca;
  white-space: nowrap;
}
.input-group-label:first-child {
  border-right: 0;
}
.input-group-label:last-child {
  border-left: 0;
}

.input-group-field {
  border-radius: 0;
  height: 2.5rem;
}

.input-group-button {
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  width: 1%;
}
.input-group-button a,
.input-group-button input,
.input-group-button button {
  margin: 0;
}

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

legend {
  margin-bottom: 0.5rem;
  max-width: 100%;
}

.fieldset {
  border: 1px solid #cacaca;
  padding: 1.25rem;
  margin: 1.125rem 0;
}
.fieldset legend {
  background: #fff;
  padding: 0 0.1875rem;
  margin: 0;
  margin-left: -0.1875rem;
}

select {
  height: 2.4375rem;
  padding: 0.5rem;
  border: 1px solid #cacaca;
  margin: 0 0 1rem;
  font-size: 1rem;
  font-family: inherit;
  line-height: normal;
  color: #202020;
  background-color: #fff;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: rgb%2851, 51, 51%29"></polygon></svg>');
}
@media screen and (min-width: 0\0 ) {
  select {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==");
  }
}
select {
  background-size: 9px 6px;
  background-position: right center;
  background-origin: content-box;
  background-repeat: no-repeat;
}
select:disabled {
  background-color: #a7a9ac;
  cursor: default;
}
select::-ms-expand {
  display: none;
}
select[multiple] {
  height: auto;
}

.is-invalid-input:not(:focus) {
  background-color: rgba(236, 88, 64, 0.1);
  border-color: #ec5840;
}

.is-invalid-label {
  color: #ec5840;
}

.form-error {
  display: none;
  margin-top: -0.5rem;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: bold;
  color: #ec5840;
}
.form-error.is-visible {
  display: block;
}

.hide {
  display: none !important;
}

.invisible {
  visibility: hidden;
}

@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .hide-for-small-only {
    display: none !important;
  }
}

@media screen and (max-width: 0em), screen and (min-width: 40em) {
  .show-for-small-only {
    display: none !important;
  }
}

@media screen and (min-width: 40em) {
  .hide-for-medium {
    display: none !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .show-for-medium {
    display: none !important;
  }
}

@media screen and (min-width: 40em) and (max-width: 59.9375em) {
  .hide-for-medium-only {
    display: none !important;
  }
}

@media screen and (max-width: 39.9375em), screen and (min-width: 60em) {
  .show-for-medium-only {
    display: none !important;
  }
}

@media screen and (min-width: 60em) {
  .hide-for-large {
    display: none !important;
  }
}

@media screen and (max-width: 59.9375em) {
  .show-for-large {
    display: none !important;
  }
}

@media screen and (min-width: 60em) and (max-width: 69.9375em) {
  .hide-for-large-only {
    display: none !important;
  }
}

@media screen and (max-width: 59.9375em), screen and (min-width: 70em) {
  .show-for-large-only {
    display: none !important;
  }
}

.show-for-sr,
.show-on-focus {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

.show-on-focus:active, .show-on-focus:focus {
  position: static !important;
  height: auto;
  width: auto;
  overflow: visible;
  clip: auto;
}

.show-for-landscape,
.hide-for-portrait {
  display: block !important;
}
@media screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: block !important;
  }
}
@media screen and (orientation: portrait) {
  .show-for-landscape,
  .hide-for-portrait {
    display: none !important;
  }
}

.hide-for-landscape,
.show-for-portrait {
  display: none !important;
}
@media screen and (orientation: landscape) {
  .hide-for-landscape,
  .show-for-portrait {
    display: none !important;
  }
}
@media screen and (orientation: portrait) {
  .hide-for-landscape,
  .show-for-portrait {
    display: block !important;
  }
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.clearfix::before, .clearfix::after {
  content: " ";
  display: table;
}
.clearfix::after {
  clear: both;
}

.accordion {
  list-style-type: none;
  background: #fff;
  border: 1px solid #a7a9ac;
  border-bottom: 0;
  border-radius: 0;
  margin-left: 0;
}

.accordion-title {
  display: block;
  padding: 1.25rem 1rem;
  line-height: 1;
  font-size: 0.75rem;
  color: #008dcc;
  position: relative;
  border-bottom: 1px solid #a7a9ac;
}
.accordion-title:hover, .accordion-title:focus {
  background-color: #a7a9ac;
}
.accordion-title::before {
  content: "+";
  position: absolute;
  right: 1rem;
  top: 50%;
  margin-top: -0.5rem;
}
.is-active > .accordion-title::before {
  content: "–";
}

.accordion-content {
  padding: 1rem;
  display: none;
  border-bottom: 1px solid #a7a9ac;
  background-color: #fff;
}

.is-accordion-submenu-parent > a {
  position: relative;
}
.is-accordion-submenu-parent > a::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  border-color: #008dcc transparent transparent;
  border-top-style: solid;
  border-bottom-width: 0;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  right: 1rem;
}

.is-accordion-submenu-parent[aria-expanded=true] > a::after {
  transform-origin: 50% 50%;
  transform: scaleY(-1);
}

.badge {
  display: inline-block;
  padding: 0.3em;
  min-width: 2.1em;
  font-size: 0.6rem;
  text-align: center;
  border-radius: 50%;
  background: #008dcc;
  color: #fff;
}
.badge.secondary {
  background: #9cbd46;
  color: #fff;
}
.badge.success {
  background: #3adb76;
  color: #fff;
}
.badge.alert {
  background: #ec5840;
  color: #fff;
}
.badge.warning {
  background: #ffae00;
  color: #fff;
}

.button-group::before, .button-group::after {
  content: " ";
  display: table;
}
.button-group::after {
  clear: both;
}
.button-group {
  margin-bottom: 1rem;
  font-size: 0.9rem;
}
.button-group .button {
  float: left;
  margin: 0;
  font-size: inherit;
}
.button-group .button:not(:last-child) {
  border-right: 1px solid #fff;
}
.button-group.tiny {
  font-size: 0.6rem;
}
.button-group.small {
  font-size: 0.75rem;
}
.button-group.large {
  font-size: 1.25rem;
}
.button-group.expanded {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.button-group.expanded::before, .button-group.expanded::after {
  display: none;
}
.button-group.expanded .button {
  display: table-cell;
  float: none;
}
.button-group.primary .button {
  background-color: #008dcc;
  color: #fff;
}
.button-group.primary .button:hover, .button-group.primary .button:focus {
  background-color: rgb(0%, 44.2352941176%, 64%);
  color: #fff;
}
.button-group.secondary .button {
  background-color: #9cbd46;
  color: #fff;
}
.button-group.secondary .button:hover, .button-group.secondary .button:focus {
  background-color: rgb(49.2061557691%, 59.8890711663%, 21.3658307945%);
  color: #fff;
}
.button-group.success .button {
  background-color: #3adb76;
  color: #fff;
}
.button-group.success .button:hover, .button-group.success .button:focus {
  background-color: rgb(13.4269123959%, 73.4750483885%, 35.8050997223%);
  color: #fff;
}
.button-group.alert .button {
  background-color: #ec5840;
  color: #fff;
}
.button-group.alert .button:hover, .button-group.alert .button:focus {
  background-color: rgb(85.6022408964%, 19.2717086835%, 8.5154061625%);
  color: #fff;
}
.button-group.warning .button {
  background-color: #ffae00;
  color: #fff;
}
.button-group.warning .button:hover, .button-group.warning .button:focus {
  background-color: rgb(80%, 54.5882352941%, 0%);
  color: #fff;
}
.button-group.stacked .button, .button-group.stacked-for-small .button {
  width: 100%;
}
.button-group.stacked .button:not(:last-child), .button-group.stacked-for-small .button:not(:last-child) {
  border-right: 1px solid;
}
@media screen and (min-width: 40em) {
  .button-group.stacked-for-small .button {
    width: auto;
  }
  .button-group.stacked-for-small .button:not(:last-child) {
    border-right: 1px solid #fff;
  }
}
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .button-group.stacked-for-small.expanded {
    display: block;
  }
  .button-group.stacked-for-small.expanded .button {
    display: block;
    border-right: 0;
  }
}

.callout {
  margin: 0 0 1rem 0;
  padding: 1rem;
  border: 1px solid rgba(32, 32, 32, 0.25);
  border-radius: 0;
  position: relative;
  color: #202020;
}
.callout > :first-child {
  margin-top: 0;
}
.callout > :last-child {
  margin-bottom: 0;
}
.callout {
  background-color: white;
}
.callout.primary {
  background-color: rgb(82%, 94.4411764706%, 100%);
}
.callout.secondary {
  background-color: rgb(94.1764705882%, 96.1176470588%, 89.1176470588%);
}
.callout.success {
  background-color: rgb(88.4117647059%, 97.8823529412%, 91.9411764706%);
}
.callout.alert {
  background-color: rgb(98.8823529412%, 90.1764705882%, 88.7647058824%);
}
.callout.warning {
  background-color: rgb(100%, 95.2352941176%, 85%);
}
.callout.small {
  padding-top: 0.5rem;
  padding-right: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
}
.callout.large {
  padding-top: 3rem;
  padding-right: 3rem;
  padding-bottom: 3rem;
  padding-left: 3rem;
}

[data-whatinput=mouse] .close-button {
  outline: 0;
}
.close-button {
  position: absolute;
  color: #333333;
  right: 1rem;
  top: 0.5rem;
  font-size: 2em;
  line-height: 1;
  cursor: pointer;
}
.close-button:hover, .close-button:focus {
  color: #202020;
}

.is-drilldown {
  position: relative;
  overflow: hidden;
}

.is-drilldown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: -1;
  height: 100%;
  width: 100%;
  background: #fff;
  transition: transform 0.15s linear;
}
.is-drilldown-submenu.is-active {
  z-index: 1;
  display: block;
  transform: translateX(-100%);
}
.is-drilldown-submenu.is-closing {
  transform: translateX(100%);
}

.is-drilldown-submenu-parent > a {
  position: relative;
}
.is-drilldown-submenu-parent > a::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  border-color: transparent transparent transparent #008dcc;
  border-left-style: solid;
  border-right-width: 0;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: 1rem;
}

.js-drilldown-back > a::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  border-color: transparent #008dcc transparent transparent;
  border-right-style: solid;
  border-left-width: 0;
  border-left-width: 0;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.75rem;
}

.dropdown-pane {
  background-color: #fff;
  border: 1px solid #cacaca;
  border-radius: 0;
  display: block;
  font-size: 16rem;
  padding: 1rem;
  position: absolute;
  visibility: hidden;
  width: 300px;
  z-index: 10;
}
.dropdown-pane.is-open {
  visibility: visible;
}

.dropdown-pane.tiny {
  width: 100px;
}

.dropdown-pane.small {
  width: 200px;
}

.dropdown-pane.large {
  width: 400px;
}

[data-whatinput=mouse] .dropdown.menu a {
  outline: 0;
}
.no-js .dropdown.menu ul {
  display: none;
}
.dropdown.menu:not(.vertical) .is-dropdown-submenu.first-sub {
  top: 100%;
  left: 0;
  right: auto;
}
.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
  top: 100%;
  left: auto;
  right: 0;
}

.is-dropdown-menu.vertical {
  width: 100px;
}
.is-dropdown-menu.vertical.align-right {
  float: right;
}
.is-dropdown-menu.vertical > li .is-dropdown-submenu {
  top: 0;
  left: 100%;
}

.is-dropdown-submenu-parent {
  position: relative;
}
.is-dropdown-submenu-parent a::after {
  float: right;
  margin-top: 3px;
  margin-left: 10px;
}
.is-dropdown-submenu-parent.is-down-arrow a {
  padding-right: 1.5rem;
  position: relative;
}
.is-dropdown-submenu-parent.is-down-arrow > a::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  border-color: #008dcc transparent transparent;
  border-top-style: solid;
  border-bottom-width: 0;
  position: absolute;
  top: 0.825rem;
  right: 5px;
}
.is-dropdown-submenu-parent.is-left-arrow > a::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  border-color: transparent #008dcc transparent transparent;
  border-right-style: solid;
  border-left-width: 0;
  float: left;
  margin-left: 0;
  margin-right: 10px;
}
.is-dropdown-submenu-parent.is-right-arrow > a::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  border-color: transparent transparent transparent #008dcc;
  border-left-style: solid;
  border-right-width: 0;
}
.is-dropdown-submenu-parent.is-left-arrow.opens-inner .is-dropdown-submenu {
  right: 0;
  left: auto;
}
.is-dropdown-submenu-parent.is-right-arrow.opens-inner .is-dropdown-submenu {
  left: 0;
  right: auto;
}
.is-dropdown-submenu-parent.opens-inner .is-dropdown-submenu {
  top: 100%;
}
.is-dropdown-submenu-parent.opens-left .is-dropdown-submenu {
  left: auto;
  right: 100%;
}

.is-dropdown-submenu {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  min-width: 200px;
  z-index: 1;
  background: #fff;
  border: 1px solid #cacaca;
}
.is-dropdown-submenu .is-dropdown-submenu {
  margin-top: -1px;
}
.is-dropdown-submenu > li {
  width: 100%;
}
.is-dropdown-submenu:not(.js-dropdown-nohover) > .is-dropdown-submenu-parent:hover > .is-dropdown-submenu, .is-dropdown-submenu.js-dropdown-active {
  display: block;
}

.flex-video {
  position: relative;
  height: 0;
  padding-bottom: 75%;
  margin-bottom: 1rem;
  overflow: hidden;
}
.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.flex-video.widescreen {
  padding-bottom: 56.25%;
}
.flex-video.vimeo {
  padding-top: 0;
}

.label {
  display: inline-block;
  padding: 0.33333rem 0.5rem;
  font-size: 0.8rem;
  line-height: 1;
  white-space: nowrap;
  cursor: default;
  border-radius: 0;
  background: #008dcc;
  color: #fff;
}
.label.secondary {
  background: #9cbd46;
  color: #fff;
}
.label.success {
  background: #3adb76;
  color: #fff;
}
.label.alert {
  background: #ec5840;
  color: #fff;
}
.label.warning {
  background: #ffae00;
  color: #fff;
}

.media-object {
  margin-bottom: 1rem;
  display: block;
}
.media-object img {
  max-width: none;
}
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .media-object.stack-for-small .media-object-section {
    display: block;
    padding: 0;
    padding-bottom: 1rem;
  }
  .media-object.stack-for-small .media-object-section img {
    width: 100%;
  }
}

.media-object-section {
  display: table-cell;
  vertical-align: top;
}
.media-object-section:first-child {
  padding-right: 1rem;
}
.media-object-section:last-child:not(:nth-child(2)) {
  padding-left: 1rem;
}
.media-object-section.middle {
  vertical-align: middle;
}
.media-object-section.bottom {
  vertical-align: bottom;
}

.menu {
  margin: 0;
  list-style-type: none;
}
[data-whatinput=mouse] .menu > li {
  outline: 0;
}
.menu > li {
  display: table-cell;
  vertical-align: middle;
}
.menu > li > a {
  display: block;
  padding: 0.7rem 1rem;
  line-height: 1;
}
.menu input,
.menu a,
.menu button {
  margin-bottom: 0;
}
.menu > li > a > img,
.menu > li > a > i {
  vertical-align: middle;
}
.menu > li > a > span {
  vertical-align: middle;
}
.menu > li > a > img,
.menu > li > a > i {
  display: inline-block;
  margin-right: 0.25rem;
}
.menu > li {
  display: table-cell;
}
.menu.vertical > li {
  display: block;
}
@media screen and (min-width: 40em) {
  .menu.medium-horizontal > li {
    display: table-cell;
  }
  .menu.medium-vertical > li {
    display: block;
  }
}
@media screen and (min-width: 60em) {
  .menu.large-horizontal > li {
    display: table-cell;
  }
  .menu.large-vertical > li {
    display: block;
  }
}
.menu.simple li {
  line-height: 1;
  display: inline-block;
  margin-right: 1rem;
}
.menu.simple a {
  padding: 0;
}
.menu.align-right > li {
  float: right;
}
.menu.expanded {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.menu.expanded > li:first-child:last-child {
  width: 100%;
}
.menu.icon-top > li > a {
  text-align: center;
}
.menu.icon-top > li > a > img,
.menu.icon-top > li > a > i {
  display: block;
  margin: 0 auto 0.25rem;
}
.menu.nested {
  margin-left: 1rem;
}

.menu-text {
  font-weight: bold;
  color: inherit;
  line-height: 1;
  padding-top: 0;
  padding-bottom: 0;
  padding: 0.7rem 1rem;
}

.no-js [data-responsive-menu] ul {
  display: none;
}

html,
body {
  height: 100%;
}

.off-canvas-wrapper {
  width: 100%;
  overflow-x: hidden;
  position: relative;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: auto;
}

.off-canvas-wrapper-inner::before, .off-canvas-wrapper-inner::after {
  content: " ";
  display: table;
}
.off-canvas-wrapper-inner::after {
  clear: both;
}
.off-canvas-wrapper-inner {
  position: relative;
  width: 100%;
  transition: transform 0.5s ease;
}

.off-canvas-content,
.off-canvas-content {
  min-height: 100%;
  background: #fff;
  transition: transform 0.5s ease;
  backface-visibility: hidden;
  z-index: 1;
  box-shadow: 0 0 10px rgba(32, 32, 32, 0.5);
}

.js-off-canvas-exit {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.25);
  cursor: pointer;
  transition: background 0.5s ease;
}

[data-whatinput=mouse] .off-canvas {
  outline: 0;
}
.off-canvas {
  position: absolute;
  background: #a7a9ac;
  z-index: -1;
  max-height: 100%;
  overflow-y: auto;
  transform: translateX(0);
}
.off-canvas.position-left {
  left: -250px;
  top: 0;
  width: 250px;
}
.is-open-left {
  transform: translateX(250px);
}

.off-canvas.position-right {
  right: -250px;
  top: 0;
  width: 250px;
}
.is-open-right {
  transform: translateX(-250px);
}

@media screen and (min-width: 40em) {
  .position-left.reveal-for-medium {
    left: 0;
    z-index: auto;
    position: fixed;
  }
  .position-left.reveal-for-medium ~ .off-canvas-content {
    margin-left: 250px;
  }
  .position-right.reveal-for-medium {
    right: 0;
    z-index: auto;
    position: fixed;
  }
  .position-right.reveal-for-medium ~ .off-canvas-content {
    margin-right: 250px;
  }
}
@media screen and (min-width: 60em) {
  .position-left.reveal-for-large {
    left: 0;
    z-index: auto;
    position: fixed;
  }
  .position-left.reveal-for-large ~ .off-canvas-content {
    margin-left: 250px;
  }
  .position-right.reveal-for-large {
    right: 0;
    z-index: auto;
    position: fixed;
  }
  .position-right.reveal-for-large ~ .off-canvas-content {
    margin-right: 250px;
  }
}
.orbit {
  position: relative;
}

.orbit-container {
  position: relative;
  margin: 0;
  overflow: hidden;
  list-style: none;
}

.orbit-slide {
  width: 100%;
  max-height: 100%;
}
.orbit-slide.no-motionui.is-active {
  top: 0;
  left: 0;
}

.orbit-figure {
  margin: 0;
}

.orbit-image {
  margin: 0;
  width: 100%;
  max-width: 100%;
}

.orbit-caption {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 1rem;
  margin-bottom: 0;
  color: #fff;
  background-color: rgba(32, 32, 32, 0.5);
}

[data-whatinput=mouse] .orbit-next, [data-whatinput=mouse] .orbit-previous {
  outline: 0;
}
.orbit-next, .orbit-previous {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  padding: 1rem;
  color: #fff;
}
.orbit-next:hover, .orbit-previous:hover, .orbit-next:active, .orbit-previous:active, .orbit-next:focus, .orbit-previous:focus {
  background-color: rgba(32, 32, 32, 0.5);
}

.orbit-previous {
  left: 0;
}

.orbit-next {
  left: auto;
  right: 0;
}

[data-whatinput=mouse] .orbit-bullets {
  outline: 0;
}
.orbit-bullets {
  position: relative;
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
  text-align: center;
}
.orbit-bullets button {
  width: 1.2rem;
  height: 1.2rem;
  margin: 0.1rem;
  background-color: #cacaca;
  border-radius: 50%;
}
.orbit-bullets button:hover {
  background-color: #333333;
}
.orbit-bullets button.is-active {
  background-color: #333333;
}

.progress {
  background-color: #cacaca;
  height: 1rem;
  margin-bottom: 1rem;
  border-radius: 0;
}
.progress.primary .progress-meter {
  background-color: #008dcc;
}
.progress.secondary .progress-meter {
  background-color: #9cbd46;
}
.progress.success .progress-meter {
  background-color: #3adb76;
}
.progress.alert .progress-meter {
  background-color: #ec5840;
}
.progress.warning .progress-meter {
  background-color: #ffae00;
}

.progress-meter {
  position: relative;
  display: block;
  width: 0%;
  height: 100%;
  background-color: #008dcc;
}

.progress-meter-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  margin: 0;
  font-size: 0.75rem;
  font-weight: bold;
  color: #fff;
  white-space: nowrap;
}

.slider {
  position: relative;
  height: 0.5rem;
  margin-top: 1.25rem;
  margin-bottom: 2.25rem;
  background-color: #a7a9ac;
  cursor: pointer;
  user-select: none;
  touch-action: none;
}

.slider-fill {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  max-width: 100%;
  height: 0.5rem;
  background-color: #cacaca;
  transition: all 0.2s ease-in-out;
}
.slider-fill.is-dragging {
  transition: all 0s linear;
}

[data-whatinput=mouse] .slider-handle {
  outline: 0;
}
.slider-handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  left: 0;
  z-index: 1;
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  background-color: #008dcc;
  transition: all 0.2s ease-in-out;
  touch-action: manipulation;
  border-radius: 0;
}
.slider-handle:hover {
  background-color: rgb(0%, 47%, 68%);
}
.slider-handle.is-dragging {
  transition: all 0s linear;
}

.slider.disabled,
.slider[disabled] {
  opacity: 0.25;
  cursor: not-allowed;
}

.slider.vertical {
  display: inline-block;
  width: 0.5rem;
  height: 12.5rem;
  margin: 0 1.25rem;
  transform: scale(1, -1);
}
.slider.vertical .slider-fill {
  top: 0;
  width: 0.5rem;
  max-height: 100%;
}
.slider.vertical .slider-handle {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1.4rem;
  height: 1.4rem;
  transform: translateX(-50%);
}

.sticky-container {
  position: relative;
}

.sticky {
  position: absolute;
  z-index: 0;
  transform: translate3d(0, 0, 0);
}

.sticky.is-stuck {
  position: fixed;
  z-index: 5;
}
.sticky.is-stuck.is-at-top {
  top: 0;
}
.sticky.is-stuck.is-at-bottom {
  bottom: 0;
}

.sticky.is-anchored {
  position: absolute;
  left: auto;
  right: auto;
}
.sticky.is-anchored.is-at-bottom {
  bottom: 0;
}

body.is-reveal-open {
  overflow: hidden;
}

.reveal-overlay {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1005;
  background-color: rgba(32, 32, 32, 0.45);
  overflow-y: scroll;
}

[data-whatinput=mouse] .reveal {
  outline: 0;
}
.reveal {
  display: none;
  z-index: 1006;
  padding: 1rem;
  border: 1px solid #cacaca;
  margin: 6.25rem auto 0;
  background-color: #fff;
  border-radius: 0;
}
@media screen and (min-width: 40em) {
  .reveal {
    min-height: 0;
  }
}
.reveal .column,
.reveal .columns {
  min-width: 0;
}
.reveal > :last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 40em) {
  .reveal {
    width: 600px;
    max-width: 73.75rem;
  }
}
.reveal {
  position: absolute;
  overflow-y: auto;
}
@media screen and (min-width: 40em) {
  .reveal .reveal {
    left: auto;
    right: auto;
    margin: 0 auto;
  }
}
.reveal.collapse {
  padding: 0;
}
@media screen and (min-width: 40em) {
  .reveal.tiny {
    width: 30%;
    max-width: 73.75rem;
  }
}
@media screen and (min-width: 40em) {
  .reveal.small {
    width: 50%;
    max-width: 73.75rem;
  }
}
@media screen and (min-width: 40em) {
  .reveal.large {
    width: 90%;
    max-width: 73.75rem;
  }
}
.reveal.full {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: 100vh;
  min-height: 100vh;
  max-width: none;
  margin-left: 0;
  border: 0;
}

.switch {
  margin-bottom: 1rem;
  outline: 0;
  position: relative;
  user-select: none;
  color: #fff;
  font-weight: bold;
  font-size: 0.875rem;
}

.switch-input {
  opacity: 0;
  position: absolute;
}

.switch-paddle {
  background: #cacaca;
  cursor: pointer;
  display: block;
  position: relative;
  width: 4rem;
  height: 2rem;
  transition: all 0.25s ease-out;
  border-radius: 0;
  color: inherit;
  font-weight: inherit;
}
input + .switch-paddle {
  margin: 0;
}
.switch-paddle::after {
  background: #fff;
  content: "";
  display: block;
  position: absolute;
  height: 1.5rem;
  left: 0.25rem;
  top: 0.25rem;
  width: 1.5rem;
  transition: all 0.25s ease-out;
  transform: translate3d(0, 0, 0);
  border-radius: 0;
}
input:checked ~ .switch-paddle {
  background: #008dcc;
}
input:checked ~ .switch-paddle::after {
  left: 2.25rem;
}
[data-whatinput=mouse] input:focus ~ .switch-paddle {
  outline: 0;
}

.switch-inactive, .switch-active {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.switch-active {
  left: 8%;
  display: none;
}
input:checked + label > .switch-active {
  display: block;
}

.switch-inactive {
  right: 15%;
}
input:checked + label > .switch-inactive {
  display: none;
}

.switch.tiny .switch-paddle {
  width: 3rem;
  height: 1.5rem;
  font-size: 0.625rem;
}
.switch.tiny .switch-paddle::after {
  width: 1rem;
  height: 1rem;
}
.switch.tiny input:checked ~ .switch-paddle:after {
  left: 1.75rem;
}

.switch.small .switch-paddle {
  width: 3.5rem;
  height: 1.75rem;
  font-size: 0.75rem;
}
.switch.small .switch-paddle::after {
  width: 1.25rem;
  height: 1.25rem;
}
.switch.small input:checked ~ .switch-paddle:after {
  left: 2rem;
}

.switch.large .switch-paddle {
  width: 5rem;
  height: 2.5rem;
  font-size: 1rem;
}
.switch.large .switch-paddle::after {
  width: 2rem;
  height: 2rem;
}
.switch.large input:checked ~ .switch-paddle:after {
  left: 2.75rem;
}

table {
  width: 100%;
  margin-bottom: 1rem;
  border-radius: 0;
}
thead,
tbody,
tfoot {
  border: 1px solid rgb(95%, 95%, 95%);
  background-color: #fff;
}

caption {
  font-weight: bold;
  padding: 0.5rem 0.625rem 0.625rem;
}

thead,
tfoot {
  background: rgb(97.5%, 97.5%, 97.5%);
  color: #202020;
}
thead tr,
tfoot tr {
  background: transparent;
}
thead th,
thead td,
tfoot th,
tfoot td {
  padding: 0.5rem 0.625rem 0.625rem;
  font-weight: bold;
  text-align: left;
}

tbody tr:nth-child(even) {
  background-color: rgb(95%, 95%, 95%);
}
tbody th,
tbody td {
  padding: 0.5rem 0.625rem 0.625rem;
}

@media screen and (max-width: 59.9375em) {
  table.stack thead {
    display: none;
  }
  table.stack tfoot {
    display: none;
  }
  table.stack tr,
  table.stack th,
  table.stack td {
    display: block;
  }
  table.stack td {
    border-top: 0;
  }
}

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

table.hover tr:hover {
  background-color: rgb(98%, 98%, 98%);
}
table.hover tr:nth-of-type(even):hover {
  background-color: rgb(93%, 93%, 93%);
}

.tabs::before, .tabs::after {
  content: " ";
  display: table;
}
.tabs::after {
  clear: both;
}
.tabs {
  margin: 0;
  list-style-type: none;
  background: #fff;
  border: 1px solid #a7a9ac;
}

.tabs.vertical > li {
  width: auto;
  float: none;
  display: block;
}

.tabs.simple > li > a {
  padding: 0;
}
.tabs.simple > li > a:hover {
  background: transparent;
}

.tabs.primary {
  background: #008dcc;
}
.tabs.primary > li > a {
  color: #fff;
}
.tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
  background: rgb(0%, 59.4411764706%, 86%);
}

.tabs-title {
  float: left;
}
.tabs-title > a {
  display: block;
  padding: 1.25rem 1.5rem;
  line-height: 1;
  font-size: 12px;
  color: #008dcc;
}
.tabs-title > a:hover {
  background: #fff;
}
.tabs-title > a:focus, .tabs-title > a[aria-selected=true] {
  background: #a7a9ac;
}

.tabs-content {
  background: #fff;
  transition: all 0.5s ease;
  border: 1px solid #a7a9ac;
  border-top: 0;
}

.tabs-content.vertical {
  border: 1px solid #a7a9ac;
  border-left: 0;
}

.tabs-panel {
  display: none;
  padding: 1rem;
}
.tabs-panel.is-active {
  display: block;
}

.thumbnail {
  border: solid 4px #fff;
  box-shadow: 0 0 0 1px rgba(32, 32, 32, 0.2);
  display: inline-block;
  line-height: 0;
  max-width: 100%;
  transition: box-shadow 200ms ease-out;
  border-radius: 0;
  margin-bottom: 1rem;
}
.thumbnail:hover, .thumbnail:focus {
  box-shadow: 0 0 6px 1px rgba(0, 141, 204, 0.5);
}

.title-bar::before, .title-bar::after {
  content: " ";
  display: table;
}
.title-bar::after {
  clear: both;
}
.title-bar {
  background: #202020;
  color: #fff;
  padding: 0.5rem;
}
.title-bar .menu-icon {
  margin-left: 0.25rem;
  margin-right: 0.5rem;
}

.title-bar-left {
  float: left;
}

.title-bar-right {
  float: right;
  text-align: right;
}

.title-bar-title {
  font-weight: bold;
  vertical-align: middle;
  display: inline-block;
}

.menu-icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  width: 20px;
  height: 16px;
}
.menu-icon::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background: #fff;
  top: 0;
  left: 0;
  box-shadow: 0 7px 0 #fff, 0 14px 0 #fff;
}
.menu-icon:hover::after {
  background: #cacaca;
  box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca;
}

.menu-icon.dark {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  width: 20px;
  height: 16px;
}
.menu-icon.dark::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background: #202020;
  top: 0;
  left: 0;
  box-shadow: 0 7px 0 #202020, 0 14px 0 #202020;
}
.menu-icon.dark:hover::after {
  background: #333333;
  box-shadow: 0 7px 0 #333333, 0 14px 0 #333333;
}

.has-tip {
  border-bottom: dotted 1px #333333;
  font-weight: bold;
  position: relative;
  display: inline-block;
  cursor: help;
}

.tooltip {
  background-color: #202020;
  color: #fff;
  font-size: 80%;
  padding: 0.75rem;
  position: absolute;
  z-index: 10;
  top: calc(100% + 0.6495rem);
  max-width: 10rem !important;
  border-radius: 0;
}
.tooltip::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 0.75rem;
  border-color: transparent transparent #202020;
  border-bottom-style: solid;
  border-top-width: 0;
  bottom: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.tooltip.top::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 0.75rem;
  border-color: #202020 transparent transparent;
  border-top-style: solid;
  border-bottom-width: 0;
  top: 100%;
  bottom: auto;
}
.tooltip.left::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 0.75rem;
  border-color: transparent transparent transparent #202020;
  border-left-style: solid;
  border-right-width: 0;
  bottom: auto;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.tooltip.right::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 0.75rem;
  border-color: transparent #202020 transparent transparent;
  border-right-style: solid;
  border-left-width: 0;
  bottom: auto;
  left: auto;
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
}

.top-bar::before, .top-bar::after {
  content: " ";
  display: table;
}
.top-bar::after {
  clear: both;
}
.top-bar {
  padding: 0.5rem;
}
.top-bar,
.top-bar ul {
  background-color: #a7a9ac;
}
.top-bar input {
  width: 200px;
  margin-right: 1rem;
}
.top-bar input.button {
  width: auto;
}

@media screen and (max-width: 39.9375em) {
  .stacked-for-small .top-bar-title {
    width: 100%;
  }
  .stacked-for-small .top-bar-right {
    width: 100%;
  }
  .stacked-for-small .top-bar-left {
    width: 100%;
  }
}

@media screen and (max-width: 59.9375em) {
  .stacked-for-medium .top-bar-title {
    width: 100%;
  }
  .stacked-for-medium .top-bar-right {
    width: 100%;
  }
  .stacked-for-medium .top-bar-left {
    width: 100%;
  }
}

@media screen and (max-width: 69.9375em) {
  .stacked-for-large .top-bar-title {
    width: 100%;
  }
  .stacked-for-large .top-bar-right {
    width: 100%;
  }
  .stacked-for-large .top-bar-left {
    width: 100%;
  }
}

@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .top-bar-title {
    width: 100%;
  }
  .top-bar-right {
    width: 100%;
  }
  .top-bar-left {
    width: 100%;
  }
}
.top-bar-title {
  float: left;
  margin-right: 1rem;
}

.top-bar-left {
  float: left;
}

.top-bar-right {
  float: right;
}

@font-face {
  font-family: "icomoon";
  src: url("/site_media/font-icons/icomoon.eot?59qwdu");
  src: url("/site_media/font-icons/icomoon.eot?59qwdu#iefix") format("embedded-opentype"), url("/site_media/font-icons/icomoon.ttf?59qwdu") format("truetype"), url("/site_media/font-icons/icomoon.woff?59qwdu") format("woff"), url("/site_media/font-icons/icomoon.svg?59qwdu#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-dropdown:before {
  content: "\e90e";
}

.icon-arrow-left-ios7:before {
  content: "\e90a";
}

.icon-arrow-right-ios7:before {
  content: "\e90b";
}

.icon-arrow-right:before {
  content: "\e90c";
}

.icon-arrow-left:before {
  content: "\e90d";
}

.icon-user:before {
  content: "\e901";
}

.icon-twitter:before {
  content: "\e902";
}

.icon-facebook:before {
  content: "\e903";
}

.icon-youtube:before {
  content: "\e904";
}

.icon-shopping-cart:before {
  content: "\e905";
}

.icon-close-round:before {
  content: "\e906";
}

.icon-location:before {
  content: "\e907";
}

.icon-telepnone:before {
  content: "\e908";
}

.icon-email:before {
  content: "\e909";
}

.icon-info:before {
  content: "\e900";
}

@font-face {
  font-family: "icomoon2";
  src: url("/site_media/font-icons2/icomoon.eot?76widv");
  src: url("/site_media/font-icons2/icomoon.eot?76widv#iefix") format("embedded-opentype"), url("/site_media/font-icons2/icomoon.ttf?76widv") format("truetype"), url("/site_media/font-icons2/icomoon.woff?76widv") format("woff"), url("/site_media/font-icons2/icomoon.svg?76widv#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon2-], [class*=" icon2-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon2" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon2-check:before {
  content: "\e900";
}

.icon2-chat:before {
  content: "\e901";
}

.icon2-book:before {
  content: "\e902";
}

.icon2-file-text:before {
  content: "\e903";
}

.icon2-user:before {
  content: "\e904";
}

.icon2-quotes-right:before {
  content: "\e905";
}

.icon2-list-numbered:before {
  content: "\e906";
}

.icon2-checkmark:before {
  content: "\e907";
}

.icon2-fed {
  background: url("/site_media/images/icon-burger.png");
  width: 32px;
  height: 32px;
  margin: 7px 24px !important;
}

.selected .icon2-fed {
  background: url("/site_media/images/icon-burger-active.png");
}

.icon2-fasted {
  background: url("/site_media/images/icon-plate.png");
  width: 32px;
  height: 32px;
  margin: 7px 24px !important;
}

.selected .icon2-fasted {
  background: url("/site_media/images/icon-plate-active.png");
}

.feedback-column, .pagination, .sidebar__box, .login-box, .product-item-wrapper .product-item, .product-list__header, .box {
  background: #fff;
  overflow: hidden;
}

/*
 * Compact-menu button. header.js only toggles aria-expanded; submenu
 * disclosures remain native <details>/<summary> elements.
 */
.site-header__menu-toggle {
  display: none;
}

.site-header__menu-icon {
  display: inline-flex;
  width: 1.5rem;
  height: 1.125rem;
  flex-direction: column;
  justify-content: space-between;
}

.site-header__menu-icon > span {
  display: block;
  width: 100%;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
  transform-origin: center;
  transition: opacity 160ms ease, transform 160ms ease;
}

.site-header__menu-toggle[aria-expanded=true] .site-header__menu-icon > span:first-child {
  transform: translateY(0.5rem) rotate(45deg);
}

.site-header__menu-toggle[aria-expanded=true] .site-header__menu-icon > span:nth-child(2) {
  opacity: 0;
}

.site-header__menu-toggle[aria-expanded=true] .site-header__menu-icon > span:last-child {
  transform: translateY(-0.5rem) rotate(-45deg);
}

@media (max-width: 62.49rem) {
  .site-header__menu-toggle {
    display: inline-flex;
    min-width: 3rem;
    min-height: 3rem;
    align-items: center;
    justify-content: center;
    gap: 0.625rem;
    padding: 0.625rem 0.75rem;
    border: 0;
    border-radius: 0.5rem;
    color: #333333;
    background: transparent;
    cursor: pointer;
    font: inherit;
    font-weight: 600;
    line-height: 1;
  }
  .site-header__menu-toggle:hover {
    color: var(--site-header-green-secondary);
    background: rgba(88, 191, 79, 0.1);
  }
}
@media (max-width: 29.99rem) {
  .site-header__menu-toggle {
    width: 2.75rem;
    min-width: 2.75rem;
    min-height: 2.75rem;
    padding: 0.625rem;
  }
  .site-header__menu-label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .site-header__menu-icon > span {
    transition: none;
  }
}
/* --------------------------------------------------------------------------
   Header shell
   -------------------------------------------------------------------------- */
.site-header {
  /* Exact Biorelevant brand palette. */
  --site-header-background: #F8F8F8;
  --site-header-green: #58BF4F;
  --site-header-green-secondary: #7B9C24;
  --site-header-orange: #F28C40;
  --site-header-orange-secondary: #AF520D;
  --site-header-shadow: #AFB6D9;
  --site-header-blue: #0099FF;
  --site-header-red: #CC0000;
  --site-header-ink: #333333;
  --site-header-muted: #687076;
  --site-header-line: #dfe5e7;
  --site-header-surface: #ffffff;
  --site-header-soft: var(--site-header-background);
  --site-header-control-font-size: 1rem;
  --site-header-search-collapsed-width: 7.1875rem;
  --site-header-search-expanded-width: 13rem;
  --site-header-search-collapsed-height: 2.25rem;
  --site-header-search-expanded-height: 2.375rem;
  position: sticky;
  top: 0;
  z-index: 1000;
  width: 100%;
  color: var(--site-header-ink);
  background: var(--site-header-surface);
  border-bottom: 1px solid var(--site-header-line);
  box-shadow: 0 0.25rem 1.25rem rgba(175, 182, 217, 0.3);
  font-family: "Red Hat Display", Arial, sans-serif;
}

.site-header *,
.site-header *::before,
.site-header *::after {
  box-sizing: border-box;
}

.site-header a {
  color: inherit;
  text-decoration: none;
}

.site-header button,
.site-header input,
.site-header summary {
  font: inherit;
}

.site-header summary {
  list-style: none;
}

.site-header summary::-webkit-details-marker {
  display: none;
}

.site-header :where(a, button, input, summary):focus-visible {
  /* A solid high-contrast perimeter stays visible on every branded surface. */
  outline: 2px solid var(--site-header-ink);
  outline-offset: 2px;
}

.site-header__sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.site-header__inner {
  position: relative;
  display: grid;
  grid-template-areas: "logo nav search actions";
  grid-template-columns: minmax(10.5rem, 13.75rem) minmax(35rem, 1fr) minmax(var(--site-header-search-collapsed-width), var(--site-header-search-expanded-width)) auto;
  align-items: center;
  gap: clamp(0.5rem, 0.9vw, 1.1rem);
  width: 100%;
  max-width: 100rem;
  min-height: 6.25rem;
  margin: 0 auto;
  padding: 0.75rem clamp(1rem, 2.7vw, 3rem);
}

.site-header__logo {
  grid-area: logo;
  display: inline-flex;
  width: fit-content;
  align-items: center;
}

.site-header__logo img {
  display: block;
  width: min(100%, 13.75rem);
  height: auto;
}

/* --------------------------------------------------------------------------
   Primary navigation and dropdowns
   -------------------------------------------------------------------------- */
.site-header__navigation {
  grid-area: nav;
  min-width: 0;
}

/* Desktop navigation is always visible. */
.site-header__navigation > .site-header__nav {
  display: block;
}

.site-header__nav-list {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: clamp(0.0625rem, 0.25vw, 0.375rem);
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 1.2;
}

.site-header__nav-item {
  position: relative;
  display: flex;
  min-width: 0;
  align-items: stretch;
}

.site-header__nav-group {
  position: relative;
  display: flex;
  align-items: stretch;
}

.site-header .site-header__nav-link {
  position: relative;
  display: inline-flex;
  min-height: 4rem;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  padding: 0.5rem clamp(0.4rem, 0.52vw, 0.65rem);
  border: 0;
  border-radius: 0.5rem;
  color: var(--site-header-ink);
  background: transparent;
  cursor: pointer;
  font-size: var(--site-header-control-font-size);
  font-weight: 500;
  line-height: 1.15;
  text-align: center;
  white-space: nowrap;
}

.site-header__nav-link:hover,
.site-header__nav-group[open] > .site-header__nav-link {
  color: var(--site-header-green-secondary);
  background: rgba(88, 191, 79, 0.1);
}

.site-header__nav-group > .site-header__nav-link {
  gap: 0;
  padding: 0 0.15rem 0 0;
}

.site-header .site-header__nav-direct {
  display: inline-flex;
  min-width: 0;
  flex: 1 1 auto;
  align-self: stretch;
  align-items: center;
  justify-content: center;
  padding: 0.5rem clamp(0.4rem, 0.52vw, 0.65rem);
  border-radius: 0.5rem;
  font-family: inherit;
  font-size: var(--site-header-control-font-size);
  font-weight: inherit;
  line-height: inherit;
}

.site-header__submenu-toggle {
  display: grid;
  width: 1.35rem;
  height: 2.75rem;
  flex: 0 0 1.35rem;
  place-items: center;
}

.site-header__submenu-toggle::before {
  width: 0.42rem;
  height: 0.42rem;
  margin-top: -0.2rem;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  content: "";
  transform: rotate(45deg);
  transition: transform 160ms ease;
}

.site-header__nav-group[open] .site-header__submenu-toggle::before {
  margin-top: 0.2rem;
  transform: rotate(225deg);
}

.site-header__badge {
  position: absolute;
  right: 0.4rem;
  bottom: 0.12rem;
  left: 0.4rem;
  color: var(--site-header-red);
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
}

.site-header__dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 30;
  display: none;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: min(35rem, 100vw - 2rem);
  max-height: min(36rem, 100vh - 8rem);
  padding: 0.75rem;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid var(--site-header-line);
  border-top: 3px solid var(--site-header-green);
  border-radius: 0.625rem;
  background: var(--site-header-surface);
  box-shadow: 0 1rem 2.5rem rgba(175, 182, 217, 0.48);
}

.site-header__nav-group--end .site-header__dropdown {
  right: 0;
  left: auto;
}

.site-header__nav-group[open] > .site-header__dropdown {
  display: grid;
  animation: site-header-panel-in 150ms ease-out both;
}

.site-header__nav-group.is-closing > .site-header__dropdown {
  display: grid;
  pointer-events: none;
  animation: site-header-panel-out 130ms ease-in both;
}

.site-header__dropdown-all {
  grid-column: 1/-1;
  display: flex;
  min-height: 2.75rem;
  align-items: center;
  justify-content: space-between;
  margin: -0.25rem -0.25rem 0.35rem;
  padding: 0.65rem 0.8rem;
  border-radius: 0.4rem;
  color: var(--site-header-green-secondary) !important;
  background: rgba(88, 191, 79, 0.1);
  font-size: 0.9rem;
  font-weight: 700;
}

.site-header__dropdown-all::after {
  content: "→";
}

.site-header__dropdown-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  min-height: 3.25rem;
  align-items: center;
  gap: 0.65rem;
  padding: 0.4rem 0.55rem;
  border-radius: 0.4rem;
  color: var(--site-header-ink) !important;
  font-size: 0.85rem;
  font-weight: 500;
  line-height: 1.2;
}

.site-header__dropdown-item:hover {
  background: rgba(88, 191, 79, 0.08);
}

.site-header__dropdown-thumb {
  display: grid;
  width: 2.5rem;
  height: 2.5rem;
  overflow: hidden;
  place-items: center;
}

/* Do not reserve an empty image gutter for text-only menu entries. */
.site-header__dropdown-thumb:not(:has(img)) {
  display: none;
}

.site-header__dropdown-thumb img {
  display: block;
  width: auto !important;
  height: auto !important;
  max-width: 2.25rem !important;
  max-height: 2.25rem !important;
  object-fit: contain;
  object-position: center;
}

.site-header__category-dot {
  width: 0.7rem;
  height: 0.7rem;
  margin: 0;
  border: 2px solid #ffffff;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(51, 51, 51, 0.18), 0 0 0 0.22rem rgba(175, 182, 217, 0.22);
}

.site-header__dropdown--learning .site-header__dropdown-item {
  grid-template-columns: 1rem minmax(0, 1fr);
  min-height: 2.75rem;
  margin: 0.1rem;
  padding: 0.45rem 0.7rem;
  border: 1px solid var(--site-header-line);
  border-radius: 999px;
  background: var(--site-header-background);
}

.site-header__dropdown--learning .site-header__dropdown-item:hover {
  border-color: var(--site-header-green);
  background: rgba(88, 191, 79, 0.1);
}

.site-header__mobile-utilities {
  display: none;
}

/* --------------------------------------------------------------------------
   Search
   -------------------------------------------------------------------------- */
.site-header__search {
  position: relative;
  grid-area: search;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 2.25rem;
  width: var(--site-header-search-collapsed-width);
  min-width: 0;
  height: var(--site-header-search-collapsed-height);
  justify-self: end;
  margin: 0;
  overflow: hidden;
  border: 1px solid #cfd8dc;
  border-radius: 999px;
  background: #ffffff;
  box-shadow: none;
  transition: width 170ms ease, height 150ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.site-header__search:focus-within {
  z-index: 3;
  width: var(--site-header-search-expanded-width);
  height: var(--site-header-search-expanded-height);
  border-color: var(--site-header-green);
  box-shadow: 0 0 0 3px rgba(88, 191, 79, 0.18);
}

.site-header__search input[type=search] {
  width: 100%;
  min-width: 0;
  height: 100%;
  margin: 0;
  padding: 0 0.2rem 0 0.75rem;
  border: 0;
  border-radius: 0;
  color: var(--site-header-ink);
  background: transparent;
  box-shadow: none;
  font-size: 0.875rem;
}

.site-header__search input[type=search]::placeholder {
  color: #7d858a;
  opacity: 1;
}

.site-header__search input[type=search]:focus {
  border: 0;
  outline: 0;
  box-shadow: none;
}

.site-header__search button {
  display: grid;
  width: 2.25rem;
  height: 100%;
  margin: -1px -1px -1px 0;
  padding: 0;
  place-items: center;
  border: 0;
  border-radius: 50%;
  color: #ffffff;
  background: var(--site-header-green);
  cursor: pointer;
}

.site-header__search button:hover {
  background: var(--site-header-green-secondary);
}

.site-header__search svg {
  width: 1rem;
  height: 1rem;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-width: 2;
}

/* --------------------------------------------------------------------------
   Basket and account actions
   -------------------------------------------------------------------------- */
.site-header__actions {
  grid-area: actions;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.15rem;
}

.site-header__account,
.site-header__basket {
  position: relative;
}

.site-header .site-header__action {
  display: inline-flex;
  min-width: 2.75rem;
  min-height: 2.75rem;
  align-items: center;
  justify-content: center;
  gap: 0.38rem;
  margin: 0;
  padding: 0.5rem 0.55rem;
  border: 0;
  border-radius: 0.5rem;
  color: var(--site-header-ink);
  background: transparent;
  cursor: pointer;
  font-size: var(--site-header-control-font-size);
  font-weight: 500;
  line-height: 1.1;
  white-space: nowrap;
}

/* Progressive enhancement: JavaScript reveals this only in condensed mobile mode. */
.site-header .site-header__mobile-search-toggle {
  display: none;
}

.site-header__action:hover,
.site-header__account[open] > .site-header__action,
.site-header__basket[open] > .site-header__action {
  color: var(--site-header-green-secondary);
  background: rgba(88, 191, 79, 0.1);
}

.site-header__action > svg {
  width: 1.4rem;
  height: 1.4rem;
  flex: 0 0 auto;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}

.site-header__account-panel {
  position: absolute;
  top: calc(100% + 0.75rem);
  right: 0;
  z-index: 35;
  width: min(25rem, 100vw - 2rem);
  max-height: calc(100vh - 8rem);
  overflow: auto;
  border: 1px solid var(--site-header-line);
  border-top: 3px solid var(--site-header-green);
  border-radius: 0.625rem;
  background: #ffffff;
  box-shadow: 0 1rem 2.5rem rgba(175, 182, 217, 0.48);
}

.site-header__account-panel .dropdown_login-box {
  width: 100%;
  max-width: none;
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 1.5rem;
  border: 0;
  box-shadow: none;
  text-align: left;
}

.site-header__account-panel .dropdown_login-box h2 {
  padding-bottom: 0;
  font-size: 1.5rem;
  text-align: center;
}

.site-header__account-panel .dropdown_login-box button.close-button {
  right: auto;
  left: 1rem;
}

.site-header__account-panel .dropdown_login-box .my-button-main,
.site-header__account-panel .dropdown_login-box .my-button-secondary {
  width: 100%;
  max-width: 100%;
  text-transform: none;
}

.site-header__account-panel--compact {
  width: 12rem;
  padding: 0.5rem;
}

.site-header__account-panel--compact > a,
.site-header__account-panel--compact button {
  display: flex;
  width: 100%;
  min-height: 2.75rem;
  align-items: center;
  padding: 0.55rem 0.75rem;
  border: 0;
  border-radius: 0.4rem;
  color: var(--site-header-ink);
  background: transparent;
  cursor: pointer;
  font-weight: 600;
  text-align: left;
}

.site-header__account-panel--compact > a:hover,
.site-header__account-panel--compact button:hover {
  background: var(--site-header-soft);
}

.site-header__basket-summary {
  position: relative;
  display: inline-grid;
  width: 3.75rem;
  min-width: 3.75rem;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  place-items: center;
  padding: 0.2rem 0.25rem 0.15rem;
}

.site-header__basket .basket-preview {
  position: relative;
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  flex: 0 0 auto;
  transform: translateY(-0.25rem);
}

.site-header__basket .basket-preview img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.site-header__basket .header__cart-items-count {
  position: absolute;
  top: -0.55rem;
  right: -0.55rem;
  display: grid;
  min-width: 1.15rem;
  height: 1.15rem;
  padding: 0 0.22rem;
  place-items: center;
  border: 2px solid #ffffff;
  border-radius: 999px;
  color: #ffffff;
  background: var(--site-header-green);
  font-size: 0.65rem;
  font-weight: 700;
  line-height: 1;
}

.site-header__basket .basket-preview__cart-items-text_wrapper {
  position: absolute;
  right: 0.2rem;
  bottom: 0.16rem;
  left: 0.2rem;
  display: block;
  width: auto;
  min-width: 0;
  line-height: 1;
  overflow: hidden;
  text-align: center;
}

.site-header__basket .basket-preview__cart-items-text_total {
  display: block;
  width: 100%;
  min-height: 0.625rem;
  overflow: hidden;
  font-size: 0.625rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  line-height: 1;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.site-header__basket .basket-preview__cart-items-text_savings {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.site-header .header__cart__dropdown {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 35;
  display: none;
  width: min(30rem, 100vw - 2rem);
  max-height: calc(100vh - 7.5rem);
  max-height: calc(100dvh - 7.5rem);
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--site-header-line);
  border-top: 3px solid var(--site-header-green);
  border-radius: 0.625rem;
  color: var(--site-header-ink);
  background: #ffffff;
  box-shadow: 0 1rem 2.5rem rgba(175, 182, 217, 0.48);
}

.site-header__basket[open] > .header__cart__dropdown {
  display: flex;
  animation: site-header-panel-in 150ms ease-out both;
}

.site-header__basket.is-closing > .header__cart__dropdown {
  display: flex;
  pointer-events: none;
  animation: site-header-panel-out 130ms ease-in both;
}

.site-header .cart-box-list {
  min-height: 0;
  flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

.site-header .cart-box-empty--text {
  min-height: 6rem;
  padding: 1.5rem;
  color: var(--site-header-muted);
  font-size: 0.9rem;
  text-align: center;
}

.site-header .cart-box-empty--text img {
  display: block;
  width: 2rem;
  height: 2rem;
  margin: 0.75rem auto 0;
}

.site-header .cart-box__cart__buttons {
  position: sticky;
  bottom: 0;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
  gap: 0.5rem;
  flex: 0 0 auto;
  padding: 0.65rem 0.75rem 0.75rem;
  border-top: 1px solid var(--site-header-line);
  background: var(--site-header-surface);
  box-shadow: 0 -0.45rem 1rem rgba(175, 182, 217, 0.18);
}

.site-header .cart-box__cart__buttons > .my-button-secondary,
.site-header .cart-box__cart__buttons > .my-button-main {
  display: flex;
  width: 100%;
  min-height: 2.75rem;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0.6rem 1rem;
  border: 0;
  border-radius: 0.5rem;
  color: #ffffff;
  cursor: pointer;
  font: inherit;
  font-weight: 700;
  text-align: center;
}

.site-header .cart-box__cart__buttons > .my-button-secondary {
  background: var(--site-header-orange);
}

.site-header .cart-box__cart__buttons > .my-button-main {
  background: var(--site-header-green);
}

.site-header .cart-box__cart__buttons > :only-child {
  grid-column: 1/-1;
}

.site-header .cart-box__cart__buttons > .my-button-secondary:hover {
  background: var(--site-header-orange-secondary);
}

.site-header .cart-box__cart__buttons > .my-button-main:hover {
  background: var(--site-header-green-secondary);
}

.site-header .header__cart-item {
  display: grid;
  grid-template-areas: "image description price" "image quantity quantity";
  grid-template-columns: 2.75rem minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.15rem 0.65rem;
  min-height: 0;
  margin: 0;
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid #edf0f1;
}

.site-header .header__cart-image {
  grid-area: image;
  display: grid;
  width: 2.75rem;
  height: 2.75rem;
  overflow: hidden;
  place-items: center;
}

.site-header .header__cart-image img {
  display: block;
  width: auto !important;
  height: auto !important;
  max-width: 2.5rem !important;
  max-height: 2.5rem !important;
  object-fit: contain;
}

.site-header .header__cart-desc {
  grid-area: description;
  min-width: 0;
  font-size: 0.75rem;
  line-height: 1.2;
  text-align: left;
}

.site-header .header__cart-desc_name {
  margin-bottom: 0.08rem;
  font-weight: 700;
}

.site-header .header__cart-desc_code_wraper {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 0.5rem;
  color: var(--site-header-muted);
}

.site-header .header__cart-price {
  grid-area: price;
  font-size: 0.8rem;
  font-weight: 700;
  white-space: nowrap;
}

.site-header .header__cart-quantity {
  grid-area: quantity;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.25rem;
}

.site-header .header__cart-quantity input.header__cart__variant-change {
  display: block;
  width: 3rem;
  height: 2.75rem;
  margin: 0;
  padding: 0.2rem;
  border: 1px solid #d8dfe2;
  border-radius: 0.35rem;
  text-align: center;
}

.site-header .header__cart-quantity-icon {
  display: grid;
  width: 2.75rem;
  height: 2.75rem;
  padding: 0;
  place-items: center;
  border: 1px solid #d8dfe2;
  border-radius: 0.35rem;
  color: var(--site-header-ink);
  background: #ffffff;
  cursor: pointer;
}

.site-header .header__cart-quantity-icon:hover {
  background: var(--site-header-soft);
}

.site-header .header__cart__notifications_area,
.site-header .header__cart__need_a_quote_area {
  position: absolute;
  top: 100%;
  right: 1rem;
  z-index: 40;
  width: min(24rem, 100vw - 2rem);
  max-height: calc(100vh - 8rem);
  overflow: auto;
  border-radius: 0 0 0.625rem 0.625rem;
  background: #ffffff;
  box-shadow: 0 1rem 2.5rem rgba(175, 182, 217, 0.48);
}

.site-header .cart-notification {
  padding: 0.9rem;
}

.site-header .cart-item-notification_alert {
  display: flex;
  gap: 0.75rem;
}

.site-header .notification-item-image__container {
  width: 5rem;
  height: 5rem;
  flex: 0 0 auto;
}

.site-header .notification-item-image__container img {
  max-width: 100%;
  max-height: 100%;
}

.site-header .notification_item_name,
.site-header .notification_item_price {
  font-weight: 700;
}

.site-header .notification-message {
  padding: 1rem;
  font-weight: 700;
  text-align: center;
}

.site-header .notification-close-bttn {
  min-height: 2.75rem;
  padding: 0.7rem;
  cursor: pointer;
  text-align: center;
  text-decoration: underline;
}

/* --------------------------------------------------------------------------
   Autocomplete menu (appended to .site-header by search-header.js)
   -------------------------------------------------------------------------- */
.site-header.site-header > .site-header__autocomplete.ui-autocomplete,
.site-header.site-header > .ui-autocomplete {
  z-index: 60 !important;
  width: min(30rem, 100vw - 2rem) !important;
  max-height: min(30rem, 100vh - 8rem);
  max-height: min(30rem, 100dvh - 8rem);
  margin: 0.35rem 0 0 !important;
  padding: 0.35rem !important;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid var(--site-header-line);
  border-radius: 0.625rem;
  background: #ffffff;
  box-shadow: 0 1rem 2.5rem rgba(175, 182, 217, 0.48);
  box-sizing: border-box;
  font-family: "Red Hat Display", Arial, sans-serif;
  font-size: 1rem;
  list-style: none;
  scrollbar-gutter: stable;
}

.site-header.site-header .ui-autocomplete .ui-autocomplete-category {
  height: auto !important;
  min-height: 0;
  margin: 0 !important;
  padding: 0.55rem 0.6rem 0.25rem !important;
  color: var(--site-header-muted);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  line-height: 1.2;
  list-style: none;
  text-transform: uppercase;
}

.site-header.site-header .ui-autocomplete .ui-menu-item {
  height: auto !important;
  min-height: 0;
  margin: 0.1rem 0 !important;
  padding: 0 !important;
  list-style: none;
}

.site-header.site-header .ui-autocomplete .site-header__suggestion.ui-menu-item-wrapper {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  height: auto !important;
  min-height: 3.25rem;
  align-items: center;
  gap: 0.6rem;
  margin: 0 !important;
  padding: 0.35rem 0.5rem !important;
  border: 0 !important;
  border-radius: 0.4rem;
  color: var(--site-header-ink);
  background: transparent;
  font-size: 0.875rem !important;
  font-weight: 500;
  line-height: 1.2 !important;
  text-decoration: none;
}

.site-header.site-header .ui-autocomplete .site-header__suggestion.ui-state-active,
.site-header.site-header .ui-autocomplete .site-header__suggestion.ui-state-focus,
.site-header.site-header .ui-autocomplete .site-header__suggestion:hover {
  margin: 0 !important;
  border: 0 !important;
  color: var(--site-header-ink);
  background: rgba(88, 191, 79, 0.1);
}

.site-header .site-header__suggestion-image {
  display: grid;
  width: 2.5rem;
  height: 2.5rem;
  overflow: hidden;
  place-items: center;
}

.site-header .site-header__suggestion-image img {
  display: block;
  width: auto !important;
  height: auto !important;
  max-width: 2.25rem !important;
  max-height: 2.25rem !important;
  object-fit: contain;
}

.site-header .site-header__suggestion-copy {
  display: grid;
  min-width: 0;
  gap: 0.12rem;
}

.site-header .site-header__suggestion-title {
  min-width: 0;
  margin: 0 !important;
  color: var(--site-header-ink);
  font-size: 0.875rem !important;
  font-weight: 600;
  line-height: 1.2 !important;
  overflow-wrap: anywhere;
}

.site-header .site-header__suggestion-code {
  width: fit-content;
  margin: 0 !important;
  color: var(--site-header-green-secondary);
  font-size: 0.7rem !important;
  font-weight: 700;
  letter-spacing: 0.035em;
  line-height: 1.2 !important;
}

@keyframes site-header-panel-in {
  from {
    opacity: 0;
    transform: translateY(-0.35rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes site-header-panel-out {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-0.25rem);
  }
}
/* --------------------------------------------------------------------------
   Tablet and mobile
   -------------------------------------------------------------------------- */
/* Keep the desktop navigation on one clean row at common laptop widths. */
@media (min-width: 62.5rem) and (max-width: 90.625rem) {
  .site-header {
    --site-header-control-font-size: 0.875rem;
    --site-header-search-collapsed-height: 2.125rem;
  }
  .site-header__inner {
    grid-template-columns: minmax(9rem, 11.5rem) minmax(29rem, 1fr) var(--site-header-search-collapsed-width) auto;
    column-gap: clamp(0.25rem, 0.55vw, 0.5rem);
    padding-right: clamp(0.75rem, 1.4vw, 1.25rem);
    padding-left: clamp(0.75rem, 1.4vw, 1.25rem);
  }
  .site-header__logo img {
    width: min(100%, 11.5rem);
  }
  .site-header__nav-list {
    gap: 0;
  }
  .site-header .site-header__nav-link {
    min-height: 3.5rem;
    padding: 0.4rem 0.25rem;
  }
  .site-header__nav-group > .site-header__nav-link {
    padding-right: 0;
  }
  .site-header .site-header__nav-direct {
    padding: 0.4rem 0.25rem;
  }
  /* Keep a compact touch target; fine-pointer layouts hide it below. */
  .site-header__submenu-toggle {
    width: 1rem;
    height: 2.5rem;
    flex-basis: 1rem;
  }
  .site-header__badge {
    right: 0.2rem;
    bottom: 0.08rem;
    left: 0.2rem;
    font-size: 0.5625rem;
  }
  /* The fixed grid track stays compact; focus expansion grows left as an overlay. */
  .site-header__search {
    font-size: 0.8125rem;
  }
  .site-header__search input[type=search] {
    padding-left: 0.625rem;
    font-size: 0.8125rem;
  }
  .site-header__actions {
    gap: 0;
  }
  .site-header .site-header__action {
    min-width: 2.5rem;
    min-height: 2.5rem;
    gap: 0.25rem;
    padding: 0.4rem;
  }
  .site-header__action > svg {
    width: 1.25rem;
    height: 1.25rem;
  }
  /* Keep the signed-in name available to assistive technology, but not in the row. */
  .site-header__account > summary > span {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
  .site-header__account > summary {
    width: 2.5rem;
  }
  .site-header .site-header__basket-summary {
    width: 3.25rem;
    min-width: 3.25rem;
    padding-right: 0.15rem;
    padding-left: 0.15rem;
  }
  .site-header__basket .basket-preview {
    width: 1.25rem;
    height: 1.25rem;
  }
  .site-header__basket .header__cart-items-count {
    top: -0.45rem;
    right: -0.5rem;
    min-width: 1.05rem;
    height: 1.05rem;
    border-width: 1.5px;
    font-size: 0.6rem;
  }
  .site-header__basket .basket-preview__cart-items-text_total {
    font-size: 0.5625rem;
  }
}
/* The lowest desktop widths need one additional, still-readable compression. */
@media (min-width: 62.5rem) and (max-width: 68.75rem) {
  .site-header {
    --site-header-control-font-size: 0.8125rem;
    --site-header-search-collapsed-width: 6.75rem;
  }
  .site-header__inner {
    grid-template-columns: 8.25rem minmax(27rem, 1fr) var(--site-header-search-collapsed-width) auto;
    column-gap: 0.25rem;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
  }
  .site-header__logo img {
    width: min(100%, 8.25rem);
  }
  .site-header .site-header__nav-link,
  .site-header .site-header__nav-direct {
    padding-right: 0.18rem;
    padding-left: 0.18rem;
  }
}
@media (min-width: 62.5rem) and (max-width: 90.625rem) and (hover: hover) and (pointer: fine) {
  /* Hover opens the menus, so the desktop chevrons can give their space back. */
  .site-header__submenu-toggle {
    display: none;
  }
}
@media (max-width: 62.49rem) {
  /* Account creation remains available from Sign in; keep the compact row clean. */
  .site-header .site-header__create-account {
    display: none;
  }
  .site-header__inner {
    grid-template-areas: "menu logo actions" "search search search";
    grid-template-columns: minmax(5rem, 1fr) auto minmax(5rem, 1fr);
    gap: 0.5rem 0.75rem;
    min-height: 0;
    padding: 0.5rem clamp(0.75rem, 2.5vw, 1.5rem) 0.75rem;
    transition: row-gap 160ms ease, padding-bottom 160ms ease;
  }
  .site-header__logo {
    justify-self: center;
  }
  .site-header__logo img {
    width: clamp(8.5rem, 24vw, 11rem);
    max-height: 3.5rem;
  }
  .site-header__navigation {
    grid-area: menu;
    justify-self: start;
  }
  .site-header__navigation > .site-header__nav {
    display: none;
  }
  .site-header__menu-toggle[aria-expanded=true] + .site-header__nav {
    display: block;
  }
  .site-header__nav {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 25;
    max-height: calc(100vh - 8.5rem);
    max-height: calc(100dvh - 8.5rem);
    overflow-x: hidden;
    overflow-y: auto;
    border-top: 1px solid var(--site-header-line);
    border-bottom: 1px solid var(--site-header-line);
    background: #ffffff;
    box-shadow: 0 1rem 2.5rem rgba(175, 182, 217, 0.48);
  }
  .site-header__nav-list {
    display: block;
    padding: 0.5rem clamp(0.75rem, 3vw, 1.5rem);
  }
  .site-header__nav-item,
  .site-header__nav-group {
    display: block;
    width: 100%;
  }
  .site-header .site-header__nav-link {
    width: 100%;
    min-height: 3rem;
    justify-content: flex-start;
    padding: 0.65rem 0.75rem;
    border-bottom: 1px solid #edf0f1;
    border-radius: 0;
    font-size: var(--site-header-control-font-size);
    text-align: left;
    white-space: normal;
  }
  .site-header__nav-group > .site-header__nav-link {
    min-height: 3.25rem;
    padding: 0;
    cursor: pointer;
  }
  .site-header .site-header__nav-direct {
    justify-content: flex-start;
    padding: 0.65rem 0.75rem;
    pointer-events: none;
  }
  .site-header__submenu-toggle {
    width: 3.25rem;
    height: 3.25rem;
    flex-basis: 3.25rem;
  }
  .site-header__badge {
    position: static;
    width: fit-content;
    margin-left: 0.25rem;
    padding: 0.16rem 0.35rem;
    border-radius: 999px;
    background: rgba(204, 0, 0, 0.08);
    font-size: 0.58rem;
  }
  .site-header__dropdown,
  .site-header__nav-group--end .site-header__dropdown {
    position: static;
    display: none;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    max-height: none;
    margin: 0.25rem 0 0.5rem;
    padding: 0.375rem 0.5rem 0.5rem 0.625rem;
    border: 0;
    border-left: 2px solid var(--site-header-green);
    border-radius: 0;
    background: var(--site-header-background);
    box-shadow: none;
  }
  .site-header__nav-group:not([open]) > .site-header__dropdown {
    display: none;
  }
  .site-header__nav-group[open] > .site-header__dropdown {
    display: grid;
  }
  .site-header__dropdown-item {
    min-height: 3rem;
    gap: 0.5rem;
    margin: 0 !important;
    padding: 0.375rem 0.5rem;
    border-bottom: 1px solid var(--site-header-line);
    border-radius: 0;
    font-size: 0.9375rem;
    line-height: 1.25;
  }
  .site-header__dropdown-item:last-child {
    border-bottom: 0;
  }
  .site-header__dropdown-thumb {
    width: 2.25rem;
    height: 2.25rem;
  }
  .site-header__dropdown-thumb img {
    max-width: 2rem !important;
    max-height: 2rem !important;
  }
  .site-header__dropdown-all {
    min-height: 3rem;
    margin: 0 0 0.25rem;
    padding: 0.625rem 0.75rem;
    font-size: 0.9375rem;
  }
  /* Tags read more cleanly as one aligned list than as many large pills. */
  .site-header__dropdown--learning .site-header__dropdown-item {
    min-height: 3rem;
    margin: 0 !important;
    padding: 0.5rem;
    border: 0;
    border-bottom: 1px solid var(--site-header-line);
    border-radius: 0;
    background: transparent;
  }
  .site-header__dropdown--learning .site-header__dropdown-item:last-child {
    border-bottom: 0;
  }
  .site-header__mobile-utilities {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 0.75rem clamp(1.5rem, 5vw, 2.25rem) 1rem;
    background: var(--site-header-soft);
  }
  .site-header__mobile-utilities a {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--site-header-line);
    border-radius: 0.45rem;
    background: #ffffff;
    font-size: 0.9rem;
    font-weight: 600;
  }
  .site-header__search,
  .site-header__search:focus-within {
    grid-template-columns: minmax(0, 1fr) 2.75rem;
    width: 100%;
    height: 2.75rem;
    max-height: 2.75rem;
    justify-self: stretch;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: height 160ms ease, max-height 160ms ease, opacity 120ms ease, transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
  }
  /* Keep the compact appearance without creating a tiny touch target. */
  .site-header__search input[type=search] {
    font-size: 1rem;
  }
  .site-header__search button {
    width: 2.75rem;
  }
  /*
   * After the visitor scrolls, remove only the search row. The same form is
   * restored by the temporary search action beside the basket.
   */
  .site-header.is-mobile-condensed:not(.is-mobile-search-open) .site-header__inner {
    row-gap: 0;
    padding-bottom: 0.5rem;
  }
  .site-header.is-mobile-condensed .site-header__mobile-search-toggle {
    display: inline-grid;
  }
  .site-header.is-mobile-condensed .site-header__mobile-search-toggle[aria-expanded=true] {
    color: var(--site-header-green-secondary);
    background: rgba(88, 191, 79, 0.1);
  }
  .site-header.is-mobile-condensed:not(.is-mobile-search-open) .site-header__search {
    height: 0;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-0.25rem);
    border-width: 0;
    pointer-events: none;
  }
  .site-header.site-header .ui-autocomplete .site-header__suggestion.ui-menu-item-wrapper {
    min-height: 3rem;
    padding: 0.375rem 0.5rem !important;
    font-size: 0.9375rem !important;
  }
  .site-header .site-header__suggestion-title {
    font-size: 0.9375rem !important;
  }
  .site-header__actions {
    justify-self: end;
  }
  .site-header__account,
  .site-header__basket {
    position: static;
  }
  .site-header__account-panel,
  .site-header .header__cart__dropdown {
    top: 100%;
    right: clamp(0.75rem, 2.5vw, 1.5rem);
    max-height: calc(100vh - 8.5rem);
    max-height: calc(100dvh - 8.5rem);
  }
  .site-header .header__cart__notifications_area,
  .site-header .header__cart__need_a_quote_area {
    right: clamp(0.75rem, 2.5vw, 1.5rem);
    max-height: calc(100vh - 8.5rem);
    max-height: calc(100dvh - 8.5rem);
  }
}
@media (min-width: 62.5rem) and (hover: hover) and (pointer: fine) {
  .site-header__nav-group:hover > .site-header__dropdown,
  .site-header__basket:hover > .header__cart__dropdown {
    animation: site-header-panel-in 150ms ease-out both;
  }
  .site-header__nav-group:hover > .site-header__dropdown {
    display: grid;
  }
  .site-header__basket:hover > .header__cart__dropdown {
    display: flex;
  }
}
@media (min-width: 48rem) {
  .site-header .header__cart-item {
    grid-template-areas: "image description price quantity";
    grid-template-columns: 2.75rem minmax(6rem, 1fr) auto auto;
    column-gap: 0.65rem;
  }
  .site-header .header__cart-quantity input.header__cart__variant-change {
    width: 2.25rem;
    height: 1.875rem;
  }
  .site-header .header__cart-quantity-icon {
    width: 1.875rem;
    height: 1.875rem;
  }
}
@media (max-width: 47.99rem) {
  .site-header__inner {
    grid-template-columns: minmax(3rem, 1fr) auto minmax(5.5rem, 1fr);
    padding-right: 0.75rem;
    padding-left: 0.75rem;
  }
  .site-header__logo img {
    width: clamp(7.5rem, 35vw, 9.5rem);
  }
  .site-header .site-header__action {
    padding-right: 0.45rem;
    padding-left: 0.45rem;
  }
  .site-header .site-header__basket-summary {
    display: inline-flex;
    width: 2.75rem;
    min-width: 2.75rem;
  }
  .site-header__basket .basket-preview {
    transform: none;
  }
  .site-header__account > summary span,
  .site-header__basket .basket-preview__cart-items-text_wrapper {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
  .site-header__account-panel,
  .site-header .header__cart__dropdown {
    right: 0.75rem;
    width: calc(100vw - 1.5rem);
  }
  .site-header.site-header > .site-header__autocomplete.ui-autocomplete,
  .site-header.site-header > .ui-autocomplete {
    width: calc(100vw - 1.5rem) !important;
  }
}
@media (max-width: 25rem) {
  .site-header__inner {
    grid-template-columns: minmax(2.75rem, 1fr) auto minmax(5.5rem, 1fr);
    column-gap: 0.25rem;
  }
  .site-header__logo img {
    width: 7rem;
  }
  .site-header__actions {
    gap: 0;
  }
  .site-header.is-mobile-condensed .site-header__mobile-search-toggle,
  .site-header.is-mobile-condensed .site-header__account > summary,
  .site-header.is-mobile-condensed .site-header__basket-summary {
    width: 2.5rem;
    min-width: 2.5rem;
    padding-right: 0.25rem;
    padding-left: 0.25rem;
  }
  .site-header .header__cart-item {
    grid-template-areas: "image description price" "image quantity quantity";
    grid-template-columns: 2.5rem minmax(0, 1fr) auto;
    column-gap: 0.45rem;
  }
  .site-header .header__cart-image {
    width: 2.5rem;
    height: 2.5rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .site-header *,
  .site-header *::before,
  .site-header *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}
@media print {
  .site-header {
    position: static;
    box-shadow: none;
  }
  .site-header__navigation,
  .site-header__search,
  .site-header__actions {
    display: none;
  }
}
/* --------------------------------------------------------------------------
   Existing elements that are owned by _header.scss but sit outside the header
   -------------------------------------------------------------------------- */
.important-top-bar,
.important-tob-bar {
  padding: 0.55rem 1rem;
  color: #ffffff;
  background: #333333;
  font-family: "Red Hat Display", Arial, sans-serif;
  font-size: 0.9rem;
  text-align: center;
}

.important-top-bar p,
.important-tob-bar p {
  display: inline;
  margin: 0;
  color: inherit;
}

.top-bar {
  display: block;
  padding: clamp(0.625rem, 3vw, 2.5rem) 0;
  color: #514949;
  background: linear-gradient(to bottom, #eaeaea 0%, #ffffff 50%);
  font-size: 0.875rem;
  text-align: center;
}

.top-bar .center {
  display: flex;
  max-width: 62.5rem;
  justify-content: center;
  margin: auto;
}

.top-bar .top-bar_part {
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  align-items: center;
  justify-content: center;
  gap: clamp(0.125rem, 0.5vw, 0.625rem);
}

.top-bar .top-bar_icons {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: clamp(0.125rem, 0.3vw, 0.25rem);
}

.top-bar .top-bar__icon {
  display: block;
  width: auto;
  max-height: clamp(0.75rem, 2vw, 1.25rem);
}

.top-bar .top-bar_2-row-text {
  min-width: 0;
  text-align: left;
  text-transform: uppercase;
}

.top-bar .top-bar_2-row-text-upper {
  font-size: clamp(0.55rem, 0.9vw, 0.75rem);
  font-weight: 700;
  line-height: 1.3;
}

.top-bar .top-bar_2-row-text-bottom {
  color: #8a9296;
  font-size: clamp(0.5rem, 0.7vw, 0.6875rem);
  line-height: 1.3;
}

.gallery {
  margin-bottom: 3.125rem;
}

.gallery .gallery-cell {
  min-width: min(21.875rem, 100%);
  max-width: 100%;
}

.gallery.js-flickity .gallery-cell:not(:first-child) {
  display: none;
  min-height: 6.25rem;
}

.gallery.js-flickity.flickity-enabled .gallery-cell {
  display: block;
  height: unset;
}

.header-logo-bar-title {
  margin-top: 1.875rem;
  padding-bottom: 0.625rem;
  color: #b6babd;
  font-size: 0.8125rem;
  font-weight: 500;
  text-align: center;
}

.header-logo-bar {
  display: none;
  width: 100%;
  padding: 1.875rem 0;
  overflow: hidden;
  background: #ffffff;
}

.header-logo-bar img {
  height: 3.125rem;
}

.column__header-logo-bar {
  width: 16.6667%;
  padding: 0 0.9375rem;
  text-align: center;
}

.new_header-title {
  color: #333333;
  font-size: 2.5rem;
  font-weight: 500;
}

@media (max-width: 47.99rem) {
  .top-bar .center {
    flex-wrap: wrap;
    gap: 0.75rem 0;
  }
  .top-bar .top-bar_part {
    flex-basis: 50%;
  }
  .column__header-logo-bar {
    width: 100%;
    padding: 0.625rem 0;
  }
}
.margin-bottom-50 {
  margin-bottom: 50px;
}

body {
  font-family: "Red Hat Display", "Ubuntu", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  overflow-anchor: none;
}

label {
  color: #333333;
}

ul {
  line-height: 2rem;
}

.container {
  min-height: 494px;
}

.clearfix {
  clear: both;
  overflow: hidden;
  width: 100%;
}

.centered-element {
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  float: None !important;
}

.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE/Edge */
  user-select: none;
  /* non-prefixed version, currently
                         not supported by any browser */
}

.right {
  float: right;
}

.left {
  float: left;
  margin-right: 50px;
}
@media screen and (max-width: 59.9375em) {
  .left {
    float: none;
  }
}

.width300 {
  width: 300px;
}

.height150 {
  height: 150px !important;
}

.height-max {
  height: 100% !important;
}

.text-color-grey5 {
  color: #BFBFBF !important;
}

.info-box {
  color: black;
  background: white;
  box-shadow: 0 0 20px 0 rgba(175, 182, 217, 0.2);
  transition: all 0.5s;
}
@media screen and (max-width: 59.9375em) {
  .info-box {
    border-radius: 3px;
  }
}
.info-box.active {
  border-style: solid;
  border-color: #58BF4F;
}
.info-box p, .info-box h2, .info-box h1, .info-box h3, .info-box h4, .info-box h5, .info-box h6, .info-box span, .info-box div {
  transition: color 0.5s;
}

.gradient-background {
  background: white;
}

@media screen and (max-width: 59.9375em) {
  .hide-for-medium-down {
    display: none !important;
  }
}

@media screen and (min-width: 60em) {
  .hide-for-medium-up {
    display: none !important;
  }
}

.content-container--header {
  max-width: 100% !important;
  background-color: white;
}
@media screen and (max-width: 69.9375em) {
  .content-container--header {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media screen and (min-width: 60em) {
  .content-container {
    max-width: 73.75rem;
    margin-left: auto;
    margin-right: auto;
  }
  .content-container::before, .content-container::after {
    content: " ";
    display: table;
  }
  .content-container::after {
    clear: both;
  }
}
@media screen and (min-width: 70em) {
  .content-container {
    max-width: 73.75rem;
    margin-left: auto;
    margin-right: auto;
  }
  .content-container::before, .content-container::after {
    content: " ";
    display: table;
  }
  .content-container::after {
    clear: both;
  }
}

.new-content-container {
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 60em) {
  .content-container--no-padding {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 59.9375em) {
  .content-container--margins {
    margin-left: 10px;
    margin-right: 10px;
  }
}

.clear-fix {
  clear: both;
  display: block;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.video-container iframe,
.video-container object,
.video-container embed,
.video-container div.youtube {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

h3.subtitle {
  font-size: 1.375rem;
  font-weight: bold;
}

.bxslider-inner {
  vertical-align: middle;
  display: inline-block;
  float: none !important;
  text-align: center;
}

.header-logo-bar {
  display: none;
}

.footer-wrapper {
  width: 100%;
  background: #58BF4F;
  text-align: center;
}

.footer__form__submit {
  font-weight: bold;
}

.footer-small a:hover,
.footer-small a:visited,
.footer-small a:link,
.footer-small a:active {
  text-decoration: none;
}
@media screen and (min-width: 60em) {
  .footer-small {
    display: none;
  }
}
.footer-small {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 15px;
}
.footer-small .footer-small_row__links {
  display: flex;
  justify-content: space-around;
  max-width: 400px;
  flex-grow: 1;
}
.footer-small .footer-small_row {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
  text-align: center;
}
.footer-small .footer-small_separator {
  margin-right: 10px;
  margin-left: 10px;
}
.footer-small .footer-small-link {
  font-size: 1rem;
  font-weight: 400;
  color: #ffffff;
}
.footer-small .footer-small-link_separator {
  border-right: 1px solid #ffffff;
}
.footer-small .footer-small_copyright {
  color: #ffffff;
  font-weight: 500;
}
.footer-small .footer-small_additional-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 0.625rem;
  color: #c7c7c7 !important;
}
.footer-small .footer-small_additional-info div {
  text-align: center;
}

.footer-large {
  max-width: 73.75rem;
  margin-left: auto;
  margin-right: auto;
}
.footer-large::before, .footer-large::after {
  content: " ";
  display: table;
}
.footer-large::after {
  clear: both;
}
.footer-large {
  display: flex;
  flex-wrap: wrap;
  padding: 45px 0;
}

.footer__row {
  text-align: left;
  max-width: 73.75rem;
  margin-left: auto;
  margin-right: auto;
}
.footer__row::before, .footer__row::after {
  content: " ";
  display: table;
}
.footer__row::after {
  clear: both;
}
.footer__row {
  margin-bottom: 20px;
  text-align: -webkit-center;
  color: white;
  min-width: 280px;
}
.footer__row .footer-text {
  font-size: 14px;
}
.footer__row .footer-text a {
  color: inherit;
}

#mc_embed_signup {
  margin: auto;
  max-width: 600px;
}
#mc_embed_signup h6 {
  font-weight: bold;
}
#mc_embed_signup input.email {
  height: 37px;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 0px 1em;
}
#mc_embed_signup .button {
  height: 37px;
  margin-left: 10px;
  width: initial;
  background-color: #abcd54;
  color: #ffffff;
  border: 0;
  padding: 0 25px;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
#mc_embed_signup .button:hover {
  background-color: #abcd54;
}
@media (max-width: 768px) {
  #mc_embed_signup {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 100%;
    float: left;
  }
}
@media screen and (max-width: 768px) and (min-width: 40em) {
  #mc_embed_signup {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
@media (max-width: 768px) {
  #mc_embed_signup:last-child:not(:first-child) {
    float: right;
  }
  #mc_embed_signup input.email {
    width: 100%;
    font-size: 0.75rem;
  }
}

.social-icons {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media screen and (min-width: 40em) {
  .social-icons {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
.social-icons {
  width: 41.6666666667%;
  float: left;
}
.social-icons:last-child:not(:first-child) {
  float: right;
}
.social-icons {
  text-align: center;
  margin: 10px 0;
}
@media (max-width: 768px) {
  .social-icons {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 100%;
    float: left;
  }
}
@media screen and (max-width: 768px) and (min-width: 40em) {
  .social-icons {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
@media (max-width: 768px) {
  .social-icons:last-child:not(:first-child) {
    float: right;
  }
}

.social-icon {
  display: inline-block;
  margin: 0 5px;
  height: 32px;
  text-align: center;
  overflow: hidden;
}

.footer__column {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media screen and (min-width: 40em) {
  .footer__column {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
.footer__column {
  width: 25%;
  float: left;
}
.footer__column:last-child:not(:first-child) {
  float: right;
}
@media (max-width: 425px) {
  .footer__column {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 100%;
    float: left;
    text-align: center;
  }
}
@media screen and (max-width: 425px) and (min-width: 40em) {
  .footer__column {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
@media (max-width: 425px) {
  .footer__column:last-child:not(:first-child) {
    float: right;
  }
}
.footer__column {
  color: #ffffff;
  font-size: 1.125rem;
}
.footer__column a {
  color: #ffffff;
}

.footer__column-title {
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .footer__column-title {
    margin: 0;
  }
}

.footer__column-title-account {
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 0;
}

.footer__links {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer__links a {
  font-weight: lighter;
}

.footer__columns {
  overflow: hidden;
  padding: 0 35px 35px;
}

.footer-bottom {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media screen and (min-width: 40em) {
  .footer-bottom {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
.footer-bottom {
  width: 100%;
  float: left;
}
.footer-bottom:last-child:not(:first-child) {
  float: right;
}
.footer-bottom {
  clear: both;
  overflow: hidden;
}

.footer__copyrights {
  padding-top: 25px;
  text-align: center;
  margin-bottom: 16px;
}
.footer__copyrights p {
  font-size: 0.875rem;
  color: #ffffff;
  margin: 0;
}

@media (min-width: 1024px) {
  .footer__scientist1 {
    margin-top: -400px;
    margin-left: -50px;
    width: 78px;
    height: 267px;
    background: url("/site_media/images/footer-scientist1.png");
  }
}
@media (min-width: 1024px) {
  .footer__scientist2 {
    float: right;
    margin-right: -100px;
    width: 125px;
    height: 225px;
    background: url("/site_media/images/footer-scientist2.png");
  }
}
.form__field label {
  clear: both;
  text-align: left;
  font-size: 0.8125rem;
  color: #333333;
  margin-bottom: 5px;
  margin-top: 15px;
}
.form__field input:not([type=submit]):not([type=checkbox]):not([type=radio]),
.form__field textarea,
.form__field select {
  border: 1px solid #ddd;
  padding: 0 15px;
  box-shadow: none;
  margin: 0;
  font-size: 0.875rem;
}
.form__field textarea {
  padding: 15px;
}
.form__field li {
  float: left;
  margin-right: 15px;
  list-style: none;
}
.form__field input {
  height: 40px;
}
.form__field input[type=radio],
.form__field input[type=checkbox] {
  height: auto;
}
.form__field .button-main {
  border: 0;
  padding: 12px 18px;
  box-shadow: none;
}

.errorlist {
  margin: 10px 0;
  overflow: hidden;
}
.errorlist li {
  padding: 5px 15px;
  color: #fff;
  background: #CF3838;
  width: 100%;
  border-radius: 5px;
  font-size: 0.75rem;
}

.form__field--settings label {
  margin-top: 15px;
  margin-bottom: 10px;
}

label[for=id_is_informed] {
  width: 90%;
  display: block;
}

#id_is_informed {
  float: left;
  margin-top: 20px;
}

.form--modal {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media screen and (min-width: 40em) {
  .form--modal {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
.form--modal {
  width: 83.3333333333%;
  float: left;
}
.form--modal:last-child:not(:first-child) {
  float: right;
}
.form--modal {
  float: none;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  margin-bottom: 20px;
}
.form--modal .actions-bar {
  margin-top: 40px;
}

.actions-bar--center {
  margin: 25px 0;
  text-align: center;
}

.form__field--modal {
  overflow: hidden;
  margin-bottom: 15px;
}
.form__field--modal label {
  display: block;
  float: left;
  width: 40%;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.form__field--modal input {
  display: block;
  float: left;
  width: 55%;
  font-size: 0.8125rem;
  font-weight: 400;
  color: #202020;
}

.form__field--captcha > div > div {
  margin: 15px auto 0;
}

.box {
  overflow: inherit;
  font-size: 0.9375rem;
  line-height: 1.125rem;
  margin-bottom: 30px;
  min-height: 300px;
}
@media screen and (max-width: 59.9375em) {
  .box p {
    margin-top: 20px;
  }
}

.box-allow-overflow {
  overflow: inherit;
}

.box--nopadding {
  padding: 0;
}

.box--homepage {
  margin-top: 40px;
}

.box--halfwidth {
  width: 48.5%;
  float: left;
}

.box--frame {
  border: 1px solid #E5E5E5;
}

.box-name {
  margin-top: 0;
}

@media (max-width: 800px) {
  .box--halfwidth {
    width: 100%;
  }
}
.form__field--checkout-row input {
  width: 60px;
  display: inline;
  text-align: center;
}

.box__tabs {
  width: 100px;
  float: left;
}
.box__tabs ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.box__tabs ul li a {
  min-height: 100px;
  display: block;
  background: #008dcc;
  border-radius: 3px 0 0 3px;
  margin: 10px 0 10px 0;
  padding: 10px;
  text-align: center;
  color: #a7abae;
  font-size: 0.8125rem;
}
.box__tabs ul li a .tab__icon {
  font-size: 2.5rem;
  color: #a7abae;
}
.box__tabs ul li:first-child a {
  margin-top: 0 !important;
  border-top-right-radius: 0 !important;
}
.box__tabs ul li.active a, .box__tabs ul li.selected a {
  background: #fff;
  color: #008dcc;
}
.box__tabs ul li.active a .tab__icon, .box__tabs ul li.selected a .tab__icon {
  color: #9cbd46;
}

.box__content-dafault {
  padding: 25px;
}
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .box__content-dafault {
    padding: 0;
  }
}

@media (max-width: 600px) {
  .box__content--tabs {
    padding: 0;
  }
}
@media (max-width: 600px) {
  .box__content {
    margin: 0;
  }
  .box__tabs {
    display: none;
  }
}
.orange {
  color: #F28C40;
}

.flex-space-between {
  display: flex;
  justify-content: space-between;
}

.flex-space-around {
  display: flex;
  justify-content: space-around;
}

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

.f-center {
  display: flex;
  justify-content: center;
}

.flex-column {
  flex-direction: column;
}

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

@media screen and (max-width: 59.9375em) {
  .text-center-medium-down {
    text-align: center;
  }
}

@media screen and (max-width: 59.9375em) {
  .hide-medium-down {
    display: none !important;
  }
}

@media screen and (max-width: 59.9375em) {
  .paragraph--left-for-medium-down {
    text-align: left;
  }
}

@media screen and (min-width: 60em) {
  .paragraph--centered-for-large-up {
    text-align: center;
  }
}

.p-relative {
  position: relative;
}

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

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

@media screen and (max-width: 69.9375em) {
  .no-padding-large-down {
    padding: 0 !important;
  }
}

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

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

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

.d-none {
  display: none;
}

.d-flex {
  display: flex;
}

.width-auto {
  width: auto;
}

.width100 {
  width: 100% !important;
}

.hidden {
  visibility: hidden;
}

.width-full-block {
  display: block !important;
}

.no-text-transform {
  text-transform: none !important;
}

.force-max-width {
  width: 100% !important;
}

.youtube {
  background-color: #000;
  position: relative;
  cursor: pointer;
}

div.youtube img {
  width: 100%;
  opacity: 0.7;
}

.youtube .youtube-play-button {
  width: 90px;
  height: 60px;
  background-color: #333;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
  z-index: 1;
  opacity: 0.8;
  border-radius: 6px;
}

.youtube .youtube-play-button:before {
  content: "";
  border-style: solid;
  border-width: 15px 0 15px 26px;
  border-color: transparent transparent transparent #fff;
}

.youtube img,
.youtube .youtube-play-button {
  cursor: pointer;
}

.youtube .youtube-play-button {
  width: 60px;
}

.youtube .youtube-play-button,
.youtube .youtube-play-button:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}

.margin-bottom {
  margin-bottom: 35px;
}

.no-margin-left {
  margin-left: 0;
}

.top-navigation-row {
  margin-left: 36px;
}
.top-navigation-row h3 {
  font-size: 1.625rem;
  font-weight: 700;
}
.top-navigation-row h3 a {
  color: #333333;
}
.top-navigation-row h3.grey_out_step a {
  color: #B8B8B8;
}
.top-navigation-row h3.grey_out_step a:hover {
  color: inherit;
}
@media screen and (min-width: 60em) {
  .top-navigation-row {
    display: flex;
    margin-bottom: 40px;
  }
  .top-navigation-row h3 {
    margin-right: 50px;
  }
}
@media screen and (max-width: 59.9375em) {
  .top-navigation-row {
    position: relative;
    margin-bottom: 50px;
  }
}

.gigantic_close_font {
  font-weight: 100;
  font-size: 35px;
  padding-bottom: 5px;
  cursor: pointer;
  color: #444 !important;
}

.scrollable {
  overflow: scroll;
}

.paragraph-link-black > p.paragraph > a:not(:hover) {
  color: inherit;
  font-weight: normal;
}

a.default_color {
  color: inherit;
}

.fix_images_from_cms img {
  max-width: 100%;
  height: auto !important;
}

.btn_left {
  float: left;
  margin-right: 50px;
}
@media screen and (max-width: 59.9375em) {
  .btn_left {
    float: none;
  }
}

.add-cart-button {
  overflow: hidden;
  display: inline-block;
  background-color: #008dcc;
  padding: 5px 60px;
  height: auto;
  border: 0;
  cursor: pointer;
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-transition: all 100ms ease-in;
  -webkit-transition: all 100ms ease-in;
  -o-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
}
.add-cart-button:not(.disabled):hover {
  cursor: pointer;
}
.add-cart-button:not(.disabled):focus {
  color: #fff;
}
.add-cart-button a {
  text-transform: uppercase;
  color: white;
}

.calc-buffer-add-to-cart {
  font-size: 11px !important;
}

.checkout-button {
  overflow: hidden;
  display: inline-block;
  background-color: #008dcc;
  padding: 5px 60px;
  height: auto;
  border: 0;
  cursor: pointer;
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-transition: all 100ms ease-in;
  -webkit-transition: all 100ms ease-in;
  -o-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
}
.checkout-button:not(.disabled):hover {
  cursor: pointer;
}
.checkout-button:not(.disabled):focus {
  color: #fff;
}
.checkout-button a {
  text-transform: uppercase;
  color: white;
}
.checkout-button {
  padding: 12px 30px !important;
  border: none !important;
  box-shadow: none !important;
}

.button-icon-click {
  position: relative;
  overflow: visible;
  width: 150px;
  text-align: center;
}

@media screen and (min-width: 70em) {
  .hide-for-xlarge {
    display: none !important;
  }
}

@media screen and (max-width: 89.9375em) {
  .hide-for-xlarge-down {
    display: none !important;
  }
}

@media screen and (max-width: 69.9375em) {
  .hide-for-large-down {
    display: none !important;
  }
}

@media screen and (min-width: 40em) {
  .hide-medium-up {
    display: none !important;
  }
}

.button-icon-click:after {
  background: url("/site_media/images/click-icon.png");
  width: 19px;
  height: 26px;
  content: " ";
  position: absolute;
  right: 10px;
  top: 20px;
}

.checkout-button--second {
  overflow: hidden;
  display: inline-block;
  background-color: #9cbd46;
  padding: 5px 60px;
  height: auto;
  border: 0;
  cursor: pointer;
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-transition: all 100ms ease-in;
  -webkit-transition: all 100ms ease-in;
  -o-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
}
.checkout-button--second:not(.disabled):hover {
  cursor: pointer;
}
.checkout-button--second:not(.disabled):focus {
  color: #fff;
}
.checkout-button--second a {
  text-transform: uppercase;
  color: white;
}
.checkout-button--second {
  font-size: 1.375rem;
  padding: 19px 30px;
}

.checkout-button--red {
  background: #ed000c;
  background-image: -webkit-linear-gradient(top, #ed000c, #910000);
  background-image: -moz-linear-gradient(top, #ed000c, #910000);
  background-image: -ms-linear-gradient(top, #ed000c, #910000);
  background-image: -o-linear-gradient(top, #ed000c, #910000);
  background-image: linear-gradient(to bottom, #ed000c, #910000);
}

.add-cart-icon {
  float: left;
  display: block;
  color: #7299b4;
  font-size: 1.25rem;
  margin-right: 7px;
  margin-top: -2px;
}

.add-cart-label {
  display: block;
  float: left;
}

.cursor-hover:hover {
  cursor: pointer;
}

.button.bttn-white {
  background-color: #ffffff;
  border-color: #424242;
  color: #424242;
}

.button.bttn-white.disabled {
  border-color: #757575;
  color: #757575;
}

.button.bttn-white:hover {
  background-color: #fafafa;
}

.sidebar {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media screen and (min-width: 40em) {
  .sidebar {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
.sidebar {
  width: 25%;
  float: left;
}
.sidebar:last-child:not(:first-child) {
  float: right;
}

@media screen and (max-width: 59.9375em) {
  .main-content {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 100%;
    float: left;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 59.9375em) and (min-width: 40em) {
  .main-content {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
@media screen and (max-width: 59.9375em) {
  .main-content:last-child:not(:first-child) {
    float: right;
  }
  .sidebar {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 100%;
    float: left;
  }
}
@media screen and (max-width: 59.9375em) and (min-width: 40em) {
  .sidebar {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
@media screen and (max-width: 59.9375em) {
  .sidebar:last-child:not(:first-child) {
    float: right;
  }
}
.gird__row {
  max-width: 73.75rem;
  margin-left: auto;
  margin-right: auto;
}
.gird__row::before, .gird__row::after {
  content: " ";
  display: table;
}
.gird__row::after {
  clear: both;
}
.gird__row .gird__row--half {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media screen and (min-width: 40em) {
  .gird__row .gird__row--half {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
.gird__row .gird__row--half {
  width: 50%;
  float: left;
}
.gird__row .gird__row--half:last-child:not(:first-child) {
  float: right;
}

.column__half {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media screen and (min-width: 40em) {
  .column__half {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
.column__half {
  width: 50%;
  float: left;
}
.column__half:last-child:not(:first-child) {
  float: right;
}
.column__half {
  padding-left: 0 !important;
}

.column__3 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media screen and (min-width: 40em) {
  .column__3 {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
.column__3 {
  width: 25%;
  float: left;
}
.column__3:last-child:not(:first-child) {
  float: right;
}

.column__4 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media screen and (min-width: 40em) {
  .column__4 {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
.column__4 {
  width: 33.3333333333%;
  float: left;
}
.column__4:last-child:not(:first-child) {
  float: right;
}
.column__4 {
  padding-left: 0 !important;
}

.column__5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media screen and (min-width: 40em) {
  .column__5 {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
.column__5 {
  width: 41.6666666667%;
  float: left;
}
.column__5:last-child:not(:first-child) {
  float: right;
}
.column__5 {
  padding-left: 0 !important;
}

.column__7 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media screen and (min-width: 40em) {
  .column__7 {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
.column__7 {
  width: 58.3333333333%;
  float: left;
}
.column__7:last-child:not(:first-child) {
  float: right;
}

@media screen and (min-width: 40em) {
  .column__6 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 50%;
    float: left;
  }
}
@media screen and (min-width: 40em) and (min-width: 40em) {
  .column__6 {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
@media screen and (min-width: 40em) {
  .column__6:last-child:not(:first-child) {
    float: right;
  }
}

.column__8 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media screen and (min-width: 40em) {
  .column__8 {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
.column__8 {
  width: 66.6666666667%;
  float: left;
}
.column__8:last-child:not(:first-child) {
  float: right;
}

.column--nopadding {
  padding: 0 !important;
}

@media (max-width: 900px) {
  .column__4,
  .column__8 {
    width: 100%;
  }
}
.column--homepage-laptop {
  float: right;
  margin-right: -105px;
}

.column--about-us-cartoon {
  margin-top: -22px;
}
@media (max-width: 900px) {
  .column--about-us-cartoon {
    margin-bottom: 50px;
  }
}

.column--offset_1 {
  margin-left: 8.3333333333%;
}

@media (max-width: 900px) {
  .column__half {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 100%;
    float: left;
  }
}
@media screen and (max-width: 900px) and (min-width: 40em) {
  .column__half {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
@media (max-width: 900px) {
  .column__half:last-child:not(:first-child) {
    float: right;
  }
  .column__5 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 100%;
    float: left;
  }
}
@media screen and (max-width: 900px) and (min-width: 40em) {
  .column__5 {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
@media (max-width: 900px) {
  .column__5:last-child:not(:first-child) {
    float: right;
  }
  .column__7 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 100%;
    float: left;
    padding: 0 !important;
  }
}
@media screen and (max-width: 900px) and (min-width: 40em) {
  .column__7 {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
@media (max-width: 900px) {
  .column__7:last-child:not(:first-child) {
    float: right;
  }
  .column--homepage-laptop {
    margin-right: 0;
    margin-top: 40px;
  }
}
p {
  line-height: 1.5;
  color: #333333;
}
p a {
  color: #008dcc;
  font-weight: 500;
  text-decoration: underline;
}
p span {
  font-weight: 400;
}
p a:hover {
  color: #008bc9;
  text-decoration: underline;
}

p.paragraph {
  font-size: 2rem;
  line-height: 1.25rem;
  padding-bottom: 10px;
  text-align: left !important;
}
p.paragraph a {
  color: #008bc9;
  text-decoration: underline;
}
p.paragraph b {
  color: #0a0a0a;
}

.paragraph--indented {
  margin-left: 30px;
  margin-top: 15px !important;
}

p.paragraph--centered {
  text-align: center !important;
}

.testimonial {
  overflow: hidden;
  margin-top: 30px;
}

.testimonial__image {
  width: 28%;
  float: left;
}

.testimonial__content {
  width: 72%;
  float: left;
}
.testimonial__content p {
  margin-top: 0 !important;
  font-family: Georgia;
  font-style: italic;
  font-size: 1.0625rem;
  line-height: 1.5rem;
  color: #606060;
}

@media (max-width: 800px) {
  .testimonial__image {
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
  }
  .testimonial__content {
    width: 100%;
  }
}
.testimonial__author {
  color: #606060;
  margin-top: 25px;
}
.testimonial__author b {
  color: #008dcc;
  font-weight: bold;
}

.benefits__footer {
  position: relative;
  width: 100%;
  height: 150px;
  background: #f9f9f9;
  margin-top: 50px;
  padding-top: 48px;
}

.benefits__cartoon {
  right: 80px;
  bottom: 35px;
  position: absolute;
  width: 147px;
  height: 150px;
  background: url("/site_media/images/benefits-cartoon-2.png");
}

@media (max-width: 800px) {
  .benefits__cartoon {
    display: none;
  }
}
.buy-product-button {
  overflow: hidden;
  display: inline-block;
  background-color: #008dcc;
  padding: 5px 60px;
  height: auto;
  border: 0;
  cursor: pointer;
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-transition: all 100ms ease-in;
  -webkit-transition: all 100ms ease-in;
  -o-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
}
.buy-product-button:not(.disabled):hover {
  cursor: pointer;
}
.buy-product-button:not(.disabled):focus {
  color: #fff;
}
.buy-product-button a {
  text-transform: uppercase;
  color: white;
}
.buy-product-button {
  border: none !important;
  box-shadow: none !important;
  display: block;
  width: 235px;
  font-size: 1.125rem;
  padding: 20px 50px !important;
  margin: 0 auto;
  border-radius: 40px;
}
.buy-product-button .add-cart-icon.icon-shopping-cart {
  color: #a9d14a;
  font-size: 1.125rem !important;
}

p.divided {
  border-top: 1px solid #E5E5E5;
  display: block;
  padding-top: 40px;
  margin-top: 25px;
}

.link {
  display: inline-block;
  color: #008bc9;
  border: 0;
  background: none;
}

.my-button-main {
  overflow: hidden;
  display: inline-block;
  background-color: #58BF4F;
  padding: 5px 60px;
  height: auto;
  border: 0;
  cursor: pointer;
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-transition: all 100ms ease-in;
  -webkit-transition: all 100ms ease-in;
  -o-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
}
.my-button-main:not(.disabled):hover {
  cursor: pointer;
}
.my-button-main:not(.disabled):focus {
  color: #fff;
}
.my-button-main a {
  text-transform: uppercase;
  color: white;
}
.my-button-main {
  display: inline-block;
  font-size: 1.25rem;
  color: #ffffff;
  text-align: center;
  margin: 0 0 10px;
  height: 50px;
  border-radius: 3px;
}
@media screen and (max-width: 59.9375em) {
  .my-button-main {
    width: 100%;
    padding: 15px 50px;
    font-size: 1.125rem;
  }
}
.my-button-main {
  font-size: 1rem;
}
@media screen and (min-width: 60em) {
  .my-button-main {
    padding: 5px 0;
    width: 300px;
    max-width: 100%;
  }
}
.my-button-main:not(.disabled):hover {
  transform: translateY(1px);
}
.my-button-main:not(.disabled):active {
  transform: translateY(3px);
}
.my-button-main.disabled {
  background-color: #eaeaea;
  color: #b1b1b1;
}
.my-button-main.disabled:hover {
  cursor: default;
}
.my-button-main div {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.my-button-main input {
  height: 100%;
  background: none;
  border: none;
}

.my-button-secondary {
  overflow: hidden;
  display: inline-block;
  background-color: #F28C40;
  padding: 5px 60px;
  height: auto;
  border: 0;
  cursor: pointer;
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-transition: all 100ms ease-in;
  -webkit-transition: all 100ms ease-in;
  -o-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
}
.my-button-secondary:not(.disabled):hover {
  cursor: pointer;
}
.my-button-secondary:not(.disabled):focus {
  color: #fff;
}
.my-button-secondary a {
  text-transform: uppercase;
  color: white;
}
.my-button-secondary {
  display: inline-block;
  font-size: 1.25rem;
  color: #ffffff;
  text-align: center;
  margin: 0 0 10px;
  height: 50px;
  border-radius: 3px;
}
@media screen and (max-width: 59.9375em) {
  .my-button-secondary {
    width: 100%;
    padding: 15px 50px;
    font-size: 1.125rem;
  }
}
.my-button-secondary {
  font-size: 1rem;
}
@media screen and (min-width: 60em) {
  .my-button-secondary {
    padding: 5px 0;
    width: 300px;
    max-width: 100%;
  }
}
.my-button-secondary:not(.disabled):hover {
  transform: translateY(1px);
}
.my-button-secondary:not(.disabled):active {
  transform: translateY(3px);
}
.my-button-secondary.disabled {
  background-color: #eaeaea;
  color: #b1b1b1;
}
.my-button-secondary.disabled:hover {
  cursor: default;
}
.my-button-secondary div {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.my-button-secondary input {
  height: 100%;
  background: none;
  border: none;
}

.my-button-secondary--flat {
  overflow: hidden;
  display: inline-block;
  background-color: #F28C40;
  padding: 5px 60px;
  height: auto;
  border: 0;
  cursor: pointer;
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-transition: all 100ms ease-in;
  -webkit-transition: all 100ms ease-in;
  -o-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
}
.my-button-secondary--flat:not(.disabled):hover {
  cursor: pointer;
}
.my-button-secondary--flat:not(.disabled):focus {
  color: #fff;
}
.my-button-secondary--flat a {
  text-transform: uppercase;
  color: white;
}
.my-button-secondary--flat {
  display: inline-block;
  font-size: 1.25rem;
  color: #ffffff;
  text-align: center;
  margin: 0 0 10px;
  height: 50px;
  border-radius: 3px;
}
@media screen and (max-width: 59.9375em) {
  .my-button-secondary--flat {
    width: 100%;
    padding: 15px 50px;
    font-size: 1.125rem;
  }
}
.my-button-secondary--flat {
  font-size: 1rem;
}
@media screen and (min-width: 60em) {
  .my-button-secondary--flat {
    padding: 5px 0;
    width: 300px;
    max-width: 100%;
  }
}
.my-button-secondary--flat:not(.disabled):hover {
  transform: translateY(1px);
}
.my-button-secondary--flat:not(.disabled):active {
  transform: translateY(3px);
}
.my-button-secondary--flat.disabled {
  background-color: #eaeaea;
  color: #b1b1b1;
}
.my-button-secondary--flat.disabled:hover {
  cursor: default;
}
.my-button-secondary--flat div {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.my-button-secondary--flat input {
  height: 100%;
  background: none;
  border: none;
}
.my-button-secondary--flat {
  box-shadow: none;
}

.my-button-cancel--flat {
  overflow: hidden;
  display: inline-block;
  background-color: #E5E5E5;
  padding: 5px 60px;
  height: auto;
  border: 0;
  cursor: pointer;
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-transition: all 100ms ease-in;
  -webkit-transition: all 100ms ease-in;
  -o-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
}
.my-button-cancel--flat:not(.disabled):hover {
  cursor: pointer;
}
.my-button-cancel--flat:not(.disabled):focus {
  color: #fff;
}
.my-button-cancel--flat a {
  text-transform: uppercase;
  color: white;
}
.my-button-cancel--flat {
  display: inline-block;
  font-size: 1.25rem;
  color: #ffffff;
  text-align: center;
  margin: 0 0 10px;
  height: 50px;
  border-radius: 3px;
}
@media screen and (max-width: 59.9375em) {
  .my-button-cancel--flat {
    width: 100%;
    padding: 15px 50px;
    font-size: 1.125rem;
  }
}
.my-button-cancel--flat {
  font-size: 1rem;
}
@media screen and (min-width: 60em) {
  .my-button-cancel--flat {
    padding: 5px 0;
    width: 300px;
    max-width: 100%;
  }
}
.my-button-cancel--flat:not(.disabled):hover {
  transform: translateY(1px);
}
.my-button-cancel--flat:not(.disabled):active {
  transform: translateY(3px);
}
.my-button-cancel--flat.disabled {
  background-color: #eaeaea;
  color: #b1b1b1;
}
.my-button-cancel--flat.disabled:hover {
  cursor: default;
}
.my-button-cancel--flat div {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.my-button-cancel--flat input {
  height: 100%;
  background: none;
  border: none;
}
.my-button-cancel--flat {
  color: darkgrey;
  box-shadow: none;
}

.my-button-white {
  border: 1px solid #333333;
  background-color: white;
  color: #333333 !important;
}
.my-button-white a {
  color: #333333 !important;
}

.sidebar p {
  color: #fff;
}

#sidebar .product-selector {
  border: 1px solid #E5E5E5;
  margin-top: 45px;
  margin-bottom: 40px;
}
#sidebar .product-selector .form__field label {
  width: 80%;
}
#sidebar .product-selector__form {
  max-width: 600px;
  margin: 0 auto;
}

.no-text-transform {
  text-transform: none;
}

.bttn-big-red {
  background-color: red;
  box-shadow: none;
  height: 70px;
  width: 100%;
  font-size: 1.7rem;
}

.box-about-us-images > img {
  position: relative;
  max-width: 160%;
  left: -31%;
  margin-bottom: 50px;
}

.off-canvas-content {
  background: transparent;
  box-shadow: none;
}

.off-canvas {
  background: #008dcc;
  height: 100%;
}

.off-canvas__menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.off-canvas__menu li a {
  display: block;
  padding: 20px;
  border-bottom: 1px solid #888;
  color: #fff;
  text-align: center;
  font-size: 0.9375rem;
}
.off-canvas__menu li ul {
  display: none;
}

.how-to-selector {
  cursor: pointer;
  opacity: 0.7;
}
.how-to-selector.active {
  opacity: 1;
}
.how-to-selector .how-to-selector__inner {
  border-radius: 5px;
  margin: 20px;
  background: #008dcc;
  text-align: center;
  overflow: hidden;
}
.how-to-selector .how-to-selector__inner h3 {
  color: #fff;
  font-weight: bold;
  font-size: 1.5rem;
  margin: 30px 0 25px 0;
}
.how-to-selector .how-to-selector__inner input {
  margin-top: 40px;
  margin-bottom: 20px;
}

.how-to-selector--3 {
  float: left;
  width: 33%;
}

@media (max-width: 800px) {
  .how-to-selector .how-to-selector__inner {
    margin: 5px;
  }
  .how-to-selector--3 {
    width: 280px;
    float: none;
    margin: 0 auto 30px;
  }
}
.section-title.section-title--selection {
  margin-bottom: 52px;
}

.litres-box {
  width: 270px;
  margin: 0 auto;
}
.litres-box input {
  display: inline-block;
  float: left;
  width: 60%;
  height: 60px;
  box-shadow: inset 2.5px 4.33px 0 0 rgba(0, 0, 0, 0.06);
  border-top-left-radius: 28px;
  border-bottom-left-radius: 28px;
  padding-left: 20px;
  font-size: 1.875rem;
  font-weight: bold;
  color: #008dcc;
  text-align: center;
}
.litres-box .litres__label {
  display: inline-block;
  float: left;
  width: 40%;
  height: 60px;
  background: #008dcc;
  border-top-right-radius: 28px;
  border-bottom-right-radius: 28px;
  color: #fff;
  font-size: 1.125rem;
  text-align: center;
  padding-top: 20px;
  font-weight: bold;
}

.ingredients-box-wrapper {
  width: 50%;
  float: left;
}
.ingredients-box-wrapper .ingredients-box {
  border-radius: 5px;
  border: 1px solid #E5E5E5;
  overflow: hidden;
}
.ingredients-box-wrapper:first-child .ingredients-box {
  margin-right: 20px;
}
.ingredients-box-wrapper:last-child .ingredients-box {
  margin-left: 20px;
}

@media (max-width: 800px) {
  .ingredients-box-wrapper {
    width: 100%;
    float: none;
  }
  .ingredients-box-wrapper:first-child .ingredients-box {
    margin-right: 0;
    margin-bottom: 30px;
  }
  .ingredients-box-wrapper:last-child .ingredients-box {
    margin-left: 0;
  }
}
.ingredients-box-wrapper--fullwidth {
  width: 100%;
  float: none;
}
.ingredients-box-wrapper--fullwidth .ingredients-box {
  margin: 0 !important;
}

.ingredients-header {
  background: #F8F8F8;
  height: 55px;
  color: #008dcc;
  font-size: 1rem;
  text-align: center;
  font-weight: bold;
  padding: 18px;
}

.ingredients-header--dark {
  background: #008dcc;
  color: #fff;
}

.ingredients-image {
  width: 30%;
  float: left;
}
.ingredients-image img {
  max-height: 150px;
  margin: 25px 40px;
}

.ingredients-content {
  width: 70%;
  float: left;
  padding-left: 25px;
  padding-right: 20px;
  min-height: 235px;
}

.ingredients-list {
  margin-top: 35px;
  margin-bottom: 50px;
}

.ingredients-list__item {
  font-size: 0.875rem;
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
}
.ingredients-list__item:before {
  left: 0;
  top: 4px;
  position: absolute;
  content: " ";
  width: 20px;
  height: 16px;
  background: url("/site_media/images/thick-icon.jpg") no-repeat;
}

.tips_column {
  width: 50%;
  padding: 25px;
  float: left;
}

.tip {
  overflow: hidden;
  margin-top: 20px;
  margin-bottom: 30px;
  border-bottom: 1px solid #E5E5E5;
  padding-bottom: 10px;
  height: 115px;
}
.tip:first-child {
  margin-top: 10px;
}
.tip:last-child {
  margin-bottom: 10px;
}
.tip.FeSSIF img {
  max-width: 100px;
  margin: 0 5px;
}

.tip__image {
  float: left;
  width: 100px;
  text-align: center;
}

.tip__content {
  float: left;
  width: 320px;
  color: #606060;
  font-size: 0.875rem;
  padding-top: 30px;
}

@media (max-width: 800px) {
  .tips_column {
    width: 100%;
    padding: 0;
  }
  .tip {
    height: auto;
    text-align: center;
  }
  .tip__content {
    width: 100%;
    padding: 0 30px;
    text-align: center;
  }
  .tip__image {
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
  }
}
.preparation-step {
  width: 100%;
  overflow: hidden;
  padding-bottom: 20px;
  padding-top: 20px;
}

.static-content .preparation-step p {
  text-align: left;
}

.preparation-step__number {
  width: 120px;
  float: left;
}

.number-circle {
  width: 60px;
  height: 60px;
  padding: 20px;
  border-radius: 50px;
  border: 1px solid #E5E5E5;
  box-shadow: inset 2.5px 4.33px 0 0 rgba(0, 0, 0, 0.06);
  text-align: center;
  font-size: 1.875rem;
  font-weight: bold;
  color: #008dcc;
}

.preparation-step__instruction {
  float: left;
  width: 400px;
}
.preparation-step__instruction h3 {
  line-height: 3.75rem;
  color: #008dcc;
}

.preparation-step__image {
  float: left;
  width: 430px;
  text-align: center;
}

@media (max-width: 800px) {
  .preparation-step {
    position: relative;
  }
  .preparation-step__number {
    position: absolute;
    width: 50px;
  }
  .preparation-step__instruction {
    width: 100%;
    padding-left: 75px;
  }
  .preparation-step__image {
    width: 100%;
  }
}
.product-list__header {
  overflow: visible;
  width: 100%;
  padding: 25px 10px 25px 30px;
  margin-bottom: 15px;
}
.product-list__header .main-title {
  display: inline-block;
}

.product-list__filter {
  float: right;
  margin-top: -27px;
  font-size: 0.8125rem;
  text-align: left;
}
.product-list__filter .ui.fluid.dropdown {
  width: 70%;
  float: right;
  border-radius: 25px !important;
  border: 1px solid #e0e5e5 !important;
  box-shadow: 0 2px 1px 0 rgba(1, 1, 1, 0.2) !important;
  color: #3f3f3f;
}
.product-list__filter .ui.fluid.dropdown .menu .item {
  font-size: 0.8125rem !important;
}
.product-list__filter span {
  display: inline-block;
  margin-top: 8px;
  text-transform: uppercase;
  color: #d2d6db;
  font-size: 0.8125rem;
  font-weight: bold;
}

.product-filter {
  margin-left: 0;
}

.filter {
  list-style: none;
  margin: 0;
  background: #f2f2f2;
  border-radius: 3px;
  padding: 3px;
  overflow: hidden;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  border: 1px solid #e0e5e5;
}
.filter li {
  float: left;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.filter li a {
  display: block;
  padding: 10px 10px;
  text-align: center;
  word-break: keep-all;
  border-radius: 3px;
  cursor: pointer;
}
.filter li.active a {
  background: #023456;
  color: #fff;
  font-weight: bold;
}

@media screen and (max-width: 59.9375em) {
  .product-list__filter {
    float: none;
    width: 100%;
    margin-top: 20px;
  }
  .product-list__header .main-title {
    width: 100%;
    text-align: center;
  }
}
.product-list__items > .product-item-wrapper {
  width: 33.3333333333%;
  float: left;
}
.product-list__items > .product-item-wrapper:nth-of-type(1n) {
  clear: none;
}
.product-list__items > .product-item-wrapper:nth-of-type(3n+1) {
  clear: both;
}
.product-list__items > .product-item-wrapper:last-child {
  float: left;
}
.product-list__items {
  margin: 0 -15px;
  overflow: visible;
}

@media screen and (min-width: 40em) and (max-width: 59.9375em) {
  .product-list__items > .product-item-wrapper {
    width: 50%;
    float: left;
  }
  .product-list__items > .product-item-wrapper:nth-of-type(1n) {
    clear: none;
  }
  .product-list__items > .product-item-wrapper:nth-of-type(2n+1) {
    clear: both;
  }
  .product-list__items > .product-item-wrapper:last-child {
    float: left;
  }
}
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .product-list__items > .product-item-wrapper {
    width: 100%;
    float: left;
  }
  .product-list__items > .product-item-wrapper:nth-of-type(1n) {
    clear: none;
  }
  .product-list__items > .product-item-wrapper:nth-of-type(1n+1) {
    clear: both;
  }
  .product-list__items > .product-item-wrapper:last-child {
    float: left;
  }
}
.product-item-wrapper {
  margin-bottom: 30px;
}
.product-item-wrapper .product-item {
  overflow: visible;
  margin: 15px;
  position: relative;
}
.product-item-wrapper .product-item p {
  height: 260px;
}

.ribbon {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  overflow: hidden;
  width: 75px;
  height: 90px;
  text-align: right;
}

.ribbon span {
  font-size: 0.875rem;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 24px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 108px;
  display: block;
  background: #63589a;
  box-shadow: 0 3px 5px -5px rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 15px;
  left: -25px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
}

.ribbon--green span {
  background: #70a50c;
  font-size: 0.75rem;
}

.ribbon--red span {
  background: #c90d0b;
  font-size: 0.75rem;
}

.product-item__info {
  position: relative;
  min-height: 255px;
  width: 100%;
  border-bottom: 1px solid #e6e6e6;
  padding: 20px;
  text-align: center;
}

.product-item__image-wrapper {
  margin-top: 25px;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.product-item__image-wrapper img {
  filter: none;
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -ms-filter: blur(0px);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.icon-enlarge {
  display: none;
  background: url("/site_media/images/icon_enlarge.png");
  width: 34px;
  height: 34px;
  position: absolute;
  top: 76px;
  left: 112px;
}

.product-item__image-wrapper:hover .icon-enlarge {
  display: block;
}
.product-item__image-wrapper:hover img {
  opacity: 0.3;
}

#image-zoom {
  max-height: 60vh;
  margin-top: 20px;
}

.product-item__icon {
  position: absolute;
  top: 0;
  right: 0;
  padding: 20px;
  color: #cacaca;
  font-size: 1.5rem;
}
@media (min-width: 1000px) {
  .product-item__icon:hover .product-item__details-popup {
    display: block;
  }
}

.product-item__title {
  margin-top: 25px;
  text-align: left;
  font-size: 1.125rem;
  line-height: 1.375rem;
  color: #202020;
}

.product-item__size {
  text-align: left;
  font-size: 1rem;
  font-weight: 500;
  color: #959595;
  margin-top: 4px;
}

.product-item__code {
  margin: 3px 0 2px;
  text-align: left;
  font-size: 0.875rem;
  font-weight: 500;
  color: #959595;
}

.product-item__price {
  width: 100%;
  overflow: hidden;
  padding: 20px 15px 15px;
  min-height: 84px;
  text-align: center;
}

.product-item__price-label {
  float: right;
  font-size: 1.125rem;
  line-height: 2.5rem;
  color: #9cbd46;
  font-weight: 600;
}

.product-item__details-popup {
  font-family: "Red Hat Display", "Ubuntu", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  display: none;
  z-index: 1000;
  position: absolute;
  width: 350px;
  background: #008dcc;
  border-radius: 3px;
  top: -5px;
  right: -345px;
}

.details-popup__close {
  display: none;
}

@media (max-width: 1000px) {
  .product-item__details-popup {
    top: 0;
    left: 0;
  }
  .details-popup__close {
    display: block;
    cursor: pointer;
    position: absolute;
    right: 25px;
    top: 0;
    color: #fff;
  }
}
.product-item__details-popup--open {
  display: block;
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
}

.product-item__details-popup:after {
  right: 100%;
  top: 35px;
  border: 10px solid rgba(2, 52, 86, 0);
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-right-color: #023456;
  margin-top: -10px;
}

.details-popup__title {
  position: relative;
  margin-left: 25px;
  font-size: 1rem;
  line-height: 4.375rem;
  font-weight: 600;
  text-align: left;
  color: #fff;
}

.details-popup__info-section {
  background: #e6ebee;
  width: 100%;
  padding: 25px 25px 10px;
}

.details-popup__add-info-section {
  width: 100%;
  padding: 25px;
}
.details-popup__add-info-section .info__value {
  color: #fff;
}

.info-50,
.info-100 {
  font-size: 0.75rem;
  line-height: 0.9375rem;
  text-align: left;
  margin-bottom: 10px;
  padding: 0 5px;
}

.info-50 {
  float: left;
  width: 50%;
}

.info-100 {
  width: 100%;
  clear: both;
}

.info__label {
  display: inline;
  color: #6b8495;
  font-weight: bold;
}

.info__value {
  display: inline;
  color: #202020;
}

h2,
.main-title {
  font-size: 2.25rem;
  line-height: 2.875rem;
  font-weight: bold;
  color: #333333;
  margin: 0 0 30px;
}
h2.small-margin,
.main-title.small-margin {
  margin: 0 0 8px;
}

h3.main-title {
  border-bottom: 0;
  padding-bottom: 0;
}

.main-title--clean {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

.main-title--shop {
  font-size: 1.125rem;
  border-bottom: 0;
  padding-bottom: 0 !important;
  margin: 0 !important;
}

.second-title {
  font-size: 1.25rem;
  line-height: 1.25rem;
  color: #333333;
  margin: 0 0 30px;
}

.second-title--big {
  font-size: 1.375rem;
  line-height: 1.375rem;
  color: #008dcc;
  margin: 0 0 30px;
}

.small-title {
  margin: 0;
  font-size: 1.125rem;
  line-height: 1.125rem;
}

.second-title--big {
  font-size: 1.5rem !important;
}

.section-title {
  margin: 0;
  font-size: 1.375rem;
  line-height: 1.375rem;
  font-weight: bold;
  color: #333333;
}

.section-title--small, .section-title--thick {
  font-size: 1.5rem;
  line-height: 1.5rem;
  position: relative;
}

.section-title--thick {
  margin-left: 30px;
}
.section-title--thick:before {
  left: -31px;
  top: 4px;
  position: absolute;
  content: " ";
  width: 20px;
  height: 16px;
  background: url("/site_media/images/thick-icon.png") no-repeat;
}

.divider {
  width: 100%;
  height: 1px;
  border-top: 1px solid #e0e5e5;
  overflow: hidden;
  clear: both;
  margin-top: 50px;
  margin-bottom: 50px;
}

.divider-bolder {
  width: 100%;
  height: 2px;
  border-top: 2px solid #333333;
  overflow: hidden;
  clear: both;
  margin: 50px 0;
}

.divider-dotted {
  width: 100%;
  height: 3px;
  background: url("/site_media/images/circle-black.svg") repeat-x;
}

.divider-dotted-margin {
  width: 100%;
  height: 3px;
  background: url("/site_media/images/circle-black.svg") repeat-x;
  margin: 50px 0;
}

.divider-dotted-white {
  width: 100%;
  height: 3px;
  background: url("/site_media/images/circle-white.svg") repeat-x;
}

.divider-no-line {
  width: 100%;
  height: 30px;
}

.divider-footer {
  margin: 20px 45px 20px;
}

.product-list__items--our-products .product-item-wrapper,
.product-list__items--bmr .product-item-wrapper {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media screen and (min-width: 40em) {
  .product-list__items--our-products .product-item-wrapper,
  .product-list__items--bmr .product-item-wrapper {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
.product-list__items--our-products .product-item-wrapper,
.product-list__items--bmr .product-item-wrapper {
  width: 25%;
  float: left;
}
.product-list__items--our-products .product-item-wrapper:last-child:not(:first-child),
.product-list__items--bmr .product-item-wrapper:last-child:not(:first-child) {
  float: right;
}
.product-list__items--our-products .product-item,
.product-list__items--bmr .product-item {
  margin: 0;
  overflow: hidden;
  padding: 30px;
}
.product-list__items--our-products .product-item-wrapper:nth-of-type(3n+1),
.product-list__items--bmr .product-item-wrapper:nth-of-type(3n+1) {
  clear: none;
}
.product-list__items--our-products .product-item__image,
.product-list__items--bmr .product-item__image {
  text-align: center;
  margin: 5px 0 30px;
  min-height: 238px;
}
.product-list__items--our-products .product-item__image img,
.product-list__items--bmr .product-item__image img {
  width: 40%;
}
.product-list__items--our-products h4,
.product-list__items--bmr h4 {
  text-align: center;
  font-size: 1rem;
  color: #008dcc;
  font-weight: bold;
  margin: 0 0 25px;
}
.product-list__items--our-products p,
.product-list__items--bmr p {
  color: #606060;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  height: 150px;
}

ul.products-legend {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.products-legend li {
  padding-left: 1em;
  text-indent: -0.7em;
  font-size: 0.875rem;
  color: #008dcc;
  float: left;
  margin-right: 40px;
}
ul.products-legend li.fassif:before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 5px;
  display: inline-block;
  background: #4aae48;
  margin-right: 5px;
}
ul.products-legend li.fessif:before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 5px;
  display: inline-block;
  background: #c6d936;
  margin-right: 5px;
}
ul.products-legend li.fassgf:before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 5px;
  display: inline-block;
  background: #ffce14;
  margin-right: 5px;
}

.product-list__items--bmr .product-item-wrapper {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media screen and (min-width: 40em) {
  .product-list__items--bmr .product-item-wrapper {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
.product-list__items--bmr .product-item-wrapper {
  width: 33.3333333333%;
  float: left;
}
.product-list__items--bmr .product-item-wrapper:last-child:not(:first-child) {
  float: right;
}

/* BRM intro */
.brm-frame {
  padding: 45px 175px;
  background: #008dcc;
  border-radius: 5px;
  color: #fff;
  font-size: 1.125rem;
  font-weight: bold;
  text-transform: uppercase;
}
.brm-frame span {
  color: #9cbd46;
}

.brm-spacing {
  display: inline-block;
  width: 130px;
}

@media (max-width: 500px) {
  .brm-frame {
    font-size: 0.8125rem;
  }
}
@media (max-width: 770px) {
  .brm-spacing {
    display: block;
    width: 20px;
    margin-bottom: 10px;
  }
}
@media (max-width: 1160px) {
  .brm-frame {
    padding: 45px 25px;
    text-align: center;
  }
  .brm-spacing {
    width: 20px;
  }
}
@media (max-width: 960px) {
  .brm-frame {
    padding: 15px;
  }
}
.brm-content {
  margin-top: 15px;
  overflow: hidden;
}
.brm-content p {
  padding-left: 5px;
  font-size: 1rem;
  line-height: 1.375rem;
}
.brm-content p.paragraph {
  font-size: 0.875rem;
}
.brm-content b {
  color: #008dcc;
}
.brm-content h2 {
  font-size: 1.875rem;
  color: #008dcc;
  margin-top: 50px;
  margin-bottom: 15px;
  border: 0;
  padding: 0;
}

.brm-box-wrapper {
  width: 50%;
  float: left;
}

.brm-boxes {
  margin: 0 -20px;
}

.brm-box {
  border: 1px solid #E5E5E5;
  border-radius: 5px;
  margin: 20px;
  overflow: hidden;
  min-height: 435px;
}
.brm-box .brm-box__header {
  background: #F8F8F8;
  padding: 35px 35px 35px 70px;
  min-height: 142px;
}
.brm-box .brm-box__content {
  padding: 40px;
  text-align: center;
}
.brm-box .brm-box__title {
  font-size: 0.875rem;
  color: #606060;
  position: relative;
}
.brm-box .brm-box__title:before {
  left: -31px;
  top: 4px;
  position: absolute;
  content: " ";
  width: 20px;
  height: 16px;
  background: url(/site_media/images/thick-icon.png) no-repeat;
}

@media (max-width: 800px) {
  .brm-box-wrapper {
    width: 100%;
  }
}
.thick {
  position: relative;
  margin-bottom: 10px;
}
.thick:before {
  left: -31px;
  top: 4px;
  position: absolute;
  content: " ";
  width: 20px;
  height: 16px;
  background: url(/site_media/images/thick-icon.png) no-repeat;
}

@media (max-width: 960px) {
  .brm-list .product-list__items .product-item-wrapper {
    width: 50%;
    margin-bottom: 30px;
  }
  .brm-list .product-list__items .product-item-wrapper .product-item {
    margin: 5px;
  }
}
@media (max-width: 650px) {
  .brm-list .product-list__items .product-item-wrapper {
    width: 100%;
    margin-bottom: 30px;
  }
  .brm-list .product-list__items .product-item-wrapper .product-item {
    margin: 5px;
  }
}
@media (max-width: 1110px) {
  .our-products-list .product-list__items .product-item-wrapper {
    width: 50%;
    margin-bottom: 30px;
  }
  .our-products-list .product-list__items .product-item-wrapper .product-item {
    margin: 5px;
  }
}
@media (max-width: 650px) {
  .our-products-list .product-list__items .product-item-wrapper {
    width: 100%;
    margin-bottom: 30px;
  }
  .our-products-list .product-list__items .product-item-wrapper .product-item {
    margin: 5px;
  }
  .our-products-list .product-list__items .product-item-wrapper .product-item p {
    height: auto;
  }
}
/* About us */
.product-timeline {
  clear: both;
  margin: 80px 0 0;
}
@media screen and (max-width: 59.9375em) {
  .product-timeline {
    margin: 40px 0 0;
  }
}

.mobile-team-cartoon {
  margin-top: 40px;
}

.our-products {
  background-position: center center;
  width: 100%;
  text-align: center;
  padding-top: 35px;
  margin-bottom: 30px;
}
@media screen and (max-width: 59.9375em) {
  .our-products {
    margin-bottom: 5px;
  }
}

.product_caruzele_controller {
  overflow: hidden;
}
.product_caruzele_controller .product_caruzele_conteiner {
  position: relative;
  transition: 1s;
  display: flex;
  height: 550px;
}
.product_caruzele_controller .product_caruzele_conteiner .product_caruzele_box {
  display: flex;
  background-color: #F8F8F8;
  color: #333333;
  min-width: 100%;
  max-height: 550px;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  font-weight: 500;
}
.product_caruzele_controller .product_caruzele_conteiner .product_caruzele_box .product_caruzele_image {
  padding-right: 26px;
}
.product_caruzele_controller .product_caruzele_conteiner .product_caruzele_box .product_caruzele_image img {
  max-height: 100%;
}
.product_caruzele_controller .product_caruzele_conteiner .product_caruzele_box .product_caruzele_text {
  padding-left: 26px;
}
.product_caruzele_controller .product_caruzele_controller--controller {
  margin-top: 50px;
  display: flex;
  justify-content: center;
}
.product_caruzele_controller .product_caruzele_controller--controller .controller_dot {
  margin: 0 6px;
  height: 12px;
  width: 12px;
  border: 6px solid #bbbbbb;
  border-radius: 6px;
  cursor: pointer;
}
.product_caruzele_controller .product_caruzele_controller--controller .controller_dot.active {
  border-color: #58BF4F;
}

.top_box_promo_text {
  background: red;
  box-shadow: 0px 0px 10px 10px yellow;
  min-width: 120px;
  width: fit-content;
  height: 50px;
  margin: auto;
  padding: 5px;
  color: white;
  font-weight: bold;
  justify-content: center;
  font-size: 11px;
  text-align: center;
  align-items: center;
  align-content: center;
}

.bottle-image_promo_sticker {
  background: red;
  box-shadow: 0px 0px 10px 10px orange;
  width: 120px;
  height: 120px;
  position: absolute;
  right: 15px;
  top: 0;
  padding: 5px;
  color: white;
  border-radius: 50%;
  justify-content: center;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  align-items: center;
  align-content: center;
}

.buy-product {
  position: relative;
}
.buy-product .product-section {
  margin-bottom: 100px;
}
.buy-product .product-section.small_product_spacing {
  margin-bottom: 50px;
}
.buy-product .buy-product__right-col {
  width: 100%;
}
.buy-product .buy-product__right-col .buy-product__title h1.main-title, .buy-product .buy-product__right-col .buy-product__title h2 {
  display: inline;
  float: left;
  padding: 0;
  margin-bottom: 20px;
  color: #333333;
  font-size: 30px;
}
.buy-product .buy-product__right-col .buy-product__title .price {
  float: right;
  font-size: 1.5rem;
  margin-top: 10px;
}
.buy-product .buy-product__right-col .product_sub_header {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #333333;
}
.buy-product .buy-product__right-col .buy-product__top-info {
  margin-bottom: 0;
  line-height: 1rem;
}
.buy-product .buy-product__right-col .buy-product__top-info li {
  line-height: 2rem;
  text-align: left;
}
.buy-product .buy-product__right-col .buy-product__top-info li p {
  line-height: 1.5rem;
  margin: 0;
}
.buy-product .buy-product__right-col tbody {
  background-color: inherit;
  border: 0;
  min-width: 350px;
}
.buy-product .buy-product__right-col tbody tr {
  background-color: inherit;
}
.buy-product .buy-product__right-col tbody th {
  text-align: left;
  width: 221px;
}
.buy-product .buy-product__right-col tbody th label {
  font-weight: bold;
}
.buy-product .buy-product__right-col tbody td {
  padding: 0 10px;
}
.buy-product .buy-product__right-col tbody label {
  font-size: 1rem;
  line-height: 1.5;
}
.buy-product .buy-product__right-col tbody label.disabled {
  color: #a2a2a3;
}
.buy-product .buy-product__right-col tbody label.disabled:hover {
  cursor: default;
}
.buy-product .buy-product__right-col tbody label.disabled::after {
  background-color: #a2a2a3;
}
.buy-product .buy-product__right-col .buy-product__info {
  display: flex;
  position: relative;
  flex-wrap: wrap;
}
.buy-product .buy-product__right-col .buy-product__info table {
  width: unset;
  flex-grow: 1;
}
.buy-product .buy-product__right-col .buy-product__info .shelf-life-container {
  padding: 0.5rem 0.625rem 0.625rem;
}
.buy-product .buy-product__right-col .buy-product__buttons-section {
  text-align: center;
  display: flex;
  justify-content: flex-end;
  white-space: nowrap;
  margin-right: 0;
  position: absolute;
  right: 0;
  bottom: 24px;
}
@media (max-width: 425px) {
  .buy-product .buy-product__right-col .buy-product__buttons-section {
    display: block;
  }
}
.buy-product .buy-product__right-col .buy-product__buttons-section img {
  height: 150px;
  padding: 0 10px;
}
.buy-product .buy-product__right-col .buy-product__buttons-section ul {
  display: inline-block;
  list-style-type: none;
}
.buy-product .buy-product__right-col .buy-product__buttons-section ul li div {
  width: 100%;
  text-transform: uppercase;
  color: white;
  padding: 0 20px;
  font-size: 0.875rem;
  cursor: pointer;
}
.buy-product .divider-dotted {
  margin: 20px 0;
}
.buy-product .variant_in_stock {
  color: #58BF4F;
  text-align: left;
  font-size: 20px;
  font-weight: 500;
}
.buy-product .variant_awaiting_stock {
  color: #F28C40;
  text-align: left;
  font-size: 20px;
  font-weight: 500;
}
.buy-product .buy-product__buy4text {
  color: #FD3333;
  font-weight: bold;
  padding: 0 10px;
}
.buy-product p.tabs__subtitle {
  font-size: 1.375rem;
  font-weight: bold;
}
.buy-product ul.tabs {
  margin: 0;
  padding: 0;
  list-style: none;
  border: 0;
}
.buy-product ul.tabs .product-page-tab-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-color: #0090cd transparent transparent transparent;
  align-self: center;
}
.buy-product ul.tabs > li > div.tab-title {
  font-size: 1.25rem;
}
.buy-product ul.tabs > li {
  display: inline-block;
  cursor: pointer;
}
.buy-product ul.tabs > li .tab-title {
  padding: 10px 15px;
  text-transform: uppercase;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
}
.buy-product ul.tabs li.current {
  background-color: #fdfdfd;
  border-bottom: 0;
}
.buy-product ul.tabs {
  position: static;
}
.buy-product ul.tabs > li {
  display: block;
  border-bottom: 0;
}
.buy-product ul.tabs > li.current {
  padding-bottom: 5px;
}
.buy-product .tab-contener {
  margin-top: 53px;
  border: 1px solid #a7a9ac;
  padding: 20px 50px;
}
.buy-product .tab-contener ul li {
  color: #333333;
}
@media (max-width: 950px) {
  .buy-product .tab-contener {
    padding: 0;
  }
}
@media screen and (max-width: 59.9375em) {
  .buy-product .tab-contener {
    border-top: none;
    margin-top: 0;
  }
}
.buy-product .tab-content {
  display: none;
  padding: 15px;
}
@media screen and (max-width: 69.9375em) {
  .buy-product .tab-content {
    padding-right: 5px;
    padding-left: 5px;
  }
}
.buy-product .calc-row__item--amount {
  margin-left: 40px;
}
@media screen and (max-width: 69.9375em) {
  .buy-product .calc-row__item--amount {
    margin-left: 0;
  }
}
.buy-product .current {
  display: inherit;
}
.buy-product .current_mobile {
  display: inherit;
}
.buy-product .buyfff__why-picture {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media screen and (min-width: 40em) {
  .buy-product .buyfff__why-picture {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
.buy-product .buyfff__why-picture {
  width: 33.3333333333%;
  float: left;
}
.buy-product .buyfff__why-picture:last-child:not(:first-child) {
  float: right;
}
.buy-product .buyfff__why-picture {
  text-align: center;
}
.buy-product .buyfff__why-picture img {
  height: 120px;
  margin: 15px 0;
}
@media (max-width: 950px) {
  .buy-product .buyfff__why-picture {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 100%;
    float: left;
  }
}
@media screen and (max-width: 950px) and (min-width: 40em) {
  .buy-product .buyfff__why-picture {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
@media (max-width: 950px) {
  .buy-product .buyfff__why-picture:last-child:not(:first-child) {
    float: right;
  }
}
.buy-product .buyfff__scientists-picture {
  text-align: center;
  margin-bottom: 20px;
}
.buy-product .buyfff__why {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media screen and (min-width: 40em) {
  .buy-product .buyfff__why {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
.buy-product .buyfff__why {
  width: 66.6666666667%;
  float: left;
}
.buy-product .buyfff__why:last-child:not(:first-child) {
  float: right;
}
@media (max-width: 950px) {
  .buy-product .buyfff__why {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 100%;
    float: left;
  }
}
@media screen and (max-width: 950px) and (min-width: 40em) {
  .buy-product .buyfff__why {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
@media (max-width: 950px) {
  .buy-product .buyfff__why:last-child:not(:first-child) {
    float: right;
  }
}
.buy-product .buyfff__make-picture {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media screen and (min-width: 40em) {
  .buy-product .buyfff__make-picture {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
.buy-product .buyfff__make-picture {
  width: 75%;
  float: left;
}
.buy-product .buyfff__make-picture:last-child:not(:first-child) {
  float: right;
}
.buy-product .buyfff__make-picture {
  justify-content: center;
  align-items: center;
}
@media (max-width: 950px) {
  .buy-product .buyfff__make-picture {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 100%;
    float: left;
  }
}
@media screen and (max-width: 950px) and (min-width: 40em) {
  .buy-product .buyfff__make-picture {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
@media (max-width: 950px) {
  .buy-product .buyfff__make-picture:last-child:not(:first-child) {
    float: right;
  }
}
.buy-product .buyfff__make {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media screen and (min-width: 40em) {
  .buy-product .buyfff__make {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
.buy-product .buyfff__make {
  width: 25%;
  float: left;
}
.buy-product .buyfff__make:last-child:not(:first-child) {
  float: right;
}
@media (max-width: 950px) {
  .buy-product .buyfff__make {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 100%;
    float: left;
  }
}
@media screen and (max-width: 950px) and (min-width: 40em) {
  .buy-product .buyfff__make {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
@media (max-width: 950px) {
  .buy-product .buyfff__make:last-child:not(:first-child) {
    float: right;
  }
}

.buyfff__make-picture {
  margin: 20px 0;
}

#send-purchase-order-reveal,
#get-quote-reveal {
  width: 100%;
}

.reveal__flex {
  display: flex;
  align-items: center;
}

.reveal__image {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media screen and (min-width: 40em) {
  .reveal__image {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
.reveal__image {
  width: 100%;
  float: left;
}
.reveal__image:last-child:not(:first-child) {
  float: right;
}
.reveal__image {
  text-align: center;
}
@media (min-width: 950px) {
  .reveal__image {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 33.3333333333%;
    float: left;
  }
}
@media screen and (min-width: 950px) and (min-width: 40em) {
  .reveal__image {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
@media (min-width: 950px) {
  .reveal__image:last-child:not(:first-child) {
    float: right;
  }
}

.reveal__text {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media screen and (min-width: 40em) {
  .reveal__text {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
.reveal__text {
  width: 100%;
  float: left;
}
.reveal__text:last-child:not(:first-child) {
  float: right;
}
@media (min-width: 950px) {
  .reveal__text {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 66.6666666667%;
    float: left;
  }
}
@media screen and (min-width: 950px) and (min-width: 40em) {
  .reveal__text {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
@media (min-width: 950px) {
  .reveal__text:last-child:not(:first-child) {
    float: right;
  }
}

.square {
  height: auto !important;
}

.testimonials .testimonial__logo {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media screen and (min-width: 40em) {
  .testimonials .testimonial__logo {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
.testimonials .testimonial__logo {
  width: 16.6666666667%;
  float: left;
}
.testimonials .testimonial__logo:last-child:not(:first-child) {
  float: right;
}
.testimonials .testimonial__logo {
  margin: 25px 0;
  text-align: center;
}
@media screen and (max-width: 59.9375em) {
  .testimonials .testimonial__logo {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 100%;
    float: left;
  }
}
@media screen and (max-width: 59.9375em) and (min-width: 40em) {
  .testimonials .testimonial__logo {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
@media screen and (max-width: 59.9375em) {
  .testimonials .testimonial__logo:last-child:not(:first-child) {
    float: right;
  }
}
.testimonials .testimonial__quote {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media screen and (min-width: 40em) {
  .testimonials .testimonial__quote {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
.testimonials .testimonial__quote {
  width: 83.3333333333%;
  float: left;
}
.testimonials .testimonial__quote:last-child:not(:first-child) {
  float: right;
}
.testimonials .testimonial__quote .quote {
  display: inline-block;
  font: normal 150px/150px serif;
  padding: 0 10px;
  letter-spacing: -25px;
  color: #333333;
  vertical-align: top;
}
.testimonials .testimonial__quote .testimonial__quote-text {
  display: inline-block;
  margin: 0 30px;
  width: 65%;
  vertical-align: bottom;
}
.testimonials .testimonial__quote .testimonial__quote-text div {
  font-style: italic;
}
@media screen and (max-width: 59.9375em) {
  .testimonials .testimonial__quote {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 100%;
    float: left;
    padding-left: 35px !important;
    padding-right: 35px !important;
    margin-top: 50px;
  }
}
@media screen and (max-width: 59.9375em) and (min-width: 40em) {
  .testimonials .testimonial__quote {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
@media screen and (max-width: 59.9375em) {
  .testimonials .testimonial__quote:last-child:not(:first-child) {
    float: right;
  }
  .testimonials .testimonial__quote .testimonial__quote-text {
    margin: 0;
    width: 100%;
  }
  .testimonials .testimonial__quote .quote--mobile {
    position: absolute;
    opacity: 0.17;
    font-size: 7.375rem;
    letter-spacing: -18px;
  }
  .testimonials .testimonial__quote .quote--mobile--top {
    left: -55px;
    top: -55px;
  }
  .testimonials .testimonial__quote .quote--mobile--bottom {
    right: 0;
    bottom: -100px;
  }
}
@media screen and (max-width: 59.9375em) {
  .testimonials .testimonial__quote-author {
    text-align: center;
  }
}

.product__content,
.product__content--clean {
  margin-top: 0;
  overflow: hidden;
}
.product__content table tbody tr:nth-child(even),
.product__content--clean table tbody tr:nth-child(even) {
  background: #fff;
}
.product__content h1,
.product__content--clean h1 {
  margin: 30px 0;
  font-size: 1.875rem;
  line-height: 1.875rem;
  color: #008dcc;
}
.product__content h2,
.product__content--clean h2 {
  margin: 25px 0;
  font-size: 1.5rem;
  line-height: 1.25rem;
  color: #008dcc;
}
@media (max-width: 600px) {
  .product__content h2,
  .product__content--clean h2 {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}
.product__content h3,
.product__content--clean h3 {
  margin: 20px 0;
  font-size: 1.25rem;
  line-height: 1.25rem;
  color: #008dcc;
}
.product__content h4,
.product__content--clean h4 {
  margin: 20px 0;
  font-size: 1.125rem;
  line-height: 1.25rem;
  color: #008dcc;
}
.product__content p.strong,
.product__content--clean p.strong {
  font-weight: bold;
}

.product__content h2,
.product__content--clean h2 {
  margin-top: 0;
}

.content__cms h2 {
  margin: 30px 0 20px;
  font-size: 1.25rem;
  line-height: 1.25rem;
  color: #008dcc;
}
.content__cms table th,
.content__cms table td {
  text-align: center;
}
.content__cms table td {
  border: 1px solid #E5E5E5 !important;
}
.content__cms table td:first-child {
  border-left: 0;
}
.content__cms table td:last-child {
  border-right: 0;
}
.content__cms table th {
  background: #008dcc !important;
  color: #fff;
}
.content__cms table tbody tr:first-child td {
  background: #008dcc !important;
  color: #fff !important;
  font-weight: bold;
}
.content__cms table tbody tr:first-child td p span {
  color: #fff !important;
  font-weight: bold !important;
}
.content__cms table tbody tr:nth-child(even) {
  background-color: #f2f2f2 !important;
}

.title__cms {
  margin: 20px 0;
  font-size: 1.25rem !important;
  line-height: 1.25rem;
  color: #008dcc;
  font-weight: normal !important;
}

.product__content table th,
.product__content table td,
.static-content table th,
.static-content table td {
  text-align: center;
}
.product__content table th,
.static-content table th {
  background: #68676c;
  color: #fff;
}
.product__content table.testimonials td,
.static-content table.testimonials td {
  border: 0;
}
.product__content table.testimonials tr,
.static-content table.testimonials tr {
  background: none;
  border-top: 1px solid #E5E5E5;
  border-bottom: 1px solid #E5E5E5;
}
.product__content table.testimonials tr:first-child,
.static-content table.testimonials tr:first-child {
  border-top: 0 !important;
}
.product__content table.contact-form td,
.static-content table.contact-form td {
  border: 0;
}
.product__content tr.checkout-row,
.static-content tr.checkout-row {
  border-bottom: 1px solid #333333;
}
.product__content tr.checkout-row:last-child,
.static-content tr.checkout-row:last-child {
  border-bottom: 2px solid #333333;
}

.contact_address {
  width: 30%;
  float: left;
  text-align: center;
  padding-top: 62px;
}

.contact_form {
  width: 70%;
  float: left;
}

@media (max-width: 900px) {
  .contact_address {
    width: 100%;
    margin-bottom: 30px;
  }
  .contact_form {
    width: 100%;
  }
}
.static-content ul {
  font-size: 1rem;
}
@media screen and (max-width: 59.9375em) {
  .static-content {
    padding-top: 0 !important;
  }
}

.bc-icon {
  position: absolute;
  float: left;
  margin-right: 8px;
}

.bc-links {
  padding-left: 0;
  float: left;
  margin-top: 1px;
  margin-left: 15px;
}

.addresses__box {
  width: 33%;
  float: left;
}

.form {
  margin-top: 30px;
}
.form tbody {
  border: 0;
}
.form input,
.form textarea,
.form select {
  border: 1px solid #E5E5E5;
  border-radius: 25px;
  padding: 0 10px;
  box-shadow: inset 2px 2px 0 0 rgb(229, 229, 229);
  margin: 0;
}

.checkout-table {
  margin-top: 30px;
  border-spacing: 4px;
}
.checkout-table tbody {
  border: 0 !important;
}
.checkout-table th {
  background: #f2f2f2;
  color: #202020;
  font-size: 0.875rem;
}
.checkout-table tr {
  background-color: #fff !important;
}
.checkout-table tr:first-child {
  border-top: 1px solid #e0e5e5;
  border-bottom: 1px solid #e0e5e5;
}
.checkout-table td {
  height: 80px;
  color: #202020;
  font-size: 0.875rem;
  text-align: center;
}
.checkout-table tr.summary-row {
  color: #202020;
  font-weight: 500;
  border-bottom: 1px solid black;
}

.checkout-row {
  display: none;
}
.checkout-row img {
  max-height: 120px;
  margin: 20px 0;
}

.button-checkout {
  overflow: hidden;
  display: inline-block;
  background-color: #d7493e;
  padding: 5px 60px;
  height: auto;
  border: 0;
  cursor: pointer;
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-transition: all 100ms ease-in;
  -webkit-transition: all 100ms ease-in;
  -o-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
}
.button-checkout:not(.disabled):hover {
  cursor: pointer;
}
.button-checkout:not(.disabled):focus {
  color: #fff;
}
.button-checkout a {
  text-transform: uppercase;
  color: white;
}
.button-checkout {
  display: inline;
  padding: 15px 40px;
  margin: 20px 60px;
  text-transform: uppercase;
  font-size: 1.375rem;
}

.button-pay-securely {
  overflow: hidden;
  display: inline-block;
  background-color: #9cbd46;
  padding: 5px 60px;
  height: auto;
  border: 0;
  cursor: pointer;
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-transition: all 100ms ease-in;
  -webkit-transition: all 100ms ease-in;
  -o-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
}
.button-pay-securely:not(.disabled):hover {
  cursor: pointer;
}
.button-pay-securely:not(.disabled):focus {
  color: #fff;
}
.button-pay-securely a {
  text-transform: uppercase;
  color: white;
}
.button-pay-securely {
  display: inline;
  padding: 15px 40px;
  margin: 20px 60px;
  text-transform: uppercase;
  font-size: 1.375rem;
}
.button-pay-securely input {
  border: none;
  background-color: inherit;
  text-transform: uppercase;
}

.icon-checkout {
  display: block;
  width: 17px;
  height: 17px;
  border: 1px solid #a7a9ac;
  color: #a7a9ac;
  font-size: 0.9375rem;
  line-height: 0.75rem;
  cursor: pointer;
  margin: 2px;
}

.icon-close-round--checkout {
  font-size: 0.625rem;
  line-height: 1rem;
}

.checkout-steps {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 150px;
  margin-bottom: 30px;
}
@media screen and (max-width: 59.9375em) {
  .checkout-steps {
    height: 100px;
  }
}
@media screen and (min-width: 40em) and (max-width: 59.9375em) {
  .checkout-steps {
    transform: scale(1.5);
  }
}
.checkout-steps .checkout-steps__connector {
  width: 269px;
  height: 4px;
  background: #E5E5E5;
}
@media screen and (max-width: 59.9375em) {
  .checkout-steps .checkout-steps__connector {
    width: 63px;
    height: 2px;
  }
}
.checkout-steps .checkout-steps__connector.active {
  background: #58BF4F;
}
.checkout-steps .checkout-steps__step {
  width: 30px;
  height: 30px;
  position: relative;
  background-color: #E5E5E5;
  display: inline-block;
  text-align: center;
  font-size: 1rem;
  vertical-align: middle;
  cursor: default;
  color: #E5E5E5;
  border-radius: 50%;
  border: 4px solid #E5E5E5;
}
@media screen and (max-width: 59.9375em) {
  .checkout-steps .checkout-steps__step {
    width: 15px;
    height: 15px;
    border-width: 2px;
    font-size: 0.75rem;
  }
}
.checkout-steps .checkout-steps__step.active {
  background: transparent;
  color: #58BF4F;
  border-color: #58BF4F;
}
.checkout-steps .checkout-steps__step.active .checkout-steps__step--text {
  font-weight: 700;
}
.checkout-steps .checkout-steps__step.done {
  background: #58BF4F;
  border-color: #58BF4F;
}
.checkout-steps .checkout-steps__step.done:hover {
  cursor: pointer;
}
.checkout-steps .checkout-steps__step.done .checkout-steps__step--text {
  color: #58BF4F;
}
.checkout-steps .checkout-steps__step .checkout-steps__step--text {
  position: absolute;
  font-weight: normal;
  white-space: nowrap;
  left: 50%;
  transform: translateX(-50%);
  top: 37px;
}
@media screen and (max-width: 59.9375em) {
  .checkout-steps .checkout-steps__step .checkout-steps__step--text {
    top: 20px;
  }
}

.checkout_payment_column_split {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
@media screen and (max-width: 59.9375em) {
  .checkout_payment_column_split {
    flex-wrap: wrap-reverse;
    justify-content: center;
  }
}
.checkout_payment_column_split .sticky {
  top: 100px;
  position: sticky;
}
.checkout_payment_column_split input::placeholder {
  color: #a2a2a3;
  font-size: 14px;
}
.checkout_payment_column_split .order_summary_container {
  width: max-content;
  min-width: 350px;
  padding: 24px;
  border: 1px solid #D9D9D9;
  font-size: 20px;
  font-weight: 500;
}
.checkout_payment_column_split .order_summary_container .order_summary_row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}
.checkout_payment_column_split .order_summary_container .order_summary_row div:first-child {
  margin-right: 20px;
}
.checkout_payment_column_split .order_summary_container .order_summary_row.product_list {
  font-size: 15px;
}
.checkout_payment_column_split .small_space_below {
  margin-bottom: 24px;
}
.checkout_payment_column_split .bold {
  font-weight: 700;
}
.checkout_payment_column_split .grey {
  color: #CCCCCC;
}
.checkout_payment_column_split .left_column {
  width: 100%;
}
@media screen and (min-width: 40em) {
  .checkout_payment_column_split .left_column {
    padding-right: 24px;
    min-width: 500px;
  }
}

#checkoutAddressesContainer {
  color: #333333;
  margin-bottom: 30px;
}
#checkoutAddressesContainer a {
  color: #333333;
}
#checkoutAddressesContainer a:hover {
  text-decoration-line: underline;
}
#checkoutAddressesContainer .checkout_addres_picker .line_address {
  padding: 13px;
  border: 1px solid #D9D9D9;
  margin: 6px 0;
}
#checkoutAddressesContainer .checkout_addres_picker .line_address label {
  font-weight: 700;
  display: flex;
  justify-content: space-between;
}
#checkoutAddressesContainer .checkout_addres_picker .line_address label .biorelevant-factory {
  color: #A6A6A6;
  font-weight: 500;
  margin: 20px;
}
#checkoutAddressesContainer .checkout_addres_picker .line_address.disabled {
  background-color: #EDEDED;
}
#checkoutAddressesContainer .checkout_addres_picker .line_address.disabled input[type=radio] + label:after {
  background-color: #A6A6A6;
}
#checkoutAddressesContainer .checkout_addres_picker .line_address.disabled label {
  color: #A6A6A6;
}

.thank_you_message {
  border: 1px solid #D9D9D9;
  display: flex;
  justify-content: center;
  margin-bottom: 25px;
}
.thank_you_message .centered {
  padding: 20px;
}

#registerToOrder .create_account_header {
  margin-top: 25px;
  font-size: 24px;
  font-weight: 700;
}
#registerToOrder .create_account_header .adnotation {
  font-size: 16px;
  font-weight: 400;
}
#registerToOrder .field_label {
  font-size: 14px;
  font-weight: 500;
}

#userShippingAddressesContainer .d-flex {
  flex-wrap: wrap;
}
@media screen and (min-width: 60em) {
  #userShippingAddressesContainer .shipping-address-box {
    margin: 10px;
  }
}
#userShippingAddressesContainer .shipping-address-box__container {
  color: black;
  background: white;
  box-shadow: 0 0 20px 0 rgba(175, 182, 217, 0.2);
  transition: all 0.5s;
}
@media screen and (max-width: 59.9375em) {
  #userShippingAddressesContainer .shipping-address-box__container {
    border-radius: 3px;
  }
}
#userShippingAddressesContainer .shipping-address-box__container.active {
  border-style: solid;
  border-color: #58BF4F;
}
#userShippingAddressesContainer .shipping-address-box__container p, #userShippingAddressesContainer .shipping-address-box__container h2, #userShippingAddressesContainer .shipping-address-box__container h1, #userShippingAddressesContainer .shipping-address-box__container h3, #userShippingAddressesContainer .shipping-address-box__container h4, #userShippingAddressesContainer .shipping-address-box__container h5, #userShippingAddressesContainer .shipping-address-box__container h6, #userShippingAddressesContainer .shipping-address-box__container span, #userShippingAddressesContainer .shipping-address-box__container div {
  transition: color 0.5s;
}
#userShippingAddressesContainer .shipping-address-box__container {
  width: 340px;
  padding: 35px 30px;
  min-height: 340px;
}
#userShippingAddressesContainer .shipping-address-box__container p {
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin-bottom: 6px;
  line-height: 1.2 !important;
}
@media screen and (max-width: 59.9375em) {
  #userShippingAddressesContainer .shipping-address-box__container {
    margin-left: 10px;
    margin-right: 10px;
  }
}
#userShippingAddressesContainer .shipping-address-box__container:hover {
  cursor: pointer;
}
#userShippingAddressesContainer .shipping-address-box__container p {
  font-size: 0.875rem;
  line-height: 1.5;
}
#userShippingAddressesContainer a.shipping__add {
  text-align: center;
}

.checkout-title--mobile {
  padding-bottom: 0;
}

#checkoutBillingAddressContainer {
  width: 100vw;
  padding-top: 40px;
  padding-bottom: 30px;
}
#checkoutBillingAddressContainer #billingAddressFlex {
  display: flex;
}
@media screen and (max-width: 59.9375em) {
  #checkoutBillingAddressContainer #billingAddressFlex {
    flex-direction: column;
  }
  #checkoutBillingAddressContainer #billingAddressFlex .broker-address__container {
    margin-top: 40px;
  }
}
@media screen and (max-width: 59.9375em) {
  #checkoutBillingAddressContainer .checkout__billing-address--choice,
  #checkoutBillingAddressContainer .checkout__broker-address--choice {
    margin-left: auto;
    margin-right: auto;
  }
}
#checkoutBillingAddressContainer .checkout__billing-address--same,
#checkoutBillingAddressContainer .checkout__broker-address--same {
  color: black;
  background: white;
  box-shadow: 0 0 20px 0 rgba(175, 182, 217, 0.2);
  transition: all 0.5s;
}
@media screen and (max-width: 59.9375em) {
  #checkoutBillingAddressContainer .checkout__billing-address--same,
  #checkoutBillingAddressContainer .checkout__broker-address--same {
    border-radius: 3px;
  }
}
#checkoutBillingAddressContainer .checkout__billing-address--same.active,
#checkoutBillingAddressContainer .checkout__broker-address--same.active {
  border-style: solid;
  border-color: #58BF4F;
}
#checkoutBillingAddressContainer .checkout__billing-address--same p, #checkoutBillingAddressContainer .checkout__billing-address--same h2, #checkoutBillingAddressContainer .checkout__billing-address--same h1, #checkoutBillingAddressContainer .checkout__billing-address--same h3, #checkoutBillingAddressContainer .checkout__billing-address--same h4, #checkoutBillingAddressContainer .checkout__billing-address--same h5, #checkoutBillingAddressContainer .checkout__billing-address--same h6, #checkoutBillingAddressContainer .checkout__billing-address--same span, #checkoutBillingAddressContainer .checkout__billing-address--same div,
#checkoutBillingAddressContainer .checkout__broker-address--same p,
#checkoutBillingAddressContainer .checkout__broker-address--same h2,
#checkoutBillingAddressContainer .checkout__broker-address--same h1,
#checkoutBillingAddressContainer .checkout__broker-address--same h3,
#checkoutBillingAddressContainer .checkout__broker-address--same h4,
#checkoutBillingAddressContainer .checkout__broker-address--same h5,
#checkoutBillingAddressContainer .checkout__broker-address--same h6,
#checkoutBillingAddressContainer .checkout__broker-address--same span,
#checkoutBillingAddressContainer .checkout__broker-address--same div {
  transition: color 0.5s;
}
#checkoutBillingAddressContainer .checkout__billing-address--same,
#checkoutBillingAddressContainer .checkout__broker-address--same {
  display: flex;
  align-items: center;
  width: 280px;
  height: 90px;
  padding-left: 40px;
  padding-right: 40px;
}
@media screen and (max-width: 59.9375em) {
  #checkoutBillingAddressContainer .checkout__billing-address--same,
  #checkoutBillingAddressContainer .checkout__broker-address--same {
    margin-bottom: 15px;
  }
}
#checkoutBillingAddressContainer .checkout__billing-address--same:hover,
#checkoutBillingAddressContainer .checkout__broker-address--same:hover {
  cursor: pointer;
}
#checkoutBillingAddressContainer .checkout__billing-address--same p,
#checkoutBillingAddressContainer .checkout__broker-address--same p {
  font-weight: 500;
  font-size: 1.125rem;
  margin-bottom: 0;
}
#checkoutBillingAddressContainer .billing-address-box__container,
#checkoutBillingAddressContainer .broker-address-box__container {
  color: black;
  background: white;
  box-shadow: 0 0 20px 0 rgba(175, 182, 217, 0.2);
  transition: all 0.5s;
}
@media screen and (max-width: 59.9375em) {
  #checkoutBillingAddressContainer .billing-address-box__container,
  #checkoutBillingAddressContainer .broker-address-box__container {
    border-radius: 3px;
  }
}
#checkoutBillingAddressContainer .billing-address-box__container.active,
#checkoutBillingAddressContainer .broker-address-box__container.active {
  border-style: solid;
  border-color: #58BF4F;
}
#checkoutBillingAddressContainer .billing-address-box__container p, #checkoutBillingAddressContainer .billing-address-box__container h2, #checkoutBillingAddressContainer .billing-address-box__container h1, #checkoutBillingAddressContainer .billing-address-box__container h3, #checkoutBillingAddressContainer .billing-address-box__container h4, #checkoutBillingAddressContainer .billing-address-box__container h5, #checkoutBillingAddressContainer .billing-address-box__container h6, #checkoutBillingAddressContainer .billing-address-box__container span, #checkoutBillingAddressContainer .billing-address-box__container div,
#checkoutBillingAddressContainer .broker-address-box__container p,
#checkoutBillingAddressContainer .broker-address-box__container h2,
#checkoutBillingAddressContainer .broker-address-box__container h1,
#checkoutBillingAddressContainer .broker-address-box__container h3,
#checkoutBillingAddressContainer .broker-address-box__container h4,
#checkoutBillingAddressContainer .broker-address-box__container h5,
#checkoutBillingAddressContainer .broker-address-box__container h6,
#checkoutBillingAddressContainer .broker-address-box__container span,
#checkoutBillingAddressContainer .broker-address-box__container div {
  transition: color 0.5s;
}
#checkoutBillingAddressContainer .billing-address-box__container,
#checkoutBillingAddressContainer .broker-address-box__container {
  width: 340px;
  padding: 35px 40px;
  margin-bottom: 10px;
}
#checkoutBillingAddressContainer .billing-address-box__container:hover,
#checkoutBillingAddressContainer .broker-address-box__container:hover {
  cursor: pointer;
}
#checkoutBillingAddressContainer .billing-address-box__container.active .broker-addresses__edit,
#checkoutBillingAddressContainer .broker-address-box__container.active .broker-addresses__edit {
  color: white;
}
#checkoutBillingAddressContainer .billing-address-box__container p,
#checkoutBillingAddressContainer .broker-address-box__container p {
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-size: 0.875rem;
  line-height: 1.5;
}

#checkoutGiftContainer {
  padding-top: 30px;
  padding-bottom: 30px;
}
#checkoutGiftContainer .gifts-container {
  display: flex;
  justify-content: center;
  margin-top: 25px;
  margin-bottom: 75px;
}
#checkoutGiftContainer .slick-slide {
  width: 280px;
  height: 260px;
  margin-left: 10px;
  margin-right: 10px;
}
#checkoutGiftContainer .slick-track {
  padding-top: 20px;
  padding-bottom: 20px;
}
#checkoutGiftContainer .gift-container {
  color: black;
  background: white;
  box-shadow: 0 0 20px 0 rgba(175, 182, 217, 0.2);
  transition: all 0.5s;
}
@media screen and (max-width: 59.9375em) {
  #checkoutGiftContainer .gift-container {
    border-radius: 3px;
  }
}
#checkoutGiftContainer .gift-container.active {
  border-style: solid;
  border-color: #58BF4F;
}
#checkoutGiftContainer .gift-container p, #checkoutGiftContainer .gift-container h2, #checkoutGiftContainer .gift-container h1, #checkoutGiftContainer .gift-container h3, #checkoutGiftContainer .gift-container h4, #checkoutGiftContainer .gift-container h5, #checkoutGiftContainer .gift-container h6, #checkoutGiftContainer .gift-container span, #checkoutGiftContainer .gift-container div {
  transition: color 0.5s;
}
#checkoutGiftContainer .gift-container {
  width: 280px;
  height: 260px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-left: 10px;
  margin-right: 10px;
  cursor: pointer;
}
#checkoutGiftContainer .gift-container .x-container {
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#checkoutGiftContainer .gift-container img {
  height: 120px;
  width: auto;
  margin-bottom: 10px;
}
#checkoutGiftContainer .gift-container img.red-x {
  height: 73px;
}
#checkoutGiftContainer .gift-container p {
  font-size: 0.8125rem;
}

#checkoutAdditionalInfo {
  margin-top: 50px;
}
@media screen and (max-width: 59.9375em) {
  #checkoutAdditionalInfo {
    margin-bottom: 30px;
    text-align: center;
    font-size: 1rem;
  }
}
#checkoutAdditionalInfo h2 {
  margin-bottom: 50px;
}
@media screen and (max-width: 59.9375em) {
  #checkoutAdditionalInfo h2 {
    margin-bottom: 10px;
    padding-bottom: 0;
  }
}
#checkoutAdditionalInfo .checkout__additional-info__container {
  color: black;
  background: white;
  box-shadow: 0 0 20px 0 rgba(175, 182, 217, 0.2);
  transition: all 0.5s;
}
@media screen and (max-width: 59.9375em) {
  #checkoutAdditionalInfo .checkout__additional-info__container {
    border-radius: 3px;
  }
}
#checkoutAdditionalInfo .checkout__additional-info__container.active {
  border-style: solid;
  border-color: #58BF4F;
}
#checkoutAdditionalInfo .checkout__additional-info__container p, #checkoutAdditionalInfo .checkout__additional-info__container h2, #checkoutAdditionalInfo .checkout__additional-info__container h1, #checkoutAdditionalInfo .checkout__additional-info__container h3, #checkoutAdditionalInfo .checkout__additional-info__container h4, #checkoutAdditionalInfo .checkout__additional-info__container h5, #checkoutAdditionalInfo .checkout__additional-info__container h6, #checkoutAdditionalInfo .checkout__additional-info__container span, #checkoutAdditionalInfo .checkout__additional-info__container div {
  transition: color 0.5s;
}
@media screen and (max-width: 59.9375em) {
  #checkoutAdditionalInfo .checkout__additional-info__container {
    width: 100%;
    margin-top: 20px;
  }
}
#checkoutAdditionalInfo .checkout__additional-info__container--short {
  max-width: 300px;
}

.content_payment_methods_container .content_payment_methods_title {
  margin-bottom: 10px;
}
.content_payment_methods_container .payment-method-select-container {
  margin: 20px 0;
  padding: 20px;
  border: solid;
  width: 100%;
  min-height: 100px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  transition: all 0.2s ease;
}
.content_payment_methods_container .payment-method-select-container div {
  margin: auto 0;
}
.content_payment_methods_container .payment-method-select-container h6 {
  font-weight: 700;
}
.content_payment_methods_container .payment-method-select-container p {
  color: #959595;
  font-size: 0.8rem;
  margin: 0;
}
.content_payment_methods_container .payment-method-select-container.active {
  border-color: #58BF4F;
}
.content_payment_methods_container .payment-method-select-container.active .selectable_payment_row {
  border: 7px solid #58BF4F;
}
.content_payment_methods_container .payment-method-select-container .checkout-payment__images-row {
  min-width: 130px;
}
.content_payment_methods_container .payment-method-select-container .checkout-payment__images-row img {
  margin: auto;
  width: auto;
}
.content_payment_methods_container .payment-method-select-container .checkout-payment__images-row img.max-width50 {
  max-width: 50px;
}
.content_payment_methods_container .payment-method-select-container .selectable_payment_row {
  margin: auto 30px auto 0;
  min-width: 20px;
  min-height: 20px;
  border-radius: 50%;
  border: 4px solid #E5E5E5;
  transition: all 0.2s ease;
}

@media screen and (max-width: 59.9375em) {
  .checkout__review-you-order__title {
    text-align: center;
    font-size: 1.125rem;
  }
}

.checkout__review-you-order_addresses--container {
  display: flex;
}
@media screen and (max-width: 59.9375em) {
  .checkout__review-you-order_addresses--container {
    flex-direction: column;
  }
}

.checkout__proceed-button__container {
  margin-bottom: 120px;
}
.checkout__proceed-button__container #proceedButton {
  float: right;
}

.addresses {
  display: table;
  border-collapse: separate;
  border-spacing: 40px;
}

.shipping-addresses {
  display: table;
  border-collapse: separate;
  border-spacing: 40px;
}

@media screen and (max-width: 59.9375em) {
  .shipping-addresses__edit,
  .broker-addresses__edit {
    margin-top: 25px;
  }
}

a.shipping__edit,
a.shipping__delete,
a.broker__edit,
a.broker__delete {
  display: inline-block;
  margin: 5px;
}

.shipping-addresses__edit,
.shipping-addresses__delete,
.broker-addresses__edit {
  color: #333333;
  font-size: 1.125rem;
  font-weight: bold;
}
@media screen and (min-width: 60em) {
  .shipping-addresses__edit,
  .shipping-addresses__delete,
  .broker-addresses__edit {
    text-align: left;
  }
}

.shipping-billing__buttons .shipping-edit-bttn {
  width: 130px;
  height: unset;
  text-transform: none;
}
.shipping-billing__buttons .my-button-secondary--flat-delete {
  background-color: gray;
}
.shipping-billing__buttons {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 59.9375em) {
  .shipping-addresses__delete {
    margin-top: 25px;
  }
}

@media screen and (min-width: 60em) {
  #brokerContainer {
    margin-bottom: 100px;
  }
}

.broker__add {
  margin-bottom: 100px;
  margin-top: 60px;
}

@media screen and (min-width: 60em) {
  .shipping-address-box {
    margin-top: 10px;
    margin-bottom: 30px;
  }
}
.shipping-address-box p {
  margin-top: 0;
  line-height: 2;
}
@media screen and (max-width: 59.9375em) {
  .shipping-address-box p {
    text-align: center;
    line-height: 1.5;
  }
}

@media screen and (max-width: 59.9375em) {
  .shipping__add__mobile__container {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 59.9375em) {
  .account-address__billing_address__container {
    background: #F8F8F8;
  }
}

@media screen and (min-width: 60em) {
  .account-settings__form-container {
    display: flex;
    justify-content: space-between;
    margin-bottom: 100px;
  }
}

.shipping-address-box__container {
  margin-bottom: 10px;
}
@media screen and (min-width: 60em) {
  .shipping-address-box__container {
    display: inline-block;
    width: 100%;
  }
}

.shipping-address-box-inactive {
  border: 2px solid #333333;
  background-color: #f2f2f2;
}

.address-name {
  font-size: 1rem;
}

.billing-details {
  margin-top: 20px;
}

.billing-details__item {
  float: left;
  width: 30%;
  margin-right: 15px;
}

.billing-details__icon {
  font-size: 1rem;
  float: left;
  width: 30px;
}

.billing-details__content {
  padding-left: 30px;
  line-height: 1.7;
}

@media screen and (min-width: 60em) {
  .payment-method_row {
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 59.9375em) {
  .payment-method_row {
    margin: 0;
  }
  .payment-method_row > div:first-child {
    margin-left: 0;
  }
  .payment-method_row > div:last-child {
    margin-right: 0;
  }
}

.payment-method {
  color: black;
  background: white;
  box-shadow: 0 0 20px 0 rgba(175, 182, 217, 0.2);
  transition: all 0.5s;
}
@media screen and (max-width: 59.9375em) {
  .payment-method {
    border-radius: 3px;
  }
}
.payment-method.active {
  border-style: solid;
  border-color: #58BF4F;
}
.payment-method p, .payment-method h2, .payment-method h1, .payment-method h3, .payment-method h4, .payment-method h5, .payment-method h6, .payment-method span, .payment-method div {
  transition: color 0.5s;
}
.payment-method {
  width: 280px !important;
  height: 294px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  padding: 40px 30px 50px;
}
.payment-method:hover {
  cursor: pointer;
}
.payment-method img {
  height: 40px;
}
.payment-method form {
  width: 100%;
}
@media screen and (max-width: 59.9375em) {
  .payment-method {
    margin-left: 10px;
    margin-right: 10px;
  }
  .payment-method img {
    margin-left: auto;
    margin-right: auto;
  }
}

.payment-method-second-title {
  font-size: 1.125rem;
  font-weight: bold;
  margin: 0;
}

.checkout-payment__images-row {
  display: flex;
  height: 40px;
  align-items: center;
}
.checkout-payment__images-row img {
  height: 25px;
  width: 40px;
}
.checkout-payment__images-row img:not(:last-child) {
  margin-right: 5px;
}

.payment-method__decription {
  font-weight: bold;
  font-size: 0.875rem;
  margin-bottom: 0;
}
@media screen and (max-width: 59.9375em) {
  .payment-method__decription {
    margin-top: 40px;
  }
}

.checkout-payment__star-text {
  font-size: 0.75rem;
  color: #B8B8B8;
}
@media screen and (max-width: 59.9375em) {
  .checkout-payment__star-text--first {
    margin-top: 50px;
  }
}

#CreditCardDetailsViewContainer #orderSummaryBox,
#checkoutPaymentOrderSummaryContainer #orderSummaryBox {
  color: black;
  background: white;
  box-shadow: 0 0 20px 0 rgba(175, 182, 217, 0.2);
  transition: all 0.5s;
}
@media screen and (max-width: 59.9375em) {
  #CreditCardDetailsViewContainer #orderSummaryBox,
  #checkoutPaymentOrderSummaryContainer #orderSummaryBox {
    border-radius: 3px;
  }
}
#CreditCardDetailsViewContainer #orderSummaryBox.active,
#checkoutPaymentOrderSummaryContainer #orderSummaryBox.active {
  border-style: solid;
  border-color: #58BF4F;
}
#CreditCardDetailsViewContainer #orderSummaryBox p, #CreditCardDetailsViewContainer #orderSummaryBox h2, #CreditCardDetailsViewContainer #orderSummaryBox h1, #CreditCardDetailsViewContainer #orderSummaryBox h3, #CreditCardDetailsViewContainer #orderSummaryBox h4, #CreditCardDetailsViewContainer #orderSummaryBox h5, #CreditCardDetailsViewContainer #orderSummaryBox h6, #CreditCardDetailsViewContainer #orderSummaryBox span, #CreditCardDetailsViewContainer #orderSummaryBox div,
#checkoutPaymentOrderSummaryContainer #orderSummaryBox p,
#checkoutPaymentOrderSummaryContainer #orderSummaryBox h2,
#checkoutPaymentOrderSummaryContainer #orderSummaryBox h1,
#checkoutPaymentOrderSummaryContainer #orderSummaryBox h3,
#checkoutPaymentOrderSummaryContainer #orderSummaryBox h4,
#checkoutPaymentOrderSummaryContainer #orderSummaryBox h5,
#checkoutPaymentOrderSummaryContainer #orderSummaryBox h6,
#checkoutPaymentOrderSummaryContainer #orderSummaryBox span,
#checkoutPaymentOrderSummaryContainer #orderSummaryBox div {
  transition: color 0.5s;
}
#CreditCardDetailsViewContainer #orderSummaryBox,
#checkoutPaymentOrderSummaryContainer #orderSummaryBox {
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px;
}
#CreditCardDetailsViewContainer #orderSummaryBox h2,
#checkoutPaymentOrderSummaryContainer #orderSummaryBox h2 {
  text-align: center;
}
#CreditCardDetailsViewContainer #orderSummaryBox .my-button-main,
#checkoutPaymentOrderSummaryContainer #orderSummaryBox .my-button-main {
  width: 100%;
}
#CreditCardDetailsViewContainer .checkout-payment__order-summary__row,
#checkoutPaymentOrderSummaryContainer .checkout-payment__order-summary__row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
#CreditCardDetailsViewContainer .checkout-payment__order-summary__row span:last-child:not(.checkout-payment__order-summary__country-name),
#checkoutPaymentOrderSummaryContainer .checkout-payment__order-summary__row span:last-child:not(.checkout-payment__order-summary__country-name) {
  font-weight: 500;
}
#CreditCardDetailsViewContainer .checkout-payment__order-summary__country-name,
#checkoutPaymentOrderSummaryContainer .checkout-payment__order-summary__country-name {
  font-weight: normal;
}

.checkout-button-lock-icon {
  height: 20px;
  margin-right: 25px;
}

@media (max-width: 680px) {
  .checkout__additional-col {
    display: none;
  }
}
.shopProductsRow .static-content {
  padding: clamp(8px, 3vw, 30px) 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, clamp(100px, 13vw, 180px));
  justify-content: center;
  gap: clamp(4px, 1.5vw, 20px);
}
.shopProductsRow .static-content.product_experiment_container {
  grid-template-columns: repeat(auto-fit, clamp(100px, 20vw, 210px));
}
.shopProductsRow .static-content div.single_product_variant-card-wrapper {
  padding: 0;
}
.shopProductsRow .static-content div.single_product_variant-card-wrapper .product_variant-card {
  display: flex;
  gap: 5px;
  flex-direction: column;
  height: 100%;
  border: 1px #ededed solid;
  position: relative;
  text-align: center;
  margin-left: 0;
  margin-right: 0;
  z-index: 10;
  transition: 0.3s ease;
}
.shopProductsRow .static-content div.single_product_variant-card-wrapper .product_variant-card a {
  color: inherit;
}
.shopProductsRow .static-content div.single_product_variant-card-wrapper .product_variant-card a:hover {
  color: #90caf9;
  text-decoration: underline;
}
.shopProductsRow .static-content div.single_product_variant-card-wrapper .product_variant-card.item_in_basket {
  background: #FFFFD6;
}
.shopProductsRow .static-content div.single_product_variant-card-wrapper .product_variant-card .product-flash-box {
  border-radius: 0;
  float: left;
}
.shopProductsRow .static-content div.single_product_variant-card-wrapper .product_variant-card .show_on_item_in_basket {
  min-height: 35px;
  display: none;
}
.shopProductsRow .static-content div.single_product_variant-card-wrapper .product_variant-card .show_on_item_in_basket.show {
  display: block;
}
.shopProductsRow .static-content div.single_product_variant-card-wrapper .product_variant-card .price_text_and_buttons_section {
  height: 100%;
  display: flex;
  gap: 5px;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  align-self: center;
  width: clamp(100px, 15vw, 150px);
  margin-bottom: 10px;
}
.shopProductsRow .static-content div.single_product_variant-card-wrapper .product_variant-card .product-box__buy-button {
  min-height: clamp(30px, 4vw, 35px);
  width: clamp(90px, 15vw, 150px);
  height: 30px;
  font-size: clamp(1rem, 0.8vw + 0.25rem, 0.7rem);
  padding: 0;
  margin: 0;
}
.shopProductsRow .static-content div.single_product_variant-card-wrapper .product_variant-card .product-box__buy-button.product_experiment-box__buy-button {
  background-color: #F28C40;
  font-size: clamp(1.4rem, 0.8vw + 0.8rem, 2rem);
  width: clamp(75px, 15vw, 150px);
}

.product_card_data_row {
  display: block;
  font-size: clamp(0.45rem, 0.8vw + 0.25rem, 0.7rem);
  line-height: clamp(0.5rem, 0.8vw + 0.5rem, 1.125rem);
  padding: 0 5px;
}
.product_card_data_row.product-box_image-link {
  height: clamp(50px, 12vw, 115px);
}
.product_card_data_row.product_card_code_grams {
  justify-content: space-evenly;
  display: flex;
}
.product_card_data_row.product_card_data_row-promo {
  font-weight: bold;
  color: #fd3333;
  min-height: 28px;
  line-height: 1;
  margin-bottom: 0;
}
.product_card_data_row.product_card_data_row-price {
  font-weight: bold;
  font-size: 0.9rem;
}
.product_card_data_row .product-box__title {
  font-weight: bold;
  font-size: clamp(0.55rem, 1.2vw + 0.3rem, 0.9rem);
  min-height: 29px;
  align-content: center;
  line-height: 1;
}

.product__cart-quantity {
  text-wrap: nowrap;
  display: flex;
  width: clamp(70px, 16vw, 150px);
  justify-self: center;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
}
.product__cart-quantity input.product__cart__variant-change {
  display: inline;
  padding: 0;
  margin: 0px -1px;
  width: clamp(24px, 6vw, 55px);
  height: clamp(22px, 4vw, 35px);
  border-radius: 4px;
  text-align: center;
}
.product__cart-quantity input.product__cart__variant-change:hover {
  background-color: #EDEDED;
  transform: translateY(1px);
}
.product__cart-quantity .product__cart-quantity-icon {
  position: relative;
  font-size: clamp(12px, 2.5vw, 21px);
  border: 1px solid #CCCCCC;
  background: white;
  border-radius: 4px;
  width: clamp(20px, 4.5vw, 40px);
  align-content: center;
  text-align: center;
}
.product__cart-quantity .product__cart-quantity-icon:hover {
  background-color: #EDEDED;
  transform: translateY(1px);
}

.product__page-quantity {
  text-wrap: nowrap;
  display: flex;
  justify-content: space-between;
}
.product__page-quantity input.product__cart__variant-change {
  display: inline;
  padding: 0;
  margin: 0px -1px;
  width: 90px;
  height: 45px;
  text-align: center;
  border-radius: 0.4rem;
}
.product__page-quantity input.product__cart__variant-change:hover {
  background-color: #EDEDED;
}
.product__page-quantity .product__cart-quantity-icon {
  font-size: 24px;
  border-radius: 0.4rem;
  width: 90px;
  height: 45px;
  border: 1px solid #CCCCCC;
  cursor: pointer;
  line-height: 1.8;
}
.product__page-quantity .product__cart-quantity-icon:hover {
  background-color: #EDEDED;
}

.product-box {
  position: relative;
  text-align: center;
  margin-bottom: 35px;
  padding-bottom: 28.5px;
  padding-top: 28.5px;
  margin-left: 0;
  margin-right: 0;
  z-index: 10;
  transition: 0.3s ease;
}
.product-box.product-box-clickable {
  padding: 28.5px 10px;
  cursor: pointer;
}
.product-box .product-box__title {
  font-size: clamp(0.55rem, 1.2vw + 0.3rem, 0.9rem);
  overflow-wrap: break-word;
}
.product-box .product_card_data_row {
  display: block;
  min-height: 3rem;
}
.product-box .product-box__buy-button {
  max-width: 80%;
}
.product-box .product_card_data_row-price {
  font-size: 40px;
  color: #58BF4F;
}
.product-box .product-box__data-description {
  color: #b4b4b4;
}
.product-box .selectize-control {
  position: relative;
  margin: auto;
}
.product-box .product-box__price {
  margin-top: 22px;
  margin-bottom: 22px;
  font-weight: 500;
}
.product-box .product-box__variant-select {
  position: relative;
  border: 1px solid #a2a2a3;
  margin-left: auto;
  margin-right: auto;
  font-size: 0.875rem;
  font-weight: 500;
  padding: 7px 0;
  color: #333333;
  display: flex;
}
.product-box .product-box__variant-select-text {
  width: 213px;
  text-align: center;
}
.product-box .product-box__variant-select-down-arrow-container {
  position: absolute;
  right: 7px;
  top: 50%;
  transform: translateY(-50%);
  height: 100%;
  display: flex;
  justify-content: space-around;
  flex-direction: column;
  padding-left: 7px;
  border-left: 1px solid #a2a2a3;
  width: 1.87rem;
}
.product-box .product-box__variant-select-down-arrow-container .product-box__variant-select-down-arrow {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #333333;
  margin: auto;
}
@media screen and (min-width: 40em) {
  .product-box {
    background: #F8F8F8;
    background-repeat: repeat-x;
    background-size: 65px;
  }
  .product-box.product-box-non-overflow-content {
    background-size: auto;
    margin-top: 65px;
    padding: 0;
  }
  .product-box.product-box-clickable:hover {
    z-index: 11;
    box-shadow: 0 0 30px 0 rgb(175, 182, 217);
    transform: scale(1.1);
  }
}

.product-flashes-container {
  height: 25px;
  min-height: 25px;
  margin-top: 5px;
}
.product-flashes-container .product-flash-box {
  padding: 4px 15px;
  min-width: clamp(20px, 6vw, 80px);
  font-size: clamp(0.45rem, 0.8vw + 0.25rem, 0.7rem);
  line-height: 0.5rem;
  display: inline-block;
  border-radius: 30px;
  text-align: center;
}

.product-box__variant-select-options {
  position: absolute;
  width: 250px;
  background: white;
  border: 1px solid #a2a2a3;
  border-top: none;
  margin-left: -1px;
  top: 33px;
  left: 0;
  font-size: 0.875rem;
  font-weight: 500;
  z-index: 10;
}

.product-box__variant-select-options-gift_option-active {
  border-style: solid;
  border-color: #58BF4F;
}

.product-box__variant-select {
  width: 250px;
  font-size: 0.9rem;
}

.product-box__image {
  height: clamp(50px, 12vw, 115px);
}

.product-box__desc {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #333333;
  font-weight: 400;
  text-align: center;
  height: 195px;
}

.product-box__button--buy {
  background: #58BF4F;
  text-align: center;
}
.product-box__button--buy a {
  color: #fff;
}

.product-box__button--get-quote {
  background-color: #f38d40;
}

.product-box__button--docs {
  background: #f38d40;
}
.product-box__button--docs a {
  color: #fff;
}

.download-docs-banner {
  text-align: center;
}

@media screen and (min-width: 60em) {
  .shipping-billing__subtitle {
    display: inline;
    margin-right: 60px;
    margin-top: 30px;
  }
}

.align_items_center {
  align-items: center;
}

#checkoutContainer,
#CreditCardDetailsViewContainer,
#checkoutPaymentOrderSummaryContainer {
  width: 100%;
  display: flex;
  flex-direction: column;
}
#checkoutContainer h3,
#CreditCardDetailsViewContainer h3,
#checkoutPaymentOrderSummaryContainer h3 {
  font-size: 1.625rem;
  font-weight: bold;
  margin-bottom: 0;
}
#checkoutContainer h2,
#CreditCardDetailsViewContainer h2,
#checkoutPaymentOrderSummaryContainer h2 {
  width: 75%;
  margin-bottom: 0;
}
#checkoutContainer .slick-dots,
#CreditCardDetailsViewContainer .slick-dots,
#checkoutPaymentOrderSummaryContainer .slick-dots {
  bottom: 30px;
}
@media screen and (max-width: 59.9375em) {
  #checkoutContainer .slick-dots,
  #CreditCardDetailsViewContainer .slick-dots,
  #checkoutPaymentOrderSummaryContainer .slick-dots {
    bottom: 0;
  }
}
#checkoutContainer #checkoutShoppingCartContainer,
#checkoutContainer #checkoutPaymentShoppingCartContainer,
#CreditCardDetailsViewContainer #checkoutShoppingCartContainer,
#CreditCardDetailsViewContainer #checkoutPaymentShoppingCartContainer,
#checkoutPaymentOrderSummaryContainer #checkoutShoppingCartContainer,
#checkoutPaymentOrderSummaryContainer #checkoutPaymentShoppingCartContainer {
  font-weight: 500;
}
@media screen and (max-width: 59.9375em) {
  #checkoutContainer #checkoutShoppingCartContainer,
  #checkoutContainer #checkoutPaymentShoppingCartContainer,
  #CreditCardDetailsViewContainer #checkoutShoppingCartContainer,
  #CreditCardDetailsViewContainer #checkoutPaymentShoppingCartContainer,
  #checkoutPaymentOrderSummaryContainer #checkoutShoppingCartContainer,
  #checkoutPaymentOrderSummaryContainer #checkoutPaymentShoppingCartContainer {
    width: 100%;
    margin-right: 0;
    padding-top: 20px;
    margin-bottom: 40px;
  }
  #checkoutContainer #checkoutShoppingCartContainer h2,
  #checkoutContainer #checkoutPaymentShoppingCartContainer h2,
  #CreditCardDetailsViewContainer #checkoutShoppingCartContainer h2,
  #CreditCardDetailsViewContainer #checkoutPaymentShoppingCartContainer h2,
  #checkoutPaymentOrderSummaryContainer #checkoutShoppingCartContainer h2,
  #checkoutPaymentOrderSummaryContainer #checkoutPaymentShoppingCartContainer h2 {
    font-size: 1.125rem;
    text-align: center;
    width: 100%;
  }
}
#checkoutContainer #checkoutShoppingCartContainer .shopping-cart-items-row--first,
#checkoutContainer #checkoutPaymentShoppingCartContainer .shopping-cart-items-row--first,
#CreditCardDetailsViewContainer #checkoutShoppingCartContainer .shopping-cart-items-row--first,
#CreditCardDetailsViewContainer #checkoutPaymentShoppingCartContainer .shopping-cart-items-row--first,
#checkoutPaymentOrderSummaryContainer #checkoutShoppingCartContainer .shopping-cart-items-row--first,
#checkoutPaymentOrderSummaryContainer #checkoutPaymentShoppingCartContainer .shopping-cart-items-row--first {
  font-size: 1.125rem;
  color: #B8B8B8;
}
#checkoutContainer #checkoutShoppingCartContainer .shopping-cart-item--subcontainer,
#checkoutContainer #checkoutPaymentShoppingCartContainer .shopping-cart-item--subcontainer,
#CreditCardDetailsViewContainer #checkoutShoppingCartContainer .shopping-cart-item--subcontainer,
#CreditCardDetailsViewContainer #checkoutPaymentShoppingCartContainer .shopping-cart-item--subcontainer,
#checkoutPaymentOrderSummaryContainer #checkoutShoppingCartContainer .shopping-cart-item--subcontainer,
#checkoutPaymentOrderSummaryContainer #checkoutPaymentShoppingCartContainer .shopping-cart-item--subcontainer {
  display: flex;
  width: 50%;
}
@media screen and (max-width: 59.9375em) {
  #checkoutContainer #checkoutShoppingCartContainer .shopping-cart-item--subcontainer,
  #checkoutContainer #checkoutPaymentShoppingCartContainer .shopping-cart-item--subcontainer,
  #CreditCardDetailsViewContainer #checkoutShoppingCartContainer .shopping-cart-item--subcontainer,
  #CreditCardDetailsViewContainer #checkoutPaymentShoppingCartContainer .shopping-cart-item--subcontainer,
  #checkoutPaymentOrderSummaryContainer #checkoutShoppingCartContainer .shopping-cart-item--subcontainer,
  #checkoutPaymentOrderSummaryContainer #checkoutPaymentShoppingCartContainer .shopping-cart-item--subcontainer {
    flex-direction: column-reverse;
    align-items: flex-end;
    justify-content: center;
  }
}
#checkoutContainer #checkoutShoppingCartContainer .shopping-cart-items-row,
#checkoutContainer #checkoutPaymentShoppingCartContainer .shopping-cart-items-row,
#CreditCardDetailsViewContainer #checkoutShoppingCartContainer .shopping-cart-items-row,
#CreditCardDetailsViewContainer #checkoutPaymentShoppingCartContainer .shopping-cart-items-row,
#checkoutPaymentOrderSummaryContainer #checkoutShoppingCartContainer .shopping-cart-items-row,
#checkoutPaymentOrderSummaryContainer #checkoutPaymentShoppingCartContainer .shopping-cart-items-row {
  display: flex;
  position: relative;
  margin-bottom: 50px;
  touch-action: auto;
}
@media screen and (max-width: 59.9375em) {
  #checkoutContainer #checkoutShoppingCartContainer .shopping-cart-items-row,
  #checkoutContainer #checkoutPaymentShoppingCartContainer .shopping-cart-items-row,
  #CreditCardDetailsViewContainer #checkoutShoppingCartContainer .shopping-cart-items-row,
  #CreditCardDetailsViewContainer #checkoutPaymentShoppingCartContainer .shopping-cart-items-row,
  #checkoutPaymentOrderSummaryContainer #checkoutShoppingCartContainer .shopping-cart-items-row,
  #checkoutPaymentOrderSummaryContainer #checkoutPaymentShoppingCartContainer .shopping-cart-items-row {
    padding-left: 15px;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 60em) {
  #checkoutContainer #checkoutShoppingCartContainer .shopping-cart-items-row .shopping-cart-items-row--mobile-remove,
  #checkoutContainer #checkoutPaymentShoppingCartContainer .shopping-cart-items-row .shopping-cart-items-row--mobile-remove,
  #CreditCardDetailsViewContainer #checkoutShoppingCartContainer .shopping-cart-items-row .shopping-cart-items-row--mobile-remove,
  #CreditCardDetailsViewContainer #checkoutPaymentShoppingCartContainer .shopping-cart-items-row .shopping-cart-items-row--mobile-remove,
  #checkoutPaymentOrderSummaryContainer #checkoutShoppingCartContainer .shopping-cart-items-row .shopping-cart-items-row--mobile-remove,
  #checkoutPaymentOrderSummaryContainer #checkoutPaymentShoppingCartContainer .shopping-cart-items-row .shopping-cart-items-row--mobile-remove {
    display: auto;
  }
}
#checkoutContainer #checkoutShoppingCartContainer .shopping-cart-items-row .shopping-cart-items-row--mobile-remove,
#checkoutContainer #checkoutPaymentShoppingCartContainer .shopping-cart-items-row .shopping-cart-items-row--mobile-remove,
#CreditCardDetailsViewContainer #checkoutShoppingCartContainer .shopping-cart-items-row .shopping-cart-items-row--mobile-remove,
#CreditCardDetailsViewContainer #checkoutPaymentShoppingCartContainer .shopping-cart-items-row .shopping-cart-items-row--mobile-remove,
#checkoutPaymentOrderSummaryContainer #checkoutShoppingCartContainer .shopping-cart-items-row .shopping-cart-items-row--mobile-remove,
#checkoutPaymentOrderSummaryContainer #checkoutPaymentShoppingCartContainer .shopping-cart-items-row .shopping-cart-items-row--mobile-remove {
  position: absolute;
  height: 100%;
  width: 200px;
  background: #F8F8F8;
  left: 0;
  top: 0;
  transform: translateX(-100%);
  display: flex;
  color: #B8B8B8;
  align-items: center;
  justify-content: center;
}
#checkoutContainer #checkoutShoppingCartContainer .shopping-cart-items-row .shopping-cart-items-row--mobile-remove img,
#checkoutContainer #checkoutPaymentShoppingCartContainer .shopping-cart-items-row .shopping-cart-items-row--mobile-remove img,
#CreditCardDetailsViewContainer #checkoutShoppingCartContainer .shopping-cart-items-row .shopping-cart-items-row--mobile-remove img,
#CreditCardDetailsViewContainer #checkoutPaymentShoppingCartContainer .shopping-cart-items-row .shopping-cart-items-row--mobile-remove img,
#checkoutPaymentOrderSummaryContainer #checkoutShoppingCartContainer .shopping-cart-items-row .shopping-cart-items-row--mobile-remove img,
#checkoutPaymentOrderSummaryContainer #checkoutPaymentShoppingCartContainer .shopping-cart-items-row .shopping-cart-items-row--mobile-remove img {
  height: 1.125rem;
  width: 0.875rem;
  position: absolute;
  right: 13px;
}
#checkoutContainer #checkoutShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--product,
#checkoutContainer #checkoutPaymentShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--product,
#CreditCardDetailsViewContainer #checkoutShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--product,
#CreditCardDetailsViewContainer #checkoutPaymentShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--product,
#checkoutPaymentOrderSummaryContainer #checkoutShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--product,
#checkoutPaymentOrderSummaryContainer #checkoutPaymentShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--product {
  display: flex;
  width: 100%;
}
#checkoutContainer #checkoutShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--product .shopping-cart-item-image__container,
#checkoutContainer #checkoutPaymentShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--product .shopping-cart-item-image__container,
#CreditCardDetailsViewContainer #checkoutShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--product .shopping-cart-item-image__container,
#CreditCardDetailsViewContainer #checkoutPaymentShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--product .shopping-cart-item-image__container,
#checkoutPaymentOrderSummaryContainer #checkoutShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--product .shopping-cart-item-image__container,
#checkoutPaymentOrderSummaryContainer #checkoutPaymentShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--product .shopping-cart-item-image__container {
  width: 120px;
  height: 120px;
}
#checkoutContainer #checkoutShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--product .shopping-cart-item-image__container .shopping-cart-item-image__container--inner,
#checkoutContainer #checkoutPaymentShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--product .shopping-cart-item-image__container .shopping-cart-item-image__container--inner,
#CreditCardDetailsViewContainer #checkoutShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--product .shopping-cart-item-image__container .shopping-cart-item-image__container--inner,
#CreditCardDetailsViewContainer #checkoutPaymentShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--product .shopping-cart-item-image__container .shopping-cart-item-image__container--inner,
#checkoutPaymentOrderSummaryContainer #checkoutShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--product .shopping-cart-item-image__container .shopping-cart-item-image__container--inner,
#checkoutPaymentOrderSummaryContainer #checkoutPaymentShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--product .shopping-cart-item-image__container .shopping-cart-item-image__container--inner {
  width: 120px;
  height: 120px;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 59.9375em) {
  #checkoutContainer #checkoutShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--product .shopping-cart-item-image__container,
  #checkoutContainer #checkoutPaymentShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--product .shopping-cart-item-image__container,
  #CreditCardDetailsViewContainer #checkoutShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--product .shopping-cart-item-image__container,
  #CreditCardDetailsViewContainer #checkoutPaymentShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--product .shopping-cart-item-image__container,
  #checkoutPaymentOrderSummaryContainer #checkoutShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--product .shopping-cart-item-image__container,
  #checkoutPaymentOrderSummaryContainer #checkoutPaymentShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--product .shopping-cart-item-image__container {
    width: 80px;
    height: 80px;
  }
  #checkoutContainer #checkoutShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--product .shopping-cart-item-image__container .shopping-cart-item-image__container--inner,
  #checkoutContainer #checkoutPaymentShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--product .shopping-cart-item-image__container .shopping-cart-item-image__container--inner,
  #CreditCardDetailsViewContainer #checkoutShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--product .shopping-cart-item-image__container .shopping-cart-item-image__container--inner,
  #CreditCardDetailsViewContainer #checkoutPaymentShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--product .shopping-cart-item-image__container .shopping-cart-item-image__container--inner,
  #checkoutPaymentOrderSummaryContainer #checkoutShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--product .shopping-cart-item-image__container .shopping-cart-item-image__container--inner,
  #checkoutPaymentOrderSummaryContainer #checkoutPaymentShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--product .shopping-cart-item-image__container .shopping-cart-item-image__container--inner {
    width: 80px;
    height: 80px;
  }
}
#checkoutContainer #checkoutShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--product .shopping-cart-item-image__container img,
#checkoutContainer #checkoutPaymentShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--product .shopping-cart-item-image__container img,
#CreditCardDetailsViewContainer #checkoutShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--product .shopping-cart-item-image__container img,
#CreditCardDetailsViewContainer #checkoutPaymentShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--product .shopping-cart-item-image__container img,
#checkoutPaymentOrderSummaryContainer #checkoutShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--product .shopping-cart-item-image__container img,
#checkoutPaymentOrderSummaryContainer #checkoutPaymentShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--product .shopping-cart-item-image__container img {
  align-self: center;
  max-height: 100%;
  max-width: 100%;
}
#checkoutContainer #checkoutShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--price,
#checkoutContainer #checkoutPaymentShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--price,
#CreditCardDetailsViewContainer #checkoutShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--price,
#CreditCardDetailsViewContainer #checkoutPaymentShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--price,
#checkoutPaymentOrderSummaryContainer #checkoutShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--price,
#checkoutPaymentOrderSummaryContainer #checkoutPaymentShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--price {
  text-align: center;
  width: 100px;
  height: 30px;
  font-size: 20px;
  font-weight: 700;
}
@media screen and (max-width: 59.9375em) {
  #checkoutContainer #checkoutShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--price,
  #checkoutContainer #checkoutPaymentShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--price,
  #CreditCardDetailsViewContainer #checkoutShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--price,
  #CreditCardDetailsViewContainer #checkoutPaymentShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--price,
  #checkoutPaymentOrderSummaryContainer #checkoutShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--price,
  #checkoutPaymentOrderSummaryContainer #checkoutPaymentShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--price {
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 60em) {
  #checkoutContainer #checkoutShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--price,
  #checkoutContainer #checkoutPaymentShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--price,
  #CreditCardDetailsViewContainer #checkoutShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--price,
  #CreditCardDetailsViewContainer #checkoutPaymentShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--price,
  #checkoutPaymentOrderSummaryContainer #checkoutShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--price,
  #checkoutPaymentOrderSummaryContainer #checkoutPaymentShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--price {
    margin-left: auto;
  }
}
#checkoutContainer #checkoutShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--quantity,
#checkoutContainer #checkoutPaymentShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--quantity,
#CreditCardDetailsViewContainer #checkoutShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--quantity,
#CreditCardDetailsViewContainer #checkoutPaymentShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--quantity,
#checkoutPaymentOrderSummaryContainer #checkoutShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--quantity,
#checkoutPaymentOrderSummaryContainer #checkoutPaymentShoppingCartContainer .shopping-cart-items-row .shopping-cart-item--quantity {
  justify-content: right;
  display: flex;
}
#checkoutContainer #checkoutShoppingCartContainer .shopping-cart-items-row .shopping-cart--amount-input,
#checkoutContainer #checkoutPaymentShoppingCartContainer .shopping-cart-items-row .shopping-cart--amount-input,
#CreditCardDetailsViewContainer #checkoutShoppingCartContainer .shopping-cart-items-row .shopping-cart--amount-input,
#CreditCardDetailsViewContainer #checkoutPaymentShoppingCartContainer .shopping-cart-items-row .shopping-cart--amount-input,
#checkoutPaymentOrderSummaryContainer #checkoutShoppingCartContainer .shopping-cart-items-row .shopping-cart--amount-input,
#checkoutPaymentOrderSummaryContainer #checkoutPaymentShoppingCartContainer .shopping-cart-items-row .shopping-cart--amount-input {
  width: 40px;
  height: 30px;
  text-align: center;
  background: #fff;
  margin-bottom: 0;
  margin-left: 5px;
  margin-right: 5px;
  line-height: 10px;
}
@media screen and (max-width: 59.9375em) {
  #checkoutContainer #checkoutShoppingCartContainer .shopping-cart-items-row .shopping-cart--amount-input,
  #checkoutContainer #checkoutPaymentShoppingCartContainer .shopping-cart-items-row .shopping-cart--amount-input,
  #CreditCardDetailsViewContainer #checkoutShoppingCartContainer .shopping-cart-items-row .shopping-cart--amount-input,
  #CreditCardDetailsViewContainer #checkoutPaymentShoppingCartContainer .shopping-cart-items-row .shopping-cart--amount-input,
  #checkoutPaymentOrderSummaryContainer #checkoutShoppingCartContainer .shopping-cart-items-row .shopping-cart--amount-input,
  #checkoutPaymentOrderSummaryContainer #checkoutPaymentShoppingCartContainer .shopping-cart-items-row .shopping-cart--amount-input {
    width: 20px;
    border: none;
    box-shadow: none;
    font-size: 0.875rem;
    padding-left: 0;
    padding-right: 0;
  }
}
#checkoutContainer #checkoutShoppingCartContainer .shopping-cart-item--product-description,
#checkoutContainer #checkoutPaymentShoppingCartContainer .shopping-cart-item--product-description,
#CreditCardDetailsViewContainer #checkoutShoppingCartContainer .shopping-cart-item--product-description,
#CreditCardDetailsViewContainer #checkoutPaymentShoppingCartContainer .shopping-cart-item--product-description,
#checkoutPaymentOrderSummaryContainer #checkoutShoppingCartContainer .shopping-cart-item--product-description,
#checkoutPaymentOrderSummaryContainer #checkoutPaymentShoppingCartContainer .shopping-cart-item--product-description {
  display: flex;
  flex-direction: column;
  margin-left: 20px;
  width: 100%;
}
@media screen and (max-width: 59.9375em) {
  #checkoutContainer #checkoutShoppingCartContainer .shopping-cart-item--product-description,
  #checkoutContainer #checkoutPaymentShoppingCartContainer .shopping-cart-item--product-description,
  #CreditCardDetailsViewContainer #checkoutShoppingCartContainer .shopping-cart-item--product-description,
  #CreditCardDetailsViewContainer #checkoutPaymentShoppingCartContainer .shopping-cart-item--product-description,
  #checkoutPaymentOrderSummaryContainer #checkoutShoppingCartContainer .shopping-cart-item--product-description,
  #checkoutPaymentOrderSummaryContainer #checkoutPaymentShoppingCartContainer .shopping-cart-item--product-description {
    justify-content: center;
  }
}
#checkoutContainer #checkoutShoppingCartContainer .shopping-cart-item--product-description div:not(:last-child),
#checkoutContainer #checkoutPaymentShoppingCartContainer .shopping-cart-item--product-description div:not(:last-child),
#CreditCardDetailsViewContainer #checkoutShoppingCartContainer .shopping-cart-item--product-description div:not(:last-child),
#CreditCardDetailsViewContainer #checkoutPaymentShoppingCartContainer .shopping-cart-item--product-description div:not(:last-child),
#checkoutPaymentOrderSummaryContainer #checkoutShoppingCartContainer .shopping-cart-item--product-description div:not(:last-child),
#checkoutPaymentOrderSummaryContainer #checkoutPaymentShoppingCartContainer .shopping-cart-item--product-description div:not(:last-child) {
  margin-bottom: 5px;
}
#checkoutContainer #checkoutShoppingCartContainer .shopping-cart-item--product-description .shopping-cart-item--product-description--name,
#checkoutContainer #checkoutPaymentShoppingCartContainer .shopping-cart-item--product-description .shopping-cart-item--product-description--name,
#CreditCardDetailsViewContainer #checkoutShoppingCartContainer .shopping-cart-item--product-description .shopping-cart-item--product-description--name,
#CreditCardDetailsViewContainer #checkoutPaymentShoppingCartContainer .shopping-cart-item--product-description .shopping-cart-item--product-description--name,
#checkoutPaymentOrderSummaryContainer #checkoutShoppingCartContainer .shopping-cart-item--product-description .shopping-cart-item--product-description--name,
#checkoutPaymentOrderSummaryContainer #checkoutPaymentShoppingCartContainer .shopping-cart-item--product-description .shopping-cart-item--product-description--name {
  font-size: 1.25rem;
  font-weight: 700;
}
@media screen and (max-width: 59.9375em) {
  #checkoutContainer #checkoutShoppingCartContainer .shopping-cart-item--product-description .shopping-cart-item--product-description--name,
  #checkoutContainer #checkoutPaymentShoppingCartContainer .shopping-cart-item--product-description .shopping-cart-item--product-description--name,
  #CreditCardDetailsViewContainer #checkoutShoppingCartContainer .shopping-cart-item--product-description .shopping-cart-item--product-description--name,
  #CreditCardDetailsViewContainer #checkoutPaymentShoppingCartContainer .shopping-cart-item--product-description .shopping-cart-item--product-description--name,
  #checkoutPaymentOrderSummaryContainer #checkoutShoppingCartContainer .shopping-cart-item--product-description .shopping-cart-item--product-description--name,
  #checkoutPaymentOrderSummaryContainer #checkoutPaymentShoppingCartContainer .shopping-cart-item--product-description .shopping-cart-item--product-description--name {
    font-size: 0.875rem;
  }
}
#checkoutContainer #checkoutShoppingCartContainer .shopping-cart-item--product-description .shopping-cart-item--product-description--details,
#checkoutContainer #checkoutPaymentShoppingCartContainer .shopping-cart-item--product-description .shopping-cart-item--product-description--details,
#CreditCardDetailsViewContainer #checkoutShoppingCartContainer .shopping-cart-item--product-description .shopping-cart-item--product-description--details,
#CreditCardDetailsViewContainer #checkoutPaymentShoppingCartContainer .shopping-cart-item--product-description .shopping-cart-item--product-description--details,
#checkoutPaymentOrderSummaryContainer #checkoutShoppingCartContainer .shopping-cart-item--product-description .shopping-cart-item--product-description--details,
#checkoutPaymentOrderSummaryContainer #checkoutPaymentShoppingCartContainer .shopping-cart-item--product-description .shopping-cart-item--product-description--details {
  font-size: 0.875rem;
  font-weight: normal;
}
@media screen and (max-width: 59.9375em) {
  #checkoutContainer #checkoutShoppingCartContainer .shopping-cart-item--product-description .shopping-cart-item--product-description--details span,
  #checkoutContainer #checkoutPaymentShoppingCartContainer .shopping-cart-item--product-description .shopping-cart-item--product-description--details span,
  #CreditCardDetailsViewContainer #checkoutShoppingCartContainer .shopping-cart-item--product-description .shopping-cart-item--product-description--details span,
  #CreditCardDetailsViewContainer #checkoutPaymentShoppingCartContainer .shopping-cart-item--product-description .shopping-cart-item--product-description--details span,
  #checkoutPaymentOrderSummaryContainer #checkoutShoppingCartContainer .shopping-cart-item--product-description .shopping-cart-item--product-description--details span,
  #checkoutPaymentOrderSummaryContainer #checkoutPaymentShoppingCartContainer .shopping-cart-item--product-description .shopping-cart-item--product-description--details span {
    margin-left: 10px;
  }
}
#checkoutContainer #checkoutShoppingCartContainer .shopping-cart-item--product-description .shopping-cart-item--product-description--details.in-stock,
#checkoutContainer #checkoutPaymentShoppingCartContainer .shopping-cart-item--product-description .shopping-cart-item--product-description--details.in-stock,
#CreditCardDetailsViewContainer #checkoutShoppingCartContainer .shopping-cart-item--product-description .shopping-cart-item--product-description--details.in-stock,
#CreditCardDetailsViewContainer #checkoutPaymentShoppingCartContainer .shopping-cart-item--product-description .shopping-cart-item--product-description--details.in-stock,
#checkoutPaymentOrderSummaryContainer #checkoutShoppingCartContainer .shopping-cart-item--product-description .shopping-cart-item--product-description--details.in-stock,
#checkoutPaymentOrderSummaryContainer #checkoutPaymentShoppingCartContainer .shopping-cart-item--product-description .shopping-cart-item--product-description--details.in-stock {
  color: #58BF4F;
}
#checkoutContainer #checkoutShoppingCartContainer .shopping-cart-item--product-description .shopping-cart-item--product-description--details.awaiting-stock,
#checkoutContainer #checkoutPaymentShoppingCartContainer .shopping-cart-item--product-description .shopping-cart-item--product-description--details.awaiting-stock,
#CreditCardDetailsViewContainer #checkoutShoppingCartContainer .shopping-cart-item--product-description .shopping-cart-item--product-description--details.awaiting-stock,
#CreditCardDetailsViewContainer #checkoutPaymentShoppingCartContainer .shopping-cart-item--product-description .shopping-cart-item--product-description--details.awaiting-stock,
#checkoutPaymentOrderSummaryContainer #checkoutShoppingCartContainer .shopping-cart-item--product-description .shopping-cart-item--product-description--details.awaiting-stock,
#checkoutPaymentOrderSummaryContainer #checkoutPaymentShoppingCartContainer .shopping-cart-item--product-description .shopping-cart-item--product-description--details.awaiting-stock {
  color: #F28C40;
}
#checkoutContainer #checkoutShoppingCartContainer .shopping-cart-item--product-description .shopping-cart-item--product-description--free-gift-avainable,
#checkoutContainer #checkoutPaymentShoppingCartContainer .shopping-cart-item--product-description .shopping-cart-item--product-description--free-gift-avainable,
#CreditCardDetailsViewContainer #checkoutShoppingCartContainer .shopping-cart-item--product-description .shopping-cart-item--product-description--free-gift-avainable,
#CreditCardDetailsViewContainer #checkoutPaymentShoppingCartContainer .shopping-cart-item--product-description .shopping-cart-item--product-description--free-gift-avainable,
#checkoutPaymentOrderSummaryContainer #checkoutShoppingCartContainer .shopping-cart-item--product-description .shopping-cart-item--product-description--free-gift-avainable,
#checkoutPaymentOrderSummaryContainer #checkoutPaymentShoppingCartContainer .shopping-cart-item--product-description .shopping-cart-item--product-description--free-gift-avainable {
  font-size: 0.875rem;
  font-weight: bold;
  color: red;
}
#checkoutContainer #checkoutShoppingCartContainer .shopping-cart-item--product-description .shopping-cart-item--product-description--remove,
#checkoutContainer #checkoutPaymentShoppingCartContainer .shopping-cart-item--product-description .shopping-cart-item--product-description--remove,
#CreditCardDetailsViewContainer #checkoutShoppingCartContainer .shopping-cart-item--product-description .shopping-cart-item--product-description--remove,
#CreditCardDetailsViewContainer #checkoutPaymentShoppingCartContainer .shopping-cart-item--product-description .shopping-cart-item--product-description--remove,
#checkoutPaymentOrderSummaryContainer #checkoutShoppingCartContainer .shopping-cart-item--product-description .shopping-cart-item--product-description--remove,
#checkoutPaymentOrderSummaryContainer #checkoutPaymentShoppingCartContainer .shopping-cart-item--product-description .shopping-cart-item--product-description--remove {
  font-size: 0.875rem;
  color: #B8B8B8;
  font-weight: 500;
  user-select: none;
}
#checkoutContainer #checkoutShoppingCartContainer .shopping-cart-item--product-description .shopping-cart-item--product-description--remove:hover,
#checkoutContainer #checkoutPaymentShoppingCartContainer .shopping-cart-item--product-description .shopping-cart-item--product-description--remove:hover,
#CreditCardDetailsViewContainer #checkoutShoppingCartContainer .shopping-cart-item--product-description .shopping-cart-item--product-description--remove:hover,
#CreditCardDetailsViewContainer #checkoutPaymentShoppingCartContainer .shopping-cart-item--product-description .shopping-cart-item--product-description--remove:hover,
#checkoutPaymentOrderSummaryContainer #checkoutShoppingCartContainer .shopping-cart-item--product-description .shopping-cart-item--product-description--remove:hover,
#checkoutPaymentOrderSummaryContainer #checkoutPaymentShoppingCartContainer .shopping-cart-item--product-description .shopping-cart-item--product-description--remove:hover {
  cursor: pointer;
}
#checkoutContainer #checkoutShoppingCartContainer .checkout-amount-change,
#checkoutContainer #checkoutPaymentShoppingCartContainer .checkout-amount-change,
#CreditCardDetailsViewContainer #checkoutShoppingCartContainer .checkout-amount-change,
#CreditCardDetailsViewContainer #checkoutPaymentShoppingCartContainer .checkout-amount-change,
#checkoutPaymentOrderSummaryContainer #checkoutShoppingCartContainer .checkout-amount-change,
#checkoutPaymentOrderSummaryContainer #checkoutPaymentShoppingCartContainer .checkout-amount-change {
  margin: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#checkoutContainer #checkoutShoppingCartContainer .checkout-amount-change:hover,
#checkoutContainer #checkoutPaymentShoppingCartContainer .checkout-amount-change:hover,
#CreditCardDetailsViewContainer #checkoutShoppingCartContainer .checkout-amount-change:hover,
#CreditCardDetailsViewContainer #checkoutPaymentShoppingCartContainer .checkout-amount-change:hover,
#checkoutPaymentOrderSummaryContainer #checkoutShoppingCartContainer .checkout-amount-change:hover,
#checkoutPaymentOrderSummaryContainer #checkoutPaymentShoppingCartContainer .checkout-amount-change:hover {
  cursor: pointer;
}
#checkoutContainer #checkoutShoppingCartContainer .checkout-amount-change span,
#checkoutContainer #checkoutPaymentShoppingCartContainer .checkout-amount-change span,
#CreditCardDetailsViewContainer #checkoutShoppingCartContainer .checkout-amount-change span,
#CreditCardDetailsViewContainer #checkoutPaymentShoppingCartContainer .checkout-amount-change span,
#checkoutPaymentOrderSummaryContainer #checkoutShoppingCartContainer .checkout-amount-change span,
#checkoutPaymentOrderSummaryContainer #checkoutPaymentShoppingCartContainer .checkout-amount-change span {
  transition: all 0.2s ease-in-out;
  background: #333333;
}
@media screen and (max-width: 59.9375em) {
  #checkoutContainer #checkoutShoppingCartContainer .checkout-amount-change span,
  #checkoutContainer #checkoutPaymentShoppingCartContainer .checkout-amount-change span,
  #CreditCardDetailsViewContainer #checkoutShoppingCartContainer .checkout-amount-change span,
  #CreditCardDetailsViewContainer #checkoutPaymentShoppingCartContainer .checkout-amount-change span,
  #checkoutPaymentOrderSummaryContainer #checkoutShoppingCartContainer .checkout-amount-change span,
  #checkoutPaymentOrderSummaryContainer #checkoutPaymentShoppingCartContainer .checkout-amount-change span {
    background: #E5E5E5;
  }
}
#checkoutContainer #checkoutShoppingCartContainer .checkout-amount-change span:first-child,
#checkoutContainer #checkoutPaymentShoppingCartContainer .checkout-amount-change span:first-child,
#CreditCardDetailsViewContainer #checkoutShoppingCartContainer .checkout-amount-change span:first-child,
#CreditCardDetailsViewContainer #checkoutPaymentShoppingCartContainer .checkout-amount-change span:first-child,
#checkoutPaymentOrderSummaryContainer #checkoutShoppingCartContainer .checkout-amount-change span:first-child,
#checkoutPaymentOrderSummaryContainer #checkoutPaymentShoppingCartContainer .checkout-amount-change span:first-child {
  width: 14px;
  height: 2px;
}
#checkoutContainer #checkoutShoppingCartContainer .checkout-amount-change:active span,
#checkoutContainer #checkoutPaymentShoppingCartContainer .checkout-amount-change:active span,
#CreditCardDetailsViewContainer #checkoutShoppingCartContainer .checkout-amount-change:active span,
#CreditCardDetailsViewContainer #checkoutPaymentShoppingCartContainer .checkout-amount-change:active span,
#checkoutPaymentOrderSummaryContainer #checkoutShoppingCartContainer .checkout-amount-change:active span,
#checkoutPaymentOrderSummaryContainer #checkoutPaymentShoppingCartContainer .checkout-amount-change:active span {
  transform: scale(1.2);
}
#checkoutContainer #checkoutShoppingCartContainer .shopping-cart-item--product-description--remove,
#checkoutContainer #checkoutPaymentShoppingCartContainer .shopping-cart-item--product-description--remove,
#CreditCardDetailsViewContainer #checkoutShoppingCartContainer .shopping-cart-item--product-description--remove,
#CreditCardDetailsViewContainer #checkoutPaymentShoppingCartContainer .shopping-cart-item--product-description--remove,
#checkoutPaymentOrderSummaryContainer #checkoutShoppingCartContainer .shopping-cart-item--product-description--remove,
#checkoutPaymentOrderSummaryContainer #checkoutPaymentShoppingCartContainer .shopping-cart-item--product-description--remove {
  font-size: 16px;
}
#checkoutContainer #checkoutShoppingCartContainer .shopping-cart-item--product-description--remove img,
#checkoutContainer #checkoutPaymentShoppingCartContainer .shopping-cart-item--product-description--remove img,
#CreditCardDetailsViewContainer #checkoutShoppingCartContainer .shopping-cart-item--product-description--remove img,
#CreditCardDetailsViewContainer #checkoutPaymentShoppingCartContainer .shopping-cart-item--product-description--remove img,
#checkoutPaymentOrderSummaryContainer #checkoutShoppingCartContainer .shopping-cart-item--product-description--remove img,
#checkoutPaymentOrderSummaryContainer #checkoutPaymentShoppingCartContainer .shopping-cart-item--product-description--remove img {
  height: 18px;
}
#checkoutContainer #checkoutShoppingCartContainer .checkout-amount-change--plus span:last-child,
#checkoutContainer #checkoutPaymentShoppingCartContainer .checkout-amount-change--plus span:last-child,
#CreditCardDetailsViewContainer #checkoutShoppingCartContainer .checkout-amount-change--plus span:last-child,
#CreditCardDetailsViewContainer #checkoutPaymentShoppingCartContainer .checkout-amount-change--plus span:last-child,
#checkoutPaymentOrderSummaryContainer #checkoutShoppingCartContainer .checkout-amount-change--plus span:last-child,
#checkoutPaymentOrderSummaryContainer #checkoutPaymentShoppingCartContainer .checkout-amount-change--plus span:last-child {
  height: 14px;
  width: 2px;
  margin-left: -7.5px;
  margin-right: 6px;
}
@media screen and (min-width: 60em) {
  #checkoutContainer #checkoutPaymentShoppingCartContainer,
  #CreditCardDetailsViewContainer #checkoutPaymentShoppingCartContainer,
  #checkoutPaymentOrderSummaryContainer #checkoutPaymentShoppingCartContainer {
    width: 90%;
  }
}
@media screen and (max-width: 59.9375em) {
  #checkoutContainer #checkoutPaymentShoppingCartContainer .shopping-cart-items-row,
  #CreditCardDetailsViewContainer #checkoutPaymentShoppingCartContainer .shopping-cart-items-row,
  #checkoutPaymentOrderSummaryContainer #checkoutPaymentShoppingCartContainer .shopping-cart-items-row {
    justify-content: space-between;
  }
}
#checkoutContainer #checkoutOrderPaymentSummaryContainer,
#CreditCardDetailsViewContainer #checkoutOrderPaymentSummaryContainer,
#checkoutPaymentOrderSummaryContainer #checkoutOrderPaymentSummaryContainer {
  background: none;
  padding: 0;
}
#checkoutContainer #checkoutOrderPaymentSummaryContainer #placeAnOrderButton,
#CreditCardDetailsViewContainer #checkoutOrderPaymentSummaryContainer #placeAnOrderButton,
#checkoutPaymentOrderSummaryContainer #checkoutOrderPaymentSummaryContainer #placeAnOrderButton {
  margin-top: 40px;
}

.checkout_items_list_container {
  margin-bottom: 50px;
  margin-right: 50px;
  width: 100%;
}

.shopping-cart-title-row h3 {
  font-size: 1.625rem;
  font-weight: 700;
}
@media screen and (min-width: 60em) {
  .shopping-cart-title-row {
    display: flex;
    margin-bottom: 40px;
  }
  .shopping-cart-title-row h3 {
    margin-right: 50px;
  }
}
@media screen and (max-width: 59.9375em) {
  .shopping-cart-title-row {
    position: relative;
    margin-bottom: 50px;
  }
}
.shopping-cart-title-row .grey_out_step {
  color: #E5E5E5;
}
.shopping-cart-title-row .grey_out_step a {
  color: #E5E5E5;
}
.shopping-cart-title-row .clickable_grey_out_step a:hover {
  color: #333333;
}

#checkoutOrderSummaryContainer {
  padding: 20px !important;
  max-width: 320px;
  background-color: #ededed;
  line-height: 2;
}

#checkoutOrderSummaryContainer,
#checkoutOrderPaymentPaymentContainer,
#checkoutOrderPaymentSummaryContainer {
  display: flex;
  flex-direction: column;
  width: 400px;
  padding: 40px 10px 50px;
  align-self: flex-start;
  margin-right: 0;
  color: #333333;
  font-size: 20px;
}
@media screen and (max-width: 59.9375em) {
  #checkoutOrderSummaryContainer,
  #checkoutOrderPaymentPaymentContainer,
  #checkoutOrderPaymentSummaryContainer {
    width: 100%;
  }
}
#checkoutOrderSummaryContainer > div:first-of-type,
#checkoutOrderPaymentPaymentContainer > div:first-of-type,
#checkoutOrderPaymentSummaryContainer > div:first-of-type {
  margin-top: 0;
}
#checkoutOrderSummaryContainer h3,
#checkoutOrderPaymentPaymentContainer h3,
#checkoutOrderPaymentSummaryContainer h3 {
  margin-bottom: 103px;
}
@media screen and (max-width: 59.9375em) {
  #checkoutOrderSummaryContainer h3,
  #checkoutOrderPaymentPaymentContainer h3,
  #checkoutOrderPaymentSummaryContainer h3 {
    margin-bottom: 30px;
    font-size: 1.125rem;
    text-align: center;
  }
}
#checkoutOrderSummaryContainer h2,
#checkoutOrderPaymentPaymentContainer h2,
#checkoutOrderPaymentSummaryContainer h2 {
  font-size: 1.625rem;
  margin-bottom: 48px;
}
#checkoutOrderSummaryContainer .checkout__order-summary__line,
#checkoutOrderPaymentPaymentContainer .checkout__order-summary__line,
#checkoutOrderPaymentSummaryContainer .checkout__order-summary__line {
  color: #333333;
  white-space: nowrap;
}
@media screen and (max-width: 59.9375em) {
  #checkoutOrderSummaryContainer .checkout__order-summary__line,
  #checkoutOrderPaymentPaymentContainer .checkout__order-summary__line,
  #checkoutOrderPaymentSummaryContainer .checkout__order-summary__line {
    font-size: 0.875rem;
    margin-top: 15px;
  }
}
#checkoutOrderSummaryContainer .checkout__order-summary__line--horizontal,
#checkoutOrderPaymentPaymentContainer .checkout__order-summary__line--horizontal,
#checkoutOrderPaymentSummaryContainer .checkout__order-summary__line--horizontal {
  display: flex;
  font-weight: 500;
}
#checkoutOrderSummaryContainer .checkout__order-summary__line--horizontal span:first-child,
#checkoutOrderPaymentPaymentContainer .checkout__order-summary__line--horizontal span:first-child,
#checkoutOrderPaymentSummaryContainer .checkout__order-summary__line--horizontal span:first-child {
  width: 150px;
}
#checkoutOrderSummaryContainer .checkout__order-summary__line--horizontal span:last-child,
#checkoutOrderPaymentPaymentContainer .checkout__order-summary__line--horizontal span:last-child,
#checkoutOrderPaymentSummaryContainer .checkout__order-summary__line--horizontal span:last-child {
  font-weight: 500;
  width: 175px;
  text-align: right;
}
#checkoutOrderSummaryContainer .checkout__order-summary__line--horizontal.order_total,
#checkoutOrderPaymentPaymentContainer .checkout__order-summary__line--horizontal.order_total,
#checkoutOrderPaymentSummaryContainer .checkout__order-summary__line--horizontal.order_total {
  font-weight: 700;
}
#checkoutOrderSummaryContainer .checkout__order-summary__line--vertical > *:not(:first-child),
#checkoutOrderPaymentPaymentContainer .checkout__order-summary__line--vertical > *:not(:first-child),
#checkoutOrderPaymentSummaryContainer .checkout__order-summary__line--vertical > *:not(:first-child) {
  margin-top: 10px;
}
#checkoutOrderSummaryContainer .input-shadow,
#checkoutOrderPaymentPaymentContainer .input-shadow,
#checkoutOrderPaymentSummaryContainer .input-shadow {
  border: none;
  box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.15);
}
#checkoutOrderSummaryContainer .checkout__basket-button,
#checkoutOrderPaymentPaymentContainer .checkout__basket-button,
#checkoutOrderPaymentSummaryContainer .checkout__basket-button {
  width: 100px;
  height: 50px;
}
@media screen and (max-width: 59.9375em) {
  #checkoutOrderSummaryContainer .checkout__basket-button,
  #checkoutOrderPaymentPaymentContainer .checkout__basket-button,
  #checkoutOrderPaymentSummaryContainer .checkout__basket-button {
    padding: 0;
    height: 40px;
    font-size: 0.875rem;
  }
}
#checkoutOrderSummaryContainer #promoCodeForm,
#checkoutOrderPaymentPaymentContainer #promoCodeForm,
#checkoutOrderPaymentSummaryContainer #promoCodeForm {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
#checkoutOrderSummaryContainer #promoCode,
#checkoutOrderPaymentPaymentContainer #promoCode,
#checkoutOrderPaymentSummaryContainer #promoCode {
  width: 225px;
  height: 50px;
  font-size: 1.125rem;
  font-weight: 500;
  color: #333333;
}
@media screen and (max-width: 59.9375em) {
  #checkoutOrderSummaryContainer #promoCode,
  #checkoutOrderPaymentPaymentContainer #promoCode,
  #checkoutOrderPaymentSummaryContainer #promoCode {
    width: 190px;
    height: 40px;
    font-size: 0.875rem;
  }
}
#checkoutOrderSummaryContainer #checkout-button,
#checkoutOrderPaymentPaymentContainer #checkout-button,
#checkoutOrderPaymentSummaryContainer #checkout-button {
  align-self: center;
}
#checkoutOrderSummaryContainer #checkout-button:not(.as_second_in_column),
#checkoutOrderPaymentPaymentContainer #checkout-button:not(.as_second_in_column),
#checkoutOrderPaymentSummaryContainer #checkout-button:not(.as_second_in_column) {
  margin-top: 30px;
}
#checkoutOrderSummaryContainer #checkout-step-1,
#checkoutOrderPaymentPaymentContainer #checkout-step-1,
#checkoutOrderPaymentSummaryContainer #checkout-step-1 {
  margin-top: 30px;
}
#checkoutOrderSummaryContainer #checkout-step-1 .as_first_in_column,
#checkoutOrderPaymentPaymentContainer #checkout-step-1 .as_first_in_column,
#checkoutOrderPaymentSummaryContainer #checkout-step-1 .as_first_in_column {
  margin: 0;
}

#checkoutOrderPaymentPaymentContainer {
  width: 100%;
  max-width: 620px;
  float: left;
}

#checkoutChoosePaymentMethodContainer {
  background: #F8F8F8;
}
@media screen and (max-width: 59.9375em) {
  #checkoutChoosePaymentMethodContainer {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 59.9375em) {
  #checkoutChoosePaymentMethodContainer .main-title {
    text-align: center;
    font-size: 1.125rem;
  }
}

#checkoutReviewYourOrderAddresses {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}
@media screen and (max-width: 59.9375em) {
  #checkoutReviewYourOrderAddresses {
    flex-direction: column;
  }
}
#checkoutReviewYourOrderAddresses .checkout-payment__address {
  width: 300px;
  padding-right: 50px;
}
@media screen and (max-width: 59.9375em) {
  #checkoutReviewYourOrderAddresses .checkout-payment__address {
    width: 100%;
  }
}
#checkoutReviewYourOrderAddresses .checkout-payment__address p {
  overflow-wrap: break-word;
  word-wrap: break-word;
  line-height: 1 !important;
  margin-bottom: 10px;
}
#checkoutReviewYourOrderAddresses .checkout-payment__client-comments {
  width: 580px;
}
@media screen and (max-width: 59.9375em) {
  #checkoutReviewYourOrderAddresses .checkout-payment__client-comments {
    width: 100%;
  }
}
@media screen and (min-width: 60em) {
  #checkoutReviewYourOrderAddresses .shipping-address-box {
    margin-top: 45px;
  }
}
@media screen and (max-width: 59.9375em) {
  #checkoutReviewYourOrderAddresses .shipping-address-box p {
    text-align: left;
    margin-bottom: 40px;
  }
}
#checkoutReviewYourOrderAddresses .checkout-payment__client-comments p {
  margin-top: 45px;
}
#checkoutReviewYourOrderAddresses .shipping-address-box p,
#checkoutReviewYourOrderAddresses .checkout-payment__client-comments p {
  font-size: 0.875rem;
  line-height: 1.5;
}
@media screen and (max-width: 59.9375em) {
  #checkoutReviewYourOrderAddresses .shipping__add__mobile__container {
    font-size: 1rem;
  }
}

#checkoutThanksContainer {
  display: flex;
  align-items: center;
  justify-content: center;
}
#checkoutThanksContainer img {
  height: 430px;
}
@media screen and (max-width: 59.9375em) {
  #checkoutThanksContainer img {
    height: 220px;
  }
}
@media screen and (max-width: 59.9375em) {
  #checkoutThanksContainer h3 {
    font-style: 1.125rem;
    text-align: center;
  }
}

#checkoutBankTransferDetails th {
  background: none;
  color: #333333;
}
@media screen and (min-width: 60em) {
  #checkoutBankTransferDetails {
    width: 450px;
  }
}

#CreditCardUSWarningContainer {
  float: right;
  margin-top: 160px;
}
#CreditCardUSWarningContainer .flag-icon {
  width: 2rem;
  float: left;
  margin-right: 15px;
}
#CreditCardUSWarningContainer .message-box {
  max-width: 290px;
  display: flex;
}

#CreditCardDetailsViewContainer {
  justify-content: space-between;
}
#CreditCardDetailsViewContainer #CreditCardData input, #CreditCardDetailsViewContainer #CreditCardData select {
  border: none;
  box-shadow: 0 0 30px 0 rgba(175, 182, 217, 0.21);
}
#CreditCardDetailsViewContainer #CreditCardData input[name=cv2] {
  width: 180px;
}
#CreditCardDetailsViewContainer #CreditCardData .card-expire-date-container {
  display: flex;
}
#CreditCardDetailsViewContainer #CreditCardData .card-expire-date-container select {
  width: 80px;
}
#CreditCardDetailsViewContainer #CreditCardData .card-expire-date-container select:first-of-type {
  margin-right: 20px;
}
#CreditCardDetailsViewContainer #CreditCardData .card-expire-date-container .card-expire-date__text {
  margin-right: 20px;
}
#CreditCardDetailsViewContainer #CreditCardData .card-expire-date-container .card-expire-date__text p:first-of-type {
  font-size: 0.75rem;
  font-weight: 500;
  margin-bottom: 5px;
}
#CreditCardDetailsViewContainer #CreditCardData .card-expire-date-container .card-expire-date__text p:last-child {
  font-size: 0.6875rem;
  color: #a2a2a3;
  margin-bottom: 0;
}
#CreditCardDetailsViewContainer #checkoutOrderPaymentSummaryContainer {
  width: 340px;
}
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  #CreditCardDetailsViewContainer #checkoutOrderPaymentSummaryContainer {
    width: 100%;
  }
}

.credit_card__payment_top_text {
  margin-top: 90px;
  font-size: 0.875rem;
}
@media screen and (max-width: 59.9375em) {
  .credit_card__payment_top_text {
    margin-top: 0;
  }
}

#PaymentDetailsMobileHeader {
  margin-bottom: 0;
  padding-bottom: 0;
}

#processingAnimationContainer {
  display: none;
  position: fixed;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 100000000000000000000000000000;
}

.product-section-top-part-class {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  align-items: center;
}
.product-section-top-part-class .buy-product__left-col {
  width: 35%;
  min-width: 300px;
}
@media screen and (max-width: 59.9375em) {
  .product-section-top-part-class .buy-product__left-col {
    width: 100%;
  }
}
.product-section-top-part-class .buy-product__left-col div.big-bottle-image {
  position: relative; /* Set position so :after has a reference point */
  cursor: zoom-in;
}
.product-section-top-part-class .buy-product__left-col div.big-bottle-image img {
  max-width: 85%;
  max-height: 400px;
}
.product-section-top-part-class .buy-product__left-col div.big-bottle-image:after {
  content: ""; /* Ensure the :after element is created */
  background-image: url("/site_media/images/icons/zoom-icon.svg");
  background-size: contain; /* Ensures the image is fully displayed */
  background-repeat: no-repeat;
  position: absolute;
  bottom: 10px;
  left: 50px;
  width: 44px; /* Set specific width for the icon */
  height: 44px; /* Set specific height for the icon */
}
.product-section-top-part-class .buy-product__left-col .tiny_galery_under_big_photo {
  padding-top: 10px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  cursor: zoom-in;
}
.product-section-top-part-class .buy-product__left-col .tiny_galery_under_big_photo .tiny_thumb_tiny_galery {
  height: 100px;
  max-width: 400px;
  width: 400px;
  transition: all 0.2s ease;
  align-content: center;
  margin-right: 5px;
}
.product-section-top-part-class .buy-product__left-col .tiny_galery_under_big_photo .tiny_thumb_tiny_galery img {
  transition: all 0.2s ease;
  max-width: 90%;
  max-height: 100px;
}
.product-section-top-part-class .buy-product__left-col .tiny_galery_under_big_photo .tiny_thumb_tiny_galery:hover img {
  transform: scale(2);
}
.product-section-top-part-class .buy-product__right-col {
  min-width: 350px;
  width: fit-content;
}

.family_top_image {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.family_top_image .buy-product__left-col {
  min-width: 300px;
  width: 30%;
}
.family_top_image .buy-product__right-col {
  min-width: 350px;
  width: 50%;
}
@media screen and (max-width: 59.9375em) {
  .family_top_image .buy-product__left-col {
    max-width: 300px;
    width: 100%;
    min-width: 100%;
  }
  .family_top_image .buy-product__right-col {
    max-width: 430px;
    width: 100%;
  }
}

.product-section-buy_price_row-class {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.product-section-buy_price_row-class .buy-product__quantity-left-col {
  width: 300px;
}
.product-section-buy_price_row-class .buy-product__price-right-col {
  margin-left: 50px;
}
@media screen and (max-width: 59.9375em) {
  .product-section-buy_price_row-class .price_text_and_buttons_section {
    width: 100% !important;
  }
}

.show_on_variant_selected:not(.show) {
  display: none;
}

.galery_main_window:not(.display) {
  display: none !important;
}

.galery_main_window.show.display {
  background-color: rgba(32, 32, 32, 0.8);
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.galery_main_window.show.display .galery-close-button {
  cursor: pointer;
  position: absolute;
  z-index: 1000;
  right: 10px;
  width: 40px;
  font-weight: 100;
  font-size: 2rem;
  background-color: rgba(255, 255, 255, 0.4);
}
.galery_main_window.show.display .galery_wrapper {
  background-color: white;
  max-width: 100%;
  height: 100%;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.galery_main_window.show.display .galery_wrapper .galery_image_carousel {
  display: flex;
  position: absolute;
  height: 80%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.galery_main_window.show.display .galery_wrapper .galery_image_carousel .img_section {
  position: relative;
  flex: 0 0 100%;
  width: 100%;
  left: 0%;
  transition: all 0.2s linear;
  align-content: center;
  overflow: auto;
}
.galery_main_window.show.display .galery_wrapper .galery_image_carousel .img_section img {
  cursor: zoom-in;
  max-width: min(1180px, 100%);
  max-height: 100%;
}
.galery_main_window.show.display .galery_wrapper .galery_image_carousel .img_section.zoomed_in {
  height: 125%;
}
.galery_main_window.show.display .galery_wrapper .galery_image_carousel .img_section.zoomed_in img {
  max-width: unset;
  max-height: 600%;
  height: 600%;
  cursor: zoom-out;
}
.galery_main_window.show.display .galery_wrapper .galery_image_carousel .img_section .img_section_description {
  position: absolute;
  transform: translateX(-50%);
  bottom: 0;
  left: 50%;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 3rem;
  padding: 0 1rem;
}
.galery_main_window.show.display .galery_wrapper .galery_image_carousel .img_section .img_section_description img {
  cursor: default;
}
.galery_main_window.show.display .galery_wrapper .galery_image_carousel .img_global_arrows {
  position: absolute;
  top: 50%;
  cursor: pointer;
}
.galery_main_window.show.display .galery_wrapper .galery_image_carousel .img_global_arrows div {
  position: fixed;
  translate: 0 -50%;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 1rem;
  font-size: 2rem;
  padding: 0 20px;
}
.galery_main_window.show.display .galery_wrapper .galery_image_carousel .img_global_arrows div.next_arrow {
  right: 10px;
}
.galery_main_window.show.display .galery_wrapper .thumbs_section {
  display: flex;
  margin: auto auto 0 auto;
  z-index: 1;
}
.galery_main_window.show.display .galery_wrapper .thumbs_section .thumb_img {
  transition: all 0.2s ease;
  cursor: pointer;
  margin: 5px;
  width: min(100px, 25%);
  align-content: center;
  background-color: rgba(255, 255, 255, 0.2);
  border-bottom: 2px solid white;
}
.galery_main_window.show.display .galery_wrapper .thumbs_section .thumb_img img {
  transition: all 0.2s ease;
  cursor: pointer;
  max-width: 100%;
  max-height: 100%;
}
.galery_main_window.show.display .galery_wrapper .thumbs_section .thumb_img.selected {
  border-bottom: 2px solid #ff5a00;
  background-color: rgba(0, 0, 0, 0.2);
}
.galery_main_window.show.display .galery_wrapper .thumbs_section .thumb_img.selected img {
  cursor: default;
  max-width: 80%;
  max-height: 80%;
}

.product-box__variant-select__mobile {
  display: flex;
  flex-wrap: wrap;
}
.product-box__variant-select__mobile .product-box__variant-select-options-option {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  border-radius: 3px;
  margin: 0 10px 10px 0;
  cursor: pointer;
  background: #F8F8F8;
  font-size: 13px;
  font-weight: 600;
  text-align: center !important;
  padding: 10px 15px !important;
}
.product-box__variant-select__mobile .product-box__variant-select-options-option.selected {
  background: #58BF4F;
}
.product-box__variant-select__mobile .product-box__variant-select-options-option.selected div {
  color: white;
}
.product-box__variant-select__mobile .product-box__variant-select-options-option .code_weight_small_split {
  display: flex;
  gap: 10px;
  font-weight: normal;
  font-size: 12px;
  justify-content: space-around;
}

.product-box-row {
  display: flex;
  justify-content: space-between;
  max-width: 745px;
  margin: 0 20px 0 10px;
}
.product-box-row div {
  margin: 0 !important;
}

@media screen and (max-width: 69.9375em) {
  .top-banner-background--product-page {
    display: none;
  }
}

.top-banner-image {
  height: 280px;
  transform: translateY(-15%);
}

@media screen and (max-width: 69.9375em) {
  .top-banner-item--product-page {
    flex-direction: column;
    padding-top: 20px;
  }
}
@media screen and (max-width: 39.9375em) {
  .top-banner-item--product-page .product-quotes-text {
    font-size: 0.875rem;
    text-align: left;
    white-space: normal;
  }
  .top-banner-item--product-page .top-banner-title {
    text-align: left;
    font-size: 1.25rem;
  }
}

@media screen and (max-width: 39.9375em) {
  #topBannerShop {
    display: none !important;
  }
}

#topBannerShop .slick-dots,
#carouselHomepage .slick-dots,
#homepageGutsMobileCarousel .slick-dots,
#Preparation .slick-dots,
#caseStudyHomeBanner .slick-dots,
#checkoutContainer .slick-dots,
.slider_addresses .slick-dots,
.frequently-bought-together__container--slider .slick-dots,
.results__row .slick-dots,
.payment-method_row .slick-dots,
.gifts-container .slick-dots {
  position: absolute;
  bottom: 40px;
  list-style-type: none;
  margin: 0;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
}
#topBannerShop .slick-dots .slick-active button,
#carouselHomepage .slick-dots .slick-active button,
#homepageGutsMobileCarousel .slick-dots .slick-active button,
#Preparation .slick-dots .slick-active button,
#caseStudyHomeBanner .slick-dots .slick-active button,
#checkoutContainer .slick-dots .slick-active button,
.slider_addresses .slick-dots .slick-active button,
.frequently-bought-together__container--slider .slick-dots .slick-active button,
.results__row .slick-dots .slick-active button,
.payment-method_row .slick-dots .slick-active button,
.gifts-container .slick-dots .slick-active button {
  background-color: #888888;
}
#topBannerShop .slick-dots li,
#carouselHomepage .slick-dots li,
#homepageGutsMobileCarousel .slick-dots li,
#Preparation .slick-dots li,
#caseStudyHomeBanner .slick-dots li,
#checkoutContainer .slick-dots li,
.slider_addresses .slick-dots li,
.frequently-bought-together__container--slider .slick-dots li,
.results__row .slick-dots li,
.payment-method_row .slick-dots li,
.gifts-container .slick-dots li {
  margin-left: 10px;
  margin-right: 10px;
  display: inline-block;
}
#topBannerShop .slick-dots li:hover,
#carouselHomepage .slick-dots li:hover,
#homepageGutsMobileCarousel .slick-dots li:hover,
#Preparation .slick-dots li:hover,
#caseStudyHomeBanner .slick-dots li:hover,
#checkoutContainer .slick-dots li:hover,
.slider_addresses .slick-dots li:hover,
.frequently-bought-together__container--slider .slick-dots li:hover,
.results__row .slick-dots li:hover,
.payment-method_row .slick-dots li:hover,
.gifts-container .slick-dots li:hover {
  cursor: pointer;
}
#topBannerShop .slick-dots li button,
#carouselHomepage .slick-dots li button,
#homepageGutsMobileCarousel .slick-dots li button,
#Preparation .slick-dots li button,
#caseStudyHomeBanner .slick-dots li button,
#checkoutContainer .slick-dots li button,
.slider_addresses .slick-dots li button,
.frequently-bought-together__container--slider .slick-dots li button,
.results__row .slick-dots li button,
.payment-method_row .slick-dots li button,
.gifts-container .slick-dots li button {
  font-size: 0;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  border: 1px solid #888888;
}

.payment-method_row .slick-dots {
  bottom: unset;
}

#slider-shipping-addresses-id .slick-slide {
  margin-left: 10px;
  margin-right: 10px;
}
#slider-shipping-addresses-id .slick-dots {
  bottom: -20px;
}

.product-quotes-text {
  font-size: 1.25rem;
}

.product-page-download-image--first {
  margin-bottom: 40px;
}

.product-page-download-image {
  width: 100%;
  height: auto;
}

.filter-button-small {
  overflow: hidden;
  display: inline-block;
  background-color: #F28C40;
  padding: 5px 60px;
  height: auto;
  border: 0;
  cursor: pointer;
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-transition: all 100ms ease-in;
  -webkit-transition: all 100ms ease-in;
  -o-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
}
.filter-button-small:not(.disabled):hover {
  cursor: pointer;
}
.filter-button-small:not(.disabled):focus {
  color: #fff;
}
.filter-button-small a {
  text-transform: uppercase;
  color: white;
}
.filter-button-small {
  display: inline-block;
  font-size: 1.25rem;
  color: #ffffff;
  text-align: center;
  margin: 0 0 10px;
  height: 50px;
  border-radius: 3px;
}
@media screen and (max-width: 59.9375em) {
  .filter-button-small {
    width: 100%;
    padding: 15px 50px;
    font-size: 1.125rem;
  }
}
.filter-button-small {
  font-size: 1rem;
}
@media screen and (min-width: 60em) {
  .filter-button-small {
    padding: 5px 0;
    width: 300px;
    max-width: 100%;
  }
}
.filter-button-small:not(.disabled):hover {
  transform: translateY(1px);
}
.filter-button-small:not(.disabled):active {
  transform: translateY(3px);
}
.filter-button-small.disabled {
  background-color: #eaeaea;
  color: #b1b1b1;
}
.filter-button-small.disabled:hover {
  cursor: default;
}
.filter-button-small div {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.filter-button-small input {
  height: 100%;
  background: none;
  border: none;
}
.filter-button-small {
  font-size: 1.125rem;
  height: 42px;
}
.filter-button-small:hover {
  cursor: pointer;
}
@media screen and (max-width: 69.9375em) {
  .filter-button-small {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 60em) {
  .filter-button-small {
    display: none;
  }
}

#shopFilterRow {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
@media screen and (min-width: 60em) {
  #shopFilterRow {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 33.3333333333%;
    float: left;
  }
}
@media screen and (min-width: 60em) and (min-width: 40em) {
  #shopFilterRow {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
@media screen and (min-width: 60em) {
  #shopFilterRow:last-child:not(:first-child) {
    float: right;
  }
}
@media screen and (max-width: 59.9375em) {
  #shopFilterRow {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 100%;
    float: left;
  }
}
@media screen and (max-width: 59.9375em) and (min-width: 40em) {
  #shopFilterRow {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
@media screen and (max-width: 59.9375em) {
  #shopFilterRow:last-child:not(:first-child) {
    float: right;
  }
}

.giftProductsRow .static-content > div {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media screen and (min-width: 40em) {
  .giftProductsRow .static-content > div {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
.giftProductsRow .static-content > div {
  width: 100%;
  float: left;
}
.giftProductsRow .static-content > div:last-child:not(:first-child) {
  float: right;
}
@media screen and (min-width: 40em) {
  .giftProductsRow .static-content > div {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 50%;
    float: left;
  }
}
@media screen and (min-width: 40em) and (min-width: 40em) {
  .giftProductsRow .static-content > div {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
@media screen and (min-width: 40em) {
  .giftProductsRow .static-content > div:last-child:not(:first-child) {
    float: right;
  }
}
@media screen and (min-width: 60em) {
  .giftProductsRow .static-content > div {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 19.1666666667%;
    float: left;
  }
}
@media screen and (min-width: 60em) and (min-width: 40em) {
  .giftProductsRow .static-content > div {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
@media screen and (min-width: 60em) {
  .giftProductsRow .static-content > div:last-child:not(:first-child) {
    float: right;
  }
}

.product-box__variant-select-options-gift_option {
  float: left !important;
}

.product-box__giftProductsRow-gift_option {
  float: left !important;
  padding: 7px;
  text-align: left;
  color: #333333;
  cursor: default !important;
}
.product-box__giftProductsRow-gift_option:hover {
  color: #333333;
  box-shadow: none !important;
}

.shop-filters-row {
  margin-top: 25px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.shop-filters-row .shop-filter-box {
  margin: 10px 5px;
  padding: 0;
  background: #F8F8F8;
  height: 120px;
  width: 260px;
  display: flex;
  overflow: hidden;
  place-content: space-between;
  cursor: pointer !important;
}
.shop-filters-row .shop-filter-box:hover:not(.shop-filter-tick-box--highlight):not(.shop-filter-tick-box--ticked) {
  z-index: 11;
  box-shadow: 0 0 30px 0 rgb(175, 182, 217);
  transform: scale(1.1);
}
.shop-filters-row .shop-filter-box {
  border-radius: 1rem;
  position: relative;
  z-index: 1;
}
.shop-filters-row .shop-filter-box:after {
  content: "";
  position: absolute;
  bottom: -30px;
  right: -60px;
  width: 185px;
  height: 180px;
  transition: all 1s;
  border-radius: 7rem;
  z-index: -1;
}
.shop-filters-row .shop-filter-box.shop-filter-all {
  background: #58bf4f;
}
.shop-filters-row .shop-filter-box.shop-filter-all:after {
  background: #4d9547;
}
.shop-filters-row .shop-filter-box.shop-filter-dissolution-media {
  background: #5FB1DC;
}
.shop-filters-row .shop-filter-box.shop-filter-dissolution-media:after {
  background: #518ba9;
}
.shop-filters-row .shop-filter-box.shop-filter-concentrates {
  background: #4FBFA8;
}
.shop-filters-row .shop-filter-box.shop-filter-concentrates:after {
  background: #469484;
}
.shop-filters-row .shop-filter-box.shop-filter-syringe {
  background: #6A7AE1;
}
.shop-filters-row .shop-filter-box.shop-filter-syringe:after {
  background: #5964ac;
}
.shop-filters-row .shop-filter-box {
  top: -3px;
  left: -3px;
  box-shadow: 3px 3px black;
}
.shop-filters-row .shop-filter-box.shop-filter-box.shop-filter-tick-box--highlight, .shop-filters-row .shop-filter-box.shop-filter-box.shop-filter-tick-box--ticked {
  top: 0;
  left: 0;
  box-shadow: 0 0 black;
}
.shop-filters-row .shop-filter-box.shop-filter-box.shop-filter-tick-box--highlight:after, .shop-filters-row .shop-filter-box.shop-filter-box.shop-filter-tick-box--ticked:after {
  width: 100%;
  height: 100%;
  border-radius: 1rem;
  bottom: 0;
  right: 0;
}
.shop-filters-row .shop-filter-box .product-box__data-container {
  display: flex;
  place-items: center;
  padding: 14px;
}
.shop-filters-row .shop-filter-box .product-box__title {
  color: white;
  width: 120px;
  font-size: 18px;
}
.shop-filters-row .shop-filter-box .shop-filter-icon {
  width: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.shop-filters-row .shop-filter-box .shop-filter-icon.shop-filter-icon-bottom-right {
  align-items: flex-end;
  justify-content: right;
}
@media screen and (max-width: 39.9375em) {
  .shop-filters-row .static-content {
    min-width: 140px;
    width: 45%;
    white-space: nowrap;
  }
  .shop-filters-row .static-content .shop-filter-box img.product-box__image {
    display: none;
  }
}

/* Style the list */
ul.breadcrumb {
  margin: 0;
  list-style: none;
  /* Display list items side by side */
}
ul.breadcrumb li {
  display: inline;
  font-size: 14px;
}
ul.breadcrumb li:not(:first-child) {
  text-transform: capitalize;
}
ul.breadcrumb li {
  /* Add a color to all links inside the list */
}
ul.breadcrumb li a {
  color: #9c9c9c;
  text-decoration: none;
}
ul.breadcrumb li a img {
  margin-bottom: 5px;
}
ul.breadcrumb li {
  /* Add a color on mouse-over */
}
ul.breadcrumb li a:hover {
  color: black;
  text-decoration: underline;
}
ul.breadcrumb {
  /* Add a slash symbol (/) before/behind each list item */
}
ul.breadcrumb li + li:before {
  padding: 0px;
  color: #9c9c9c;
  content: "> ";
}
@media screen and (max-width: 59.9375em) {
  ul.breadcrumb {
    display: none;
  }
}

.top-calculator-section {
  margin-top: 10px;
  overflow: hidden;
}

.show-description-link a {
  font-weight: 500;
  font-size: 14px;
  color: #58BF4F;
}
.show-description-link img {
  padding-right: 8px;
}

div.testimonial-top-link {
  margin-bottom: 20px;
}
div.testimonial-top-link a {
  font-weight: bold;
  text-decoration: underline;
  color: #333333 !important;
}
div.testimonial-top-link a:hover {
  text-decoration: none;
}

.product-section-buy_price_row-class {
  padding-bottom: 7px;
}
.product-section-buy_price_row-class .price_part {
  font-weight: 700;
}
.product-section-buy_price_row-class .price_part .big_nice_price {
  font-size: 32px;
  color: #333333;
}
@media screen and (max-width: 59.9375em) {
  .product-section-buy_price_row-class .price_part .big_nice_price {
    font-size: 30px;
  }
}

img.variant_makes_image {
  max-height: 120px;
  max-width: 300px;
  display: block;
  margin: auto;
}

#variantSelectTable label {
  width: 100%;
}

#variantSelectTable tbody tr th, #variantSelectTable tbody tr td {
  padding-left: 0px;
  padding-right: 0px;
}
#variantSelectTable tbody tr td {
  position: relative;
  left: -10px;
}

.btn-big-font {
  font-size: 20px !important;
}

.input-field-box {
  width: 100%;
  margin: 5px;
}

.new-style-form table.form tbody {
  background-color: #1a9cd5;
  color: #ffffff;
  padding: 0 100px;
  font-size: 0.75rem;
}
.new-style-form table.form tbody td {
  padding: 0 100px;
}
.new-style-form .form__field {
  color: #ffffff;
  margin: 0;
}
.new-style-form .form__field--error ul.errorlist {
  margin-left: auto;
}
.new-style-form .form__field--error ul.errorlist li {
  color: #CC0000;
  padding: 0;
  width: unset;
  border-radius: unset;
  background: unset;
  float: right;
}
.new-style-form .form__field--error input {
  border-color: #CC0000 !important;
}
.new-style-form .form__field--captcha {
  text-align: center;
}
@media screen and (min-width: 60em) {
  .new-style-form .form__field--vat_registered {
    display: inline-flex;
  }
}
@media screen and (max-width: 59.9375em) {
  .new-style-form .form__field--vat_registered {
    text-align: center;
    font-weight: bold;
  }
  .new-style-form .form__field--vat_registered > label {
    text-align: center;
    font-weight: bold;
    font-weight: 16px;
  }
}
.new-style-form .form__field--vat_registered {
  margin-bottom: 0;
}
.new-style-form .form__field--vat_registered label,
.new-style-form .form__field--vat_registered ul {
  margin-bottom: 0;
}
.new-style-form input#id_captcha_1 {
  display: inline-block;
  width: 75px;
}

.payment-card-logo {
  width: 40px;
  margin-bottom: 15px;
  margin-right: 10px;
  filter: grayscale(100%);
}

.active-card {
  filter: unset !important;
}

.shop_main-title {
  text-align: center;
  margin: 80px;
}

.coa_finder_widget, .tds_finder_widget {
  text-align: left;
}
.coa_finder_widget.source_product_page, .tds_finder_widget.source_product_page {
  margin-top: 15px;
}
.coa_finder_widget .coa_finder_inline_widget, .tds_finder_widget .coa_finder_inline_widget {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #333333;
  font-size: 0.9rem;
  font-weight: bold;
  height: 35px;
}
.coa_finder_widget .coa_finder_inline_widget .coa_finder_input, .tds_finder_widget .coa_finder_inline_widget .coa_finder_input {
  transition: all 0.5s;
  display: flex;
  align-items: center;
  width: 100%;
  border: 1px solid #cacaca;
  padding-left: 0.7rem;
}
.coa_finder_widget .coa_finder_inline_widget .coa_finder_input:focus-within, .tds_finder_widget .coa_finder_inline_widget .coa_finder_input:focus-within {
  border-color: #333;
  box-shadow: 0 0 5px #cacaca;
}
.coa_finder_widget .coa_finder_inline_widget .coa_finder_input div, .tds_finder_widget .coa_finder_inline_widget .coa_finder_input div {
  min-width: fit-content;
}
.coa_finder_widget .coa_finder_inline_widget .coa_finder_input .coa_finder_input_label, .tds_finder_widget .coa_finder_inline_widget .coa_finder_input .coa_finder_input_label {
  font-weight: bold;
}
.coa_finder_widget .coa_finder_inline_widget .coa_finder_input .coa_finder_input_field, .tds_finder_widget .coa_finder_inline_widget .coa_finder_input .coa_finder_input_field {
  width: 100%;
}
.coa_finder_widget .coa_finder_inline_widget .coa_finder_input .coa_finder_input_field input, .tds_finder_widget .coa_finder_inline_widget .coa_finder_input .coa_finder_input_field input {
  margin: 0;
  border: none;
  box-shadow: none;
  color: inherit;
  font-size: inherit;
  font-weight: normal;
  max-height: 34px;
}
.coa_finder_widget .coa_finder_inline_widget .coa_search_button, .tds_finder_widget .coa_finder_inline_widget .coa_search_button {
  transition: all 0.1s ease-in-out;
  margin-left: 1rem;
  height: 90%;
  width: 125px;
  background-color: #58BF4F;
  color: white;
  border-radius: 3px;
  cursor: pointer;
  text-align: center;
  align-content: center;
  font-weight: bold;
}
.coa_finder_widget .doc-finder-coa-results, .tds_finder_widget .doc-finder-coa-results {
  margin-top: 1rem;
}
.coa_finder_widget .section, .tds_finder_widget .section {
  margin-bottom: 10px;
}
.coa_finder_widget .section .section_title, .tds_finder_widget .section .section_title {
  font-weight: bold;
}
.coa_finder_widget.coa_error .coa_finder_input, .tds_finder_widget.coa_error .coa_finder_input {
  border: 1px solid #CC0000;
}
.coa_finder_widget.coa_error .coa_finder_input:focus-within, .tds_finder_widget.coa_error .coa_finder_input:focus-within {
  border-color: orange;
  box-shadow: 0 0 5px lightcoral;
}
.coa_finder_widget.coa_success .coa_finder_input, .tds_finder_widget.coa_success .coa_finder_input {
  border: 1px solid #58BF4F;
}
.coa_finder_widget.coa_success .coa_finder_input:focus-within, .tds_finder_widget.coa_success .coa_finder_input:focus-within {
  border-color: #58BF4F;
  box-shadow: 0 0 5px greenyellow;
}

ul.crop_p_padding li p {
  margin: 0;
}

.contact-us-image {
  margin-bottom: 40px;
}

.contact-us-address-table-row {
  display: flex;
}
.contact-us-address-table-row p {
  color: #C8C9CA;
}
.contact-us-address-table-row div:first-child {
  min-width: 37px;
}

.contact-us-bold {
  font-weight: 500;
}

.contact_widget_content {
  background-color: #58bf4f;
  color: white;
  height: 100%;
  display: none;
  padding-top: 20px;
}
.contact_widget_content.contact_widget_content_first {
  color: inherit;
  background-color: inherit;
}
.contact_widget_content .contact_widget_content_title {
  font-weight: 500;
}
.contact_widget_content .contact_widget_content_title.contact_widget_content_title__bold {
  font-weight: bold;
}
.contact_widget_content .contact_widget_content_title .contact_widget__page_no {
  position: absolute;
  right: 10px;
  top: 20px;
}
.contact_widget_content .contact_widget_buttons {
  display: flex;
  justify-content: space-around;
}
.contact_widget_content .contact_widget_buttons .contact_widget_prev_button,
.contact_widget_content .contact_widget_buttons .contact_widget_next_button {
  background-color: #58bf4f;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: 100%;
}
.contact_widget_content .contact_widget_content_box {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: left;
}
.contact_widget_content textarea, .contact_widget_content input {
  background: inherit !important;
  margin: 0;
  color: inherit !important;
  border-color: white;
}
.contact_widget_content textarea::placeholder, .contact_widget_content input::placeholder {
  color: #565656;
}
.contact_widget_content textarea.contact_widget_input_invalid, .contact_widget_content input.contact_widget_input_invalid {
  box-shadow: 0 0 5px 1px red;
}
.contact_widget_content .contact_widget_input_error_message {
  color: red;
}

@media (max-width: 800px) {
  h2,
  .main-title {
    font-size: 1.625rem;
    padding-bottom: 25px;
    margin-bottom: 10px;
  }
  .section-title {
    font-size: 1.25rem;
  }
}
.login-page-title {
  margin-top: 40px;
}
@media screen and (max-width: 59.9375em) {
  .login-page-title {
    text-align: center;
    margin-top: 20px;
  }
}

@media screen and (min-width: 60em) {
  .box .login-page-title {
    margin-top: 0;
  }
}

@media screen and (max-width: 59.9375em) {
  .login-page-button {
    max-width: unset !important;
    width: 100%;
  }
}
.login-page-button {
  font-size: 1.5rem;
  text-transform: none;
}

.register-page-button {
  text-align: center;
}

.forgot-your-password {
  color: #333333 !important;
  text-decoration: underline;
  font-weight: unset !important;
}
@media screen and (max-width: 59.9375em) {
  .forgot-your-password {
    font-weight: bold;
    text-decoration: underline;
  }
}

.login-header-data {
  min-height: 100px;
  font-size: 2.25rem !important;
  font-weight: 700;
  line-height: 2.875rem;
  text-align: center;
  margin: 0 0 30px;
}

.login-form-data {
  min-height: 200px;
}

@media screen and (max-width: 59.9375em) {
  .login-form {
    margin-bottom: 20px;
  }
}

h2.subtitle {
  font-size: 1.875rem;
  line-height: 2.875rem;
  font-weight: bold;
  color: rgb(103, 103, 106);
  margin-bottom: 30px;
}

.login-register {
  margin: 0 50px;
}
@media screen and (max-width: 59.9375em) {
  .login-register {
    margin: 0;
  }
}

.login-box-wrapper {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media screen and (min-width: 40em) {
  .login-box-wrapper {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
.login-box-wrapper {
  width: 45.8333333333%;
  float: left;
}
.login-box-wrapper:last-child:not(:first-child) {
  float: right;
}
@media screen and (max-width: 59.9375em) {
  .login-box-wrapper {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 100%;
    float: left;
    padding: 0 !important;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 59.9375em) and (min-width: 40em) {
  .login-box-wrapper {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
@media screen and (max-width: 59.9375em) {
  .login-box-wrapper:last-child:not(:first-child) {
    float: right;
  }
}

.back-arrow-header {
  height: 2em;
  position: absolute;
  top: 7px;
  left: 10px;
}
@media screen and (min-width: 60em) {
  .back-arrow-header {
    display: none;
  }
}
.back-arrow-header:hover {
  cursor: pointer;
}

.login-box {
  text-transform: none;
  text-align: center;
  padding: 30px 25px;
  height: 350px;
}
@media screen and (max-width: 59.9375em) {
  .login-box {
    height: unset;
    margin-left: -10px;
    margin-right: -10px;
  }
}
.login-box h2 {
  padding-bottom: 0;
  font-size: 1.5rem;
}
.login-box p {
  font-size: 1.125rem;
}
.login-box a {
  font-size: 0.8rem;
}

@media screen and (max-width: 59.9375em) {
  .wide-mobile-button {
    width: 100%;
    max-width: unset !important;
  }
}

.c {
  overflow: hidden;
  display: inline-block;
  background-color: #9cbd46;
  padding: 5px 60px;
  height: auto;
  border: 0;
  cursor: pointer;
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-transition: all 100ms ease-in;
  -webkit-transition: all 100ms ease-in;
  -o-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
}
.c:not(.disabled):hover {
  cursor: pointer;
}
.c:not(.disabled):focus {
  color: #fff;
}
.c a {
  text-transform: uppercase;
  color: white;
}
.c {
  height: 40px;
  margin-top: 10px;
  bottom: 70px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 0;
}

@media (min-width: 1024px) {
  .login-box__new-customer-image {
    background: transparent url("/site_media/images/login2.png") 0% 0% no-repeat padding-box;
    float: right;
    width: 180px;
    height: 225px;
    margin-top: -175px;
    margin-right: -150px;
  }
  .login-box__login-image {
    background: url("/site_media/images/login1.png");
    width: 80px;
    height: 258px;
    margin-top: -265px;
    margin-left: -108px;
  }
}
.login-form ul.errorlist {
  border-bottom: unset !important;
  margin: 10px 0;
  width: 100%;
  overflow: hidden;
}
.login-form ul.errorlist li {
  padding: 5px 15px;
  color: #fff;
  background: #CF3838;
  width: 100%;
  border-radius: 5px;
  font-size: 0.75rem;
  text-align: left;
}

.register-column .hide-by-default {
  display: none;
}

[type=checkbox] + label,
[type=radio] + label {
  display: inline;
}

.register-form {
  margin-top: 30px;
  font-size: 14px;
}
.register-form .form {
  margin-top: 30px;
}
.register-form table.form tbody {
  background-color: #1a9cd5;
  color: #ffffff;
  padding: 0 100px;
  font-size: 0.75rem;
}
.register-form table.form tbody td {
  padding: 0 100px;
}
.register-form .form__field {
  color: #ffffff;
}
.register-form .form__field--error ul.errorlist {
  margin-left: auto;
}
.register-form .form__field--error ul.errorlist li {
  color: #CC0000;
  padding: 0;
  width: unset;
  border-radius: unset;
  background: unset;
  float: right;
}
.register-form .form__field--error input {
  border-color: #CC0000 !important;
}
.register-form .form__field--captcha {
  text-align: center;
}
@media screen and (min-width: 60em) {
  .register-form .form__field--vat_registered {
    display: inline-flex;
  }
}
@media screen and (max-width: 59.9375em) {
  .register-form .form__field--vat_registered {
    text-align: center;
    font-weight: bold;
  }
  .register-form .form__field--vat_registered > label {
    text-align: center;
    font-weight: bold;
    font-weight: 16px;
  }
}
.register-form .form__field--vat_registered {
  margin-bottom: 0;
}
.register-form .form__field--vat_registered label,
.register-form .form__field--vat_registered ul {
  margin-bottom: 0;
}
.register-form input#id_captcha_1 {
  display: inline-block;
  width: 75px;
}

.register-form__image {
  float: right;
  max-height: 170px;
  margin-left: 30px;
  margin-bottom: 10px;
}
@media (max-width: 425px) {
  .register-form__image {
    display: none;
  }
}

.register-form__button-submit {
  overflow: hidden;
  display: inline-block;
  background-color: #9cbd46;
  padding: 5px 60px;
  height: auto;
  border: 0;
  cursor: pointer;
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-transition: all 100ms ease-in;
  -webkit-transition: all 100ms ease-in;
  -o-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
}
.register-form__button-submit:not(.disabled):hover {
  cursor: pointer;
}
.register-form__button-submit:not(.disabled):focus {
  color: #fff;
}
.register-form__button-submit a {
  text-transform: uppercase;
  color: white;
}
.register-form__button-submit {
  text-align: center;
  margin-top: 70px;
  padding: 15px 25px;
  font-size: 1.5rem;
}
.register-form__button-submit input {
  border: none;
  background-color: inherit;
  text-transform: uppercase;
}

.register__title {
  font-size: 24px;
  font-weight: bold;
}

.register__subtitle {
  font-size: 18px;
  font-weight: bold;
}

.register-form-buttons {
  display: flex;
  justify-content: space-between;
}
.register-form-buttons .step-button, .register-form-buttons input[type=submit] {
  width: 49%;
}

.register-form_login {
  font-size: 16px;
  text-align: center;
  color: #B4B4B4;
}
.register-form_login a {
  text-decoration: underline;
  color: #58BF4F;
}

.f-20 {
  font-size: 1.25rem;
}

.sidebar__box {
  padding: 0 10px;
  margin-bottom: 30px;
}

.sidebar__box--default {
  padding: 25px 30px;
  color: #008dcc;
}
.sidebar__box--default p {
  color: #008dcc;
}

.sidebar__box--no-padding {
  position: relative;
  padding: 0;
  overflow: visible;
}

.box-title {
  font-size: 1.125rem;
  line-height: 1.375rem;
  color: #fff;
  font-weight: bold;
}

.box-title--dark {
  color: #008dcc;
}

.promo-code-cartoon {
  background: url("/site_media/images/promo-code-cartoon.png");
  width: 200px;
  height: 103px;
  margin: 0 auto;
}

.promo-code-box {
  position: relative;
}
.promo-code-box .button-main {
  padding: 10px 20px !important;
  position: absolute;
  right: 0;
  top: 0;
}

.plane-icon {
  position: absolute;
  background: url("/site_media/images/delivery-icon.png");
  width: 65px;
  height: 76px;
  right: 20px;
  top: 90px;
}

.cooperate-text {
  font-size: 0.6875rem;
  color: #333333;
}

.faq-icon {
  position: absolute;
  background: url("/site_media/images/faq-icon.png");
  width: 76px;
  height: 70px;
  right: 0;
  top: -20px;
}

.faq-info {
  text-align: center;
  color: #f2f2f2;
  font-size: 0.9375rem;
  line-height: 1.125rem;
  font-style: italic;
  margin-top: 20px;
}

.faq-info2 {
  text-align: center;
  color: #6b8495;
  font-size: 0.8125rem;
  line-height: 0.8125rem;
  margin-top: 20px;
}

.doctor-icon {
  position: absolute;
  background: url("/site_media/images/doctor-cartoon.png");
  width: 62px;
  height: 164px;
  left: -10px;
  top: -10px;
}

.sidebar__box--cart {
  background: #9cbd46;
  font-weight: 400;
}

.cart-fixed {
  position: fixed;
  width: 255px;
  top: 10px;
}

.cart-absolute {
  position: absolute;
  width: 255px;
}

.box-title--cart {
  font-size: 1.5rem;
  text-align: center;
  margin: 15px;
  font-weight: 400;
}

.sidebar-cart-icon {
  font-size: 1.5rem;
  color: #a9d14a;
}

.cart-box {
  display: none;
  background: #fff;
  border-radius: 3px;
  margin: 0 auto;
  overflow: hidden;
}

.cart-box__item {
  border-bottom: 1px solid #ebebeb;
  padding: 18px;
  position: relative;
}

.cart-box__item-delete {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #777;
  content: "x";
  cursor: pointer;
}

.cart-box__item--subtotal {
  padding-top: 12px;
  padding-bottom: 0;
  border: 0;
}

.cart-box__item-title {
  font-size: 0.9375rem;
  color: #9cbd46;
  font-weight: 600;
}

.cart-box__item-info {
  font-size: 0.8125rem;
  margin-top: 5px;
}

.cart-box__item-info-row {
  width: 95%;
  margin: 0 auto;
  overflow: hidden;
}

.cart-box__item-info-label {
  width: 70px;
  float: left;
}

.cart-box__item-info-value {
  float: left;
  font-weight: bold;
}

.cart-box-empty {
  display: none;
  background: #fff;
  border-radius: 3px;
  margin: 0 auto;
  overflow: hidden;
  font-size: 0.8125rem;
  color: #202020;
  padding: 25px;
}

.actions-bar {
  width: 100%;
  margin: 25px 0 25px;
  overflow: hidden;
  padding-bottom: 5px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media (max-width: 425px) {
  .actions-bar {
    display: block;
  }
}
.actions-bar ul {
  display: inline-block;
  list-style-type: none;
  margin-top: 17px;
  margin-right: 5px;
}
.actions-bar ul li {
  margin-bottom: 2px;
  display: list-item;
  padding: 2px 50px;
  cursor: pointer;
}
.actions-bar ul li div,
.actions-bar ul li a {
  width: 100%;
  text-transform: uppercase;
  color: white;
}

.actions-bar--default {
  margin-bottom: 0;
  padding-bottom: 0;
}

.actions-bar--checkout {
  margin: 25px 0 15px;
}

.generate-pdf-link {
  font-size: 0.8125rem;
  font-weight: bold;
  color: #fff;
}
.generate-pdf-link:hover {
  color: #fff;
  text-decoration: underline;
}

.product-selector {
  padding: 25px 25px 10px;
}
.product-selector .form__field label {
  width: 54%;
}
.product-selector .form__field input {
  width: 60px;
  text-align: center;
}
.product-selector .form__field label,
.product-selector .form__field span {
  padding-top: 10px;
  font-size: 1.125rem;
  color: #008dcc;
}
.product-selector .form__field span {
  display: block;
  margin-left: 15px;
  padding-top: 6px;
  float: left;
}

.products-suggestions {
  display: none;
  width: 100%;
  background: #f1f2f2;
  padding: 25px 15px 25px 25px;
  font-size: 0.8125rem;
}

.products-suggestions__list {
  margin-top: 10px;
  color: #008dcc;
}
.products-suggestions__list .amount {
  color: #959595;
}

.products-suggestions__row {
  margin-bottom: 10px;
}

.sidebar__box--accept-orders {
  background: #008dcc;
  padding: 25px 30px;
}

.sidebar__box--need-help {
  padding: 0;
}

.need-help-wrapper {
  padding: 25px 20px 0 75px;
}
.need-help-wrapper p {
  color: #202020;
}

.box-title--need-help {
  color: #008dcc;
}

.product-selector-button {
  overflow: hidden;
  display: inline-block;
  background-color: #f2f2f2;
  padding: 5px 60px;
  height: auto;
  border: 0;
  cursor: pointer;
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-transition: all 100ms ease-in;
  -webkit-transition: all 100ms ease-in;
  -o-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
}
.product-selector-button:not(.disabled):hover {
  cursor: pointer;
}
.product-selector-button:not(.disabled):focus {
  color: #fff;
}
.product-selector-button a {
  text-transform: uppercase;
  color: white;
}
.product-selector-button {
  border: 1px solid #E5E5E5;
  color: #008dcc;
}

@media screen and (min-width: 60em) {
  .button-second {
    overflow: hidden;
    display: inline-block;
    background-color: #fb9b04;
    padding: 5px 60px;
    height: auto;
    border: 0;
    cursor: pointer;
    color: #fff;
    font-size: 0.8125rem;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-transition: all 100ms ease-in;
    -webkit-transition: all 100ms ease-in;
    -o-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
  }
  .button-second:not(.disabled):hover {
    cursor: pointer;
  }
  .button-second:not(.disabled):focus {
    color: #fff;
  }
  .button-second a {
    text-transform: uppercase;
    color: white;
  }
}
@media screen and (max-width: 59.9375em) {
  .button-second {
    overflow: hidden;
    display: inline-block;
    background-color: #F28C40;
    padding: 5px 60px;
    height: auto;
    border: 0;
    cursor: pointer;
    color: #fff;
    font-size: 0.8125rem;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-transition: all 100ms ease-in;
    -webkit-transition: all 100ms ease-in;
    -o-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
  }
  .button-second:not(.disabled):hover {
    cursor: pointer;
  }
  .button-second:not(.disabled):focus {
    color: #fff;
  }
  .button-second a {
    text-transform: uppercase;
    color: white;
  }
  .button-second {
    width: 100%;
    padding: 15px 50px;
  }
}
.button-second {
  text-transform: uppercase;
}

table.form-table tbody {
  border: 0;
}

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

.calculator {
  margin-top: 30px;
}
.calculator table {
  border: 0;
}
.calculator table tbody {
  border: 0;
}
.calculator table tbody tr:nth-child(even) {
  background: #fff;
}
.calculator h2 {
  font-size: 1rem;
}
.calculator .caption-how-use {
  font-size: 1.125rem;
}
.calculator .form__field {
  margin-top: 10px;
}
.calculator .form__field input {
  display: inline-block;
  margin-right: 10px;
  width: 90%;
}
.calculator .recipe tr {
  border: 1px solid #ddd;
}
.calculator .recipe tr td {
  padding: 20px;
}
.calculator .recipe tr td:first-child {
  padding: 0 30px;
  text-align: center;
}
.calculator .recipe h3 {
  font-size: 1.25rem;
}

.opaque {
  opacity: 0.3;
  filter: alpha(opacity=30);
}

.calc-header {
  font-size: 1.875rem;
  display: inline-block;
}
@media screen and (max-width: 59.9375em) {
  .calc-header {
    font-size: 0.875rem;
    line-height: unset;
  }
}

.calc-tooltip {
  position: relative;
  display: inline-block;
  border: 2px solid #333333;
  border-radius: 25px;
  font-size: 1.125rem;
  font-weight: bold;
  padding: 0 6px;
  font-family: serif;
  vertical-align: middle;
  line-height: 16px;
  margin-left: 10px;
  margin-top: -10px;
  height: 1.3rem;
}
@media screen and (max-width: 59.9375em) {
  .calc-tooltip {
    height: 22px;
    line-height: 19px;
    margin-top: 0;
  }
}

.calc-tooltip:hover {
  border: 2px solid #9cbd46;
  color: #9cbd46;
}

.calc-tooltip-open {
  display: none;
}

.calc-tooltip:hover .calc-tooltip-open,
.calc-tooltip-open:hover {
  max-width: 73.75rem;
  margin-left: auto;
  margin-right: auto;
}
.calc-tooltip:hover .calc-tooltip-open::before, .calc-tooltip:hover .calc-tooltip-open::after,
.calc-tooltip-open:hover::before,
.calc-tooltip-open:hover::after {
  content: " ";
  display: table;
}
.calc-tooltip:hover .calc-tooltip-open::after,
.calc-tooltip-open:hover::after {
  clear: both;
}
.calc-tooltip:hover .calc-tooltip-open,
.calc-tooltip-open:hover {
  display: block;
  position: relative;
  z-index: 10;
}

.calc-tooltip-info {
  display: block;
  max-width: 400px;
  min-width: 300px;
  position: absolute;
  transform: translateX(-50%);
  background: rgba(181, 211, 105, 0.95);
  font-size: 0.75rem;
  padding: 10px 10px 0 10px;
}
.calc-tooltip-info p {
  padding-right: 75px;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding-bottom: 10px;
}
.calc-tooltip-info p img {
  margin-top: 10px;
  position: absolute;
  right: 10px;
}

.calc-tooltip-info--to_top {
  bottom: 0;
}

.calc-divider {
  background-color: #e5e6e6;
  height: 2px;
  width: 100%;
  margin: 20px 0;
}

.calc-row {
  display: flex;
  justify-content: space-around;
}

.calc-row__item {
  display: inline-block;
  text-align: center;
}

.calc-buy_buffers__second {
  margin-left: 50px;
}
@media screen and (max-width: 59.9375em) {
  .calc-buy_buffers__second {
    margin-left: 20px;
  }
}
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .calc-buy_buffers__second {
    margin-left: 0;
  }
}

.calc-label > img {
  max-width: 125px;
}
@media screen and (max-width: 770px) {
  .calc-label > img {
    max-width: 51px;
  }
}

.small-calc-label > img {
  max-width: 60px;
}
@media screen and (max-width: 770px) {
  .small-calc-label > img {
    max-width: 51px;
  }
}

.calc-option-button {
  overflow: hidden;
  display: inline-block;
  background-color: #e5e6e6;
  padding: 5px 60px;
  height: auto;
  border: 0;
  cursor: pointer;
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-transition: all 100ms ease-in;
  -webkit-transition: all 100ms ease-in;
  -o-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
}
.calc-option-button:not(.disabled):hover {
  cursor: pointer;
}
.calc-option-button:not(.disabled):focus {
  color: #fff;
}
.calc-option-button a {
  text-transform: uppercase;
  color: white;
}
.calc-option-button {
  width: 200px;
  padding: 10px 0;
  margin: 20px 0 40px 0;
  font-weight: bold;
  color: #008dcc;
  border: 2px solid #c8c9ca;
  display: block;
}
@media screen and (max-width: 59.9375em) {
  .calc-option-button {
    width: 80px;
    height: 32px;
    font-size: 0.875rem;
    padding-top: 2px;
  }
}

.calc-option-button:hover {
  color: #008dcc;
}

.calc-input:checked + .calc-option-button,
.calc-option-button-checked {
  border: 2px solid #c8c9ca;
  background-color: white;
}

.calc-label > input[type=radio],
.calc-label > input[type=checkbox] {
  display: none;
}

@media screen and (min-width: 60em) {
  .calc-buffer-option,
  .calc-product-option {
    font-size: 1.125rem;
  }
}

.calc-option-button-checked:hover {
  background-color: white;
}

.calc-amount-input {
  display: inline-block;
  text-align: center;
}

.calc-amount-input_error-box::before {
  content: "";
  position: absolute;
  top: -6px; /* moves triangle up */
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid black; /* arrow color */
}
.calc-amount-input_error-box {
  display: none;
  position: absolute;
  max-width: 70vw;
  width: max-content;
  border: black 1px solid;
  background-color: #fbfbfb;
  border-radius: 0.3rem;
  justify-self: center;
  top: 75px;
  box-shadow: 10px 10px 10px 10px rgba(0, 0, 0, 0.2);
  z-index: 10;
  overflow-wrap: anywhere;
  padding: 5px;
  font-size: xx-small;
}
.calc-amount-input_error-box p:last-child {
  margin-bottom: 0;
}
.calc-amount-input_error-box.calc-amount-input_error-box_mobile {
  top: unset;
  position: relative;
}

.calc-amount-label {
  display: inline;
  font-weight: bold;
  font-size: 1.125rem;
}

.calculate-button {
  overflow: hidden;
  display: inline-block;
  background-color: #9cbd46;
  padding: 5px 60px;
  height: auto;
  border: 0;
  cursor: pointer;
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-transition: all 100ms ease-in;
  -webkit-transition: all 100ms ease-in;
  -o-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
}
.calculate-button:not(.disabled):hover {
  cursor: pointer;
}
.calculate-button:not(.disabled):focus {
  color: #fff;
}
.calculate-button a {
  text-transform: uppercase;
  color: white;
}
.calculate-button {
  display: block;
  width: 250px;
  color: #fff;
  height: 60px;
  padding: 20px 0;
  text-align: center;
  font-size: 1.125rem;
  margin: 45px auto 15px auto;
}

@media screen and (min-width: 60em) {
  #calculateSubmitButton {
    margin-left: auto;
    margin-right: auto;
  }
}

.calc-results-section {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  text-align: center;
}
.calc-results-section ul li {
  text-align: left;
}

.calc-results-section > * {
  display: inline-block;
}

.calc-results-img-wrapper {
  width: 300px;
  text-align: right;
}

.calc-results-img {
  max-height: 250px;
  width: auto;
  margin: 0 40px;
}

.no-wrap {
  white-space: nowrap;
}

.calc-buy-now-button {
  overflow: hidden;
  display: inline-block;
  background-color: #F28C40;
  padding: 5px 60px;
  height: auto;
  border: 0;
  cursor: pointer;
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-transition: all 100ms ease-in;
  -webkit-transition: all 100ms ease-in;
  -o-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
}
.calc-buy-now-button:not(.disabled):hover {
  cursor: pointer;
}
.calc-buy-now-button:not(.disabled):focus {
  color: #fff;
}
.calc-buy-now-button a {
  text-transform: uppercase;
  color: white;
}
.calc-buy-now-button {
  display: inline-block;
  font-size: 1.25rem;
  color: #ffffff;
  text-align: center;
  margin: 0 0 10px;
  height: 50px;
  border-radius: 3px;
}
@media screen and (max-width: 59.9375em) {
  .calc-buy-now-button {
    width: 100%;
    padding: 15px 50px;
    font-size: 1.125rem;
  }
}
.calc-buy-now-button {
  font-size: 1rem;
}
@media screen and (min-width: 60em) {
  .calc-buy-now-button {
    padding: 5px 0;
    width: 300px;
    max-width: 100%;
  }
}
.calc-buy-now-button:not(.disabled):hover {
  transform: translateY(1px);
}
.calc-buy-now-button:not(.disabled):active {
  transform: translateY(3px);
}
.calc-buy-now-button.disabled {
  background-color: #eaeaea;
  color: #b1b1b1;
}
.calc-buy-now-button.disabled:hover {
  cursor: default;
}
.calc-buy-now-button div {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.calc-buy-now-button input {
  height: 100%;
  background: none;
  border: none;
}
.calc-buy-now-button {
  width: 270px !important;
  height: 35px !important;
  font-size: 0.8125rem;
}

.calc-go-to-shop-button {
  overflow: hidden;
  display: inline-block;
  background-color: #58BF4F;
  padding: 5px 60px;
  height: auto;
  border: 0;
  cursor: pointer;
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-transition: all 100ms ease-in;
  -webkit-transition: all 100ms ease-in;
  -o-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
}
.calc-go-to-shop-button:not(.disabled):hover {
  cursor: pointer;
}
.calc-go-to-shop-button:not(.disabled):focus {
  color: #fff;
}
.calc-go-to-shop-button a {
  text-transform: uppercase;
  color: white;
}
.calc-go-to-shop-button {
  display: inline-block;
  font-size: 1.25rem;
  color: #ffffff;
  text-align: center;
  margin: 0 0 10px;
  height: 50px;
  border-radius: 3px;
}
@media screen and (max-width: 59.9375em) {
  .calc-go-to-shop-button {
    width: 100%;
    padding: 15px 50px;
    font-size: 1.125rem;
  }
}
.calc-go-to-shop-button {
  font-size: 1rem;
}
@media screen and (min-width: 60em) {
  .calc-go-to-shop-button {
    padding: 5px 0;
    width: 300px;
    max-width: 100%;
  }
}
.calc-go-to-shop-button:not(.disabled):hover {
  transform: translateY(1px);
}
.calc-go-to-shop-button:not(.disabled):active {
  transform: translateY(3px);
}
.calc-go-to-shop-button.disabled {
  background-color: #eaeaea;
  color: #b1b1b1;
}
.calc-go-to-shop-button.disabled:hover {
  cursor: default;
}
.calc-go-to-shop-button div {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.calc-go-to-shop-button input {
  height: 100%;
  background: none;
  border: none;
}
.calc-go-to-shop-button {
  width: 270px !important;
  height: 35px !important;
  font-size: 0.8125rem;
  padding: 7px 0;
}

.media-prep-absolute-positions {
  position: relative;
  max-width: 800px;
  margin: auto;
}
.media-prep-absolute-positions.media-prep-absolute-positions__compact {
  margin-top: -80px;
}
.media-prep-absolute-positions .help-text-right-top {
  position: absolute;
  left: 70%;
  top: 0%;
  width: 30%;
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  border: 1px solid #E5E5E5;
  box-shadow: 5px 5px;
  background-color: white;
}
.media-prep-absolute-positions .hide-it {
  visibility: hidden;
}
.media-prep-absolute-positions .speech-bubble {
  position: absolute;
  left: 30%;
  top: 8%;
  width: 30%;
  text-align: center;
  font-size: 22px;
  font-weight: bold;
}
.media-prep-absolute-positions .monitor_box {
  position: absolute;
  justify-content: space-between;
  top: 38%;
  height: 30%;
  left: 24%;
  width: 31%;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.media-prep-absolute-positions .monitor_box .centered {
  margin: auto;
}
.media-prep-absolute-positions .monitor_box .media-prep-icons-buttons {
  position: relative;
  left: 45%;
}
.media-prep-absolute-positions .monitor_box .media-prep-icons-buttons button {
  cursor: pointer;
  margin-left: 15px;
}
.media-prep-absolute-positions .monitor_box .media-prep-icons-buttons button:first-child {
  margin-left: 0;
}
.media-prep-absolute-positions .monitor_box.monitor_box__laptop .calc-input-postfix-liters input.calc-amount-input {
  width: 80px;
  padding: 8px;
  margin: 0;
}
.media-prep-absolute-positions .monitor_box.monitor_box__laptop .media-prep-icons-buttons {
  left: 42%;
}
.media-prep-absolute-positions .under-desk {
  position: absolute;
  top: 81%;
  width: 60%;
  height: 10%;
}
.media-prep-absolute-positions .under-desk .visibility_hidden {
  visibility: hidden;
}
.media-prep-absolute-positions .under-desk.under-desk__laptop {
  top: 90%;
}

.monitor_content {
  text-align: center;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  max-height: 85%;
}
.monitor_content .calculator-selector {
  min-width: 150px;
}
.monitor_content .media-choice {
  margin: auto;
  display: inline-grid;
}
.monitor_content .media-choice img {
  max-width: 100px;
  max-height: 150px;
  margin: 0 auto;
}
.monitor_content .media-choice.media-choice__compact {
  padding: 10px 0 0 0;
}
.monitor_content .media-choice.media-choice__compact img {
  max-width: 70px;
  max-height: 80px;
}
.monitor_content .media-choice .selected_medium_name {
  margin-top: 10%;
  margin-bottom: 0;
  text-align: center;
  color: #0091CD;
  font-weight: bold;
}
.monitor_content .selectable {
  border: 1px solid #EFEFEF;
  border-radius: 5px;
  cursor: pointer;
}
.monitor_content .selectable:hover {
  box-shadow: 0px 10px 30px;
}
.monitor_content .calc-input-postfix-liters::after {
  content: "liters";
}
.monitor_content .calc-amount-input {
  width: 150px;
}

.calculator_step:not(.active) {
  display: none;
}

.calculator-selector__mobile {
  text-align: center;
  max-width: 80%;
  margin: auto;
}
.calculator-selector__mobile input.calc-amount-input {
  max-width: 60%;
  font-size: 20px;
  font-weight: 600;
}
.calculator-selector__mobile .visibility_hidden {
  display: none;
}

.media-prep-icons-buttons__mobile img {
  margin: 10px;
}

.media-selector-form {
  display: flex;
  flex-flow: nowrap;
}
.media-selector-form .media-selector_data_box {
  width: 100%;
  padding: 0 75px;
  display: none;
}
.media-selector-form .media-selector_data_box#data_box_1 {
  display: block;
}
.media-selector-form .media-selector_data_box .question {
  width: fit-content;
}
.media-selector-form .media-selector_data_box .question.invalid {
  border: solid red 1px;
}
.media-selector-form .media-selector_data_box .question .error_message {
  font-weight: bold;
  color: red;
}
.media-selector-form .media-selector_data_box .question label {
  font-weight: bold;
}
.media-selector-form .media-selector_data_box .question input[type=text], .media-selector-form .media-selector_data_box .question input[type=number] {
  max-width: 300px;
}
.media-selector-form .media-selector_data_box .question .media-selector_question {
  padding-bottom: 10px;
}
.media-selector-form .media-selector_data_box .question .media-selector_question label {
  font-weight: normal;
}
.media-selector-form .media-selector_data_box .section_buttons {
  display: flex;
  margin-top: 10px;
  min-width: fit-content;
}

.medium_only_buttons {
  display: flex;
  flex-flow: wrap;
  justify-content: center;
  justify-self: center;
  gap: 15px;
  max-width: 1100px;
}
.medium_only_buttons div {
  transition: all 0.5s;
  background-color: #E5E5E5;
  min-width: 180px;
  min-height: 50px;
  align-content: center;
  text-align: center;
  border-radius: 0.5rem;
  font-weight: bold;
  color: #333333;
  cursor: pointer;
}
.medium_only_buttons div.active {
  background-color: #58BF4F;
  color: #ffffff;
}

.show_only_for_medium_id {
  display: none;
}
.show_only_for_medium_id.show {
  display: inherit;
}

.product_section_title_top_header {
  font-weight: bold;
  margin: 15px 0;
  justify-self: center;
  text-align: center;
}

.medium_only_buttons_title_top_subheader {
  margin: 50px 0 20px;
  justify-self: center;
  font-size: 1.3rem;
}

.medium_only_buttons {
  margin-bottom: 80px;
}

.dissolution-wizard-form {
  display: flex;
  flex-flow: wrap;
}
.dissolution-wizard-form .wizzard_data_choices__box.center {
  text-align: center;
  margin: auto;
}
.dissolution-wizard-form .wizzard_data_choices__box .wizzard_data_choices {
  display: flex;
  column-gap: 10px;
  flex-wrap: wrap;
}
.dissolution-wizard-form .wizzard_data_choices__box .wizzard_data_choices .wizard_choice_box {
  border: #ededed 1px solid;
  border-radius: 5px;
  width: 285px;
  min-height: 400px;
  padding: 13px;
  transition: 0.3s ease;
  overflow: hidden;
}
.dissolution-wizard-form .wizzard_data_choices__box .wizzard_data_choices .wizard_choice_box .wizard_choice_box__short_text {
  height: 40px;
  text-align: center;
  font-weight: bold;
}
.dissolution-wizard-form .wizzard_data_choices__box .wizzard_data_choices .wizard_choice_box .wizard_choice_box__img {
  height: 150px;
  display: flex;
  align-items: center;
  place-content: center;
}
.dissolution-wizard-form .wizzard_data_choices__box .wizzard_data_choices .wizard_choice_box .wizard_choice_box__img img {
  max-height: 100%;
  max-width: 100%;
}
.dissolution-wizard-form .wizzard_data_choices__box .wizzard_data_choices .wizard_choice_box .wizard_choice_box__description {
  min-height: 24px;
}
.dissolution-wizard-form .wizzard_data_choices__box .wizzard_data_choices .wizard_choice_box table {
  text-align: left;
  font-size: 0.8rem;
}
.dissolution-wizard-form .wizzard_data_choices__box .wizzard_data_choices .wizard_choice_box table td {
  border-top: 1px solid #dddddd;
  padding: 3px;
}
.dissolution-wizard-form .wizzard_data_choices__box .wizzard_data_choices .wizard_choice_box table td.namecell {
  font-weight: bold;
  width: 90px;
}
.dissolution-wizard-form .wizzard_data_choices__box .wizzard_data_choices .wizard_choice_box table td:last-child {
  border-left: 1px solid #dddddd;
}
.dissolution-wizard-form .icons-buttons {
  display: flex;
  justify-content: space-between;
}
.dissolution-wizard-form .dissolution-wizard-button {
  transition: all 0.1s ease-in-out;
  position: relative;
  top: 0;
  height: 35px;
  width: 125px;
  font-weight: 700;
  font-size: 15px;
  background-color: #58BF4F;
  color: white;
  border-radius: 3px;
}
.dissolution-wizard-form .dissolution-wizard-button:hover {
  top: -5px;
}
.dissolution-wizard-form .dissolution-wizard-button img {
  max-width: 50px;
  height: 13px;
  width: auto;
  margin: 5px;
}
.dissolution-wizard-form .dissolution-wizard-button.white {
  cursor: pointer;
  color: #666;
  background-color: white;
  border: 1px solid #d9d9d9;
  padding: 4px;
}

.wizard-context {
  width: 100%;
}
.wizard-context__boxes {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
}
.wizard-context__box {
  flex: 1 1 220px;
  max-width: 280px;
  border: 2px solid #ededed;
  border-radius: 6px;
  padding: 14px;
  cursor: pointer;
  transition: border-color 0.2s, box-shadow 0.2s;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background: #fff;
}
.wizard-context__box:hover {
  border-color: #4caf50;
}
.wizard-context__box--active {
  border-color: #4caf50;
  box-shadow: 0 2px 8px rgba(76, 175, 80, 0.25);
}
.wizard-context__box-title {
  font-weight: 700;
  font-size: 0.95rem;
  min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wizard-context__box-img {
  height: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 8px 0;
}
.wizard-context__box-img img {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
}
.wizard-context__box-table {
  width: 100%;
  text-align: left;
  font-size: 0.8rem;
  margin-top: auto;
}
.wizard-context__box-table td {
  border-top: 1px solid #ddd;
  padding: 3px 4px;
}
.wizard-context__box-table-key {
  font-weight: 700;
  width: 90px;
}
.wizard-context__box-table td + td {
  border-left: 1px solid #ddd;
}
.wizard-context__detail {
  display: none;
  border-radius: 6px;
  margin-top: 16px;
  padding: 20px;
  background: #fff;
}
.wizard-context__detail--active {
  display: block;
}
.wizard-context__detail-content {
  font-size: 0.95rem;
  line-height: 1.6;
}
.wizard-context__detail-content img {
  max-width: 100%;
  height: auto;
}
.wizard-context__detail-posts {
  margin-top: 20px;
}

table.testimonials tbody {
  border: 0 !important;
}

table.testimonials {
  border-collapse: collapse;
}

table.testimonials td {
  padding: 20px 10px 10px;
  border: 1px solid #ddd;
  border-left: 0;
  border-right: 0;
}

table.testimonials .quote {
  font: normal 150px/150px serif;
  padding: 0 10px;
  letter-spacing: -25px;
  color: #ddd;
}

table.testimonials td:first-child {
  min-width: 230px;
}

table.testimonials td:nth-child(2) {
  padding-right: 30px;
}

#carouselHomepage {
  position: relative;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 60em) {
  #carouselHomepage {
    height: 300px;
    justify-content: center;
  }
}
@media screen and (max-width: 59.9375em) {
  #carouselHomepage {
    height: 300px;
    margin-top: 50px;
  }
}
@media screen and (min-width: 60em) {
  #carouselHomepage img {
    max-height: 300px;
  }
}
@media screen and (max-width: 59.9375em) {
  #carouselHomepage img {
    margin-left: auto;
    margin-right: auto;
    max-height: 160px;
  }
}
#carouselHomepage .slick-track {
  display: flex;
  align-items: center;
}
#carouselHomepage .homepage-carousel-text-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 2rem;
  font-weight: 500;
  width: 50%;
}
@media screen and (max-width: 59.9375em) {
  #carouselHomepage .homepage-carousel-text-container {
    font-size: 0.875rem;
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 10px;
    width: 100%;
  }
}
#carouselHomepage .homepage__carousel-flex-container {
  display: flex;
  justify-content: space-around;
  color: #333333;
}
@media screen and (max-width: 59.9375em) {
  #carouselHomepage .homepage__carousel-flex-container {
    flex-direction: column;
    text-align: center;
  }
}

#GutsHomepage {
  background: #F8F8F8;
}
#GutsHomepage .content-container--homepage_guts {
  padding-top: 50px;
  padding-bottom: 100px;
}
@media screen and (max-width: 59.9375em) {
  #GutsHomepage .content-container--homepage_guts {
    margin-bottom: 50px;
  }
}
#GutsHomepage .homepage__title__guts {
  text-align: center;
  font-weight: 700;
}
#GutsHomepage .homepage__title__guts--margin {
  margin-bottom: 100px;
}
#GutsHomepage .homepage__guts__container {
  display: flex;
  justify-content: center;
  margin-left: 10px;
  margin-right: 10px;
}
#GutsHomepage .homepage__guts-text {
  display: inline-block;
  font-size: 2rem;
  font-weight: 500;
  white-space: nowrap;
  transform: translateX(-50%);
}
@media screen and (min-width: 60em) {
  #GutsHomepage .homepage__guts-text {
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 59.9375em) {
  #GutsHomepage .homepage__guts-text {
    font-size: 1.625rem;
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  #GutsHomepage .homepage__guts-text {
    font-size: 1.25rem;
    margin-bottom: 10px;
  }
}
#GutsHomepage .homepage__guts-text--fed {
  color: #60BB4D;
  margin-left: 29%;
}
#GutsHomepage .homepage__guts-text--fested {
  color: #C6D936;
  margin-left: 70%;
}
#GutsHomepage .homepage__guts-image-box img {
  width: auto;
  max-height: 450px;
}
#GutsHomepage .homepage__guts-image-box--fested {
  margin-right: 50px;
}
@media screen and (max-width: 59.9375em) {
  #GutsHomepage .homepage__guts-image-box--fested {
    margin-right: 10px;
  }
}
#GutsHomepage .homepage__guts-image-box--fed {
  margin-left: 50px;
}
@media screen and (max-width: 59.9375em) {
  #GutsHomepage .homepage__guts-image-box--fed {
    margin-left: 10px;
  }
}
#GutsHomepage .homepage__img__help-text {
  text-align: center;
  font-size: 1rem;
}
#GutsHomepage h4 {
  font-size: 1.25rem;
  font-weight: 500;
  text-align: center;
  margin-top: 60px;
}
#GutsHomepage #homepageGutsHand {
  width: auto;
  height: 90px;
  position: absolute;
  top: 37%;
  right: 24%;
}
#GutsHomepage .homepage__card-image__box {
  width: 700px;
  height: 450px;
  background-color: #ffffff;
  position: absolute;
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.5);
  z-index: 100;
}
@media screen and (max-width: 69.9375em) {
  #GutsHomepage .homepage__card-image__box {
    display: none;
  }
}
#GutsHomepage .homepage__card-image__box--fessif {
  left: -40%;
  top: 59%;
}
#GutsHomepage .homepage__card-image__box--fessgf {
  top: 33%;
  left: -32%;
}
#GutsHomepage .homepage__card-image__box--fassif {
  top: 61%;
  left: 1%;
}
#GutsHomepage .homepage__card-image__box--fassgf {
  top: 34%;
  left: 9%;
}
#GutsHomepage .homepage__card-image__box img {
  height: 450px;
  width: auto;
}
#GutsHomepage .homepage__card-image__box .homepage__card-image__box__pointer {
  position: absolute;
  width: 0;
  height: 0;
  top: -40px;
  left: 277px;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  border-bottom: 40px solid white;
}
#GutsHomepage .homepage__card-image__box .homepage__card-text {
  font-size: 1.25rem;
  margin: 10px 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
#GutsHomepage .homepage__card-image__box .homepage__card-text p:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 70em) {
  #GutsHomepage #homepageGutsMobileCarousel {
    display: none;
  }
}
@media screen and (min-width: 40em) {
  #GutsHomepage #homepageGutsMobileCarousel {
    width: 700px;
    max-width: 95vw;
    height: 450px;
    background-color: #ffffff;
    margin-left: auto;
    margin-right: auto;
    margin-top: 45px;
  }
  #GutsHomepage #homepageGutsMobileCarousel .homepage__guts__cards__image--mobile {
    height: 450px;
    width: auto;
  }
  #GutsHomepage #homepageGutsMobileCarousel .homepage__card-text--mobile {
    font-size: 1.375rem;
    margin: 55px 30px;
  }
  #GutsHomepage #homepageGutsMobileCarousel .slick-dots {
    bottom: -40px;
  }
}
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  #GutsHomepage #homepageGutsMobileCarousel {
    width: 100vw;
  }
  #GutsHomepage #homepageGutsMobileCarousel .homepage__card-text--mobile {
    margin-left: 10px;
    margin-right: 10px;
  }
  #GutsHomepage #homepageGutsMobileCarousel h6 {
    margin-top: 10px;
    color: #018BD3;
    text-align: center;
    margin-bottom: 30px;
  }
  #GutsHomepage #homepageGutsMobileCarousel .homepage__guts__cards__image--mobile {
    width: 100vw;
    align-self: center;
    height: auto;
  }
  #GutsHomepage #homepageGutsMobileCarousel .homepage__guts__container--mobile {
    flex-direction: column;
  }
  #GutsHomepage #homepageGutsMobileCarousel .slick-dots {
    bottom: -40px;
  }
}

@media screen and (max-width: 59.9375em) {
  .homepage-guts-button {
    margin-left: 10px;
    margin-right: 10px;
  }
  .homepage-guts-button a {
    width: 100%;
  }
}

.story-box {
  text-align: center;
  margin: 25px 0;
}
@media screen and (min-width: 40em) {
  .story-box {
    flex-direction: column;
    float: left;
    width: 50%;
  }
}
@media screen and (max-width: 39.9375em) {
  .story-box {
    padding-top: 0;
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 40px;
  }
}
.story-box p {
  max-width: 70%;
  margin-right: auto;
  margin-left: auto;
}
.story-box .image {
  height: 200px;
}
.story-box .image img {
  max-height: 170px;
}

#InfoHomepage {
  display: flex;
  padding-top: 100px;
  text-align: center;
  justify-content: space-around;
  padding-bottom: 100px;
}
@media screen and (max-width: 59.9375em) {
  #InfoHomepage {
    flex-direction: column;
    padding-top: 0;
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 40px;
  }
}
#InfoHomepage p {
  max-width: 420px;
  margin-right: auto;
  margin-left: auto;
}
#InfoHomepage h3 {
  font-size: 2.5625rem;
  font-weight: 500;
}
@media screen and (min-width: 60em) {
  #InfoHomepage h3 {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 59.9375em) {
  #InfoHomepage h3 {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 59.9375em) {
  #InfoHomepage .homepage__info_item {
    margin-bottom: 50px;
  }
}
#InfoHomepage .homepage__info_item__image-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;
  margin-bottom: 60px;
}
#InfoHomepage img {
  max-height: 170px;
}

.homepage__info_item__image--secondary {
  transform: scaleX(-1);
}

.italic {
  font-style: italic;
}

#homepageGoToShop {
  background-color: #F8F8F8;
  width: 100vw;
  text-align: center;
  padding-bottom: 80px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 90px;
}
@media screen and (max-width: 59.9375em) {
  #homepageGoToShop {
    padding-top: 40px;
  }
}
#homepageGoToShop h3 {
  font-weight: 500;
  font-size: 2.5625rem;
}
@media screen and (max-width: 59.9375em) {
  #homepageGoToShop h3 {
    font-size: 1.25rem;
  }
}
#homepageGoToShop img {
  margin-top: 70px;
  margin-bottom: 70px;
  max-height: 290px;
  width: auto;
  align-self: center;
}

.guts_image {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.guts_image div {
  margin-right: 15px;
}
.guts_image img {
  display: block;
  height: 150px !important;
}
.guts_image .empty_space {
  width: 50%;
}
.guts_image .guts_shop_bttn_top {
  height: 50%;
}
.guts_image .guts_shop_bttn {
  display: flex;
  flex-direction: column;
  width: 30%;
}

.guts_image_mobile {
  display: flex;
  flex-direction: row;
  width: 40%;
}
.guts_image_mobile div {
  margin-right: 15px;
}
.guts_image_mobile img {
  display: block;
  max-width: 100%;
}

.guts_shop_bttn_mobile {
  width: 30%;
  float: right;
}

.gut-interactive {
  position: relative;
  text-align: center;
  margin-top: -255px;
}

.gut-interactive__popup-wrapper {
  position: absolute;
}

.gut-interactive__popup {
  position: absolute;
  width: 360px;
}

.gut-content-wrapper {
  position: relative;
}

.gut-intro-text {
  position: absolute;
  top: 160px;
  left: 46px;
  color: #777;
}

.gut-interactive__popup-inner {
  background: #f2f2f2;
  border-radius: 5px;
  border: 1px solid #e4e8e8;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.gut-interactive__popup {
  display: none;
  position: relative;
  background: #f2f2f2;
  border: 1px solid #e4e8e8;
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
}

.gut-interactive.gut-interactive__popup:after,
.gut-interactive__popup:before {
  right: 100%;
  top: 15%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.gut-interactive__popup-arrow-right:after,
.gut-interactive__popup-arrow-right:before {
  left: 100%;
  top: 15%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.gut-interactive__popup:after {
  border: 10px rgba(242, 242, 242, 0);
  border-right-color: #f2f2f2;
  margin-top: -10px;
}

.gut-interactive__popup:before {
  border: 11px rgba(228, 232, 232, 0);
  border-right-color: #e4e8e8;
  margin-top: -11px;
}

.gut-interactive__popup-arrow-right:after {
  border: 10px rgba(242, 242, 242, 0);
  border-left-color: #f2f2f2;
  margin-top: -10px;
}

.gut-interactive__popup-arrow-right:before {
  border: 11px rgba(228, 232, 232, 0);
  border-left-color: #e4e8e8;
  margin-top: -11px;
}

.homepage_shop_link_title {
  font-weight: 700;
  font-size: 28px;
}

.main-page-tabs {
  gap: clamp(4px, 1.5vw, 20px);
  display: flex;
  justify-content: space-between;
  margin: 20px 0 5px 0;
  line-height: 1;
}
.main-page-tabs .main-page-tabs__tab {
  flex: 1 1 0%;
  background: #f8f8f8;
  border-radius: 0.8rem;
  cursor: pointer;
  transition-duration: 0.3s;
}
.main-page-tabs .main-page-tabs__tab .main-page-tabs__tab-button {
  height: inherit;
  padding: clamp(4px, 1.5vw, 20px) clamp(4px, 2.5vw, 35px);
  transition-duration: 0.3s;
}
.main-page-tabs .main-page-tabs__tab .main-page-tabs__tab-button .main-page-tabs__tab-button__content {
  display: flex;
  align-items: center;
  place-content: space-between;
}
.main-page-tabs .main-page-tabs__tab .main-page-tabs__tab-button .main-page-tabs__tab__images img {
  height: clamp(28px, 8vw, 68px);
  max-width: unset;
}
.main-page-tabs .main-page-tabs__tab .main-page-tabs__tab-button .main-page-tabs__tab__images img.main-page-tabs__tab-unselected-image {
  display: block;
}
.main-page-tabs .main-page-tabs__tab .main-page-tabs__tab-button .main-page-tabs__tab__images img.main-page-tabs__tab-selected-image {
  display: none;
}
.main-page-tabs .main-page-tabs__tab .main-page-tabs__tab-button .main-page-tabs__tab-text {
  font-size: clamp(0.625rem, 1.5vw + 0.3rem, 1.625rem);
  font-weight: 600;
}
.main-page-tabs .main-page-tabs__tab .main-page-tabs__tab-button .main-page-tabs__tab-under_text {
  font-size: 14px;
  margin-top: 20px;
  display: none;
}
.main-page-tabs .main-page-tabs__tab .main-page-tabs__tab-button .main-page-tabs__tab-under_arrow {
  display: none;
}
.main-page-tabs .main-page-tabs__tab.main-page-tabs__tab__selected, .main-page-tabs .main-page-tabs__tab:hover {
  background: #58bf4f;
  color: white;
}

.main-page-tabs__tab__content-container {
  position: relative;
  overflow: hidden;
  transition: all 0.5s, max-height 0.5s, border 0.5s;
  padding: 50px 0;
}
.main-page-tabs__tab__content-container.shrink_padding {
  padding: 50px 0;
}
.main-page-tabs__tab__content-container.main-page-tabs__tab__content-hidden {
  border-width: 0;
  max-height: 0;
  padding: 0;
}
.main-page-tabs__tab__content-container .main-page-tabs__tab__content-close-btn {
  position: absolute;
  margin: 10px;
  padding: 5px;
  top: 0;
  right: 0;
  cursor: pointer;
  background: #F8F8F8;
  border-radius: 30px;
}
.main-page-tabs__tab__content-container .main-page-tabs__tab__content-close-btn:hover {
  background: #dfdfdf;
}

.media-types-info {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  gap: 20px;
}
.media-types-info .top-row {
  display: flex;
  gap: 15px;
  width: 100%;
}
@media (max-width: 1024px) {
  .media-types-info .top-row {
    flex-wrap: wrap;
  }
}
@media (max-width: 640px) {
  .media-types-info .top-row {
    flex-direction: column;
  }
}
.media-types-info .top-row .selection-box {
  flex: 0 0 32.6%;
  min-width: 0;
}
@media (max-width: 1024px) {
  .media-types-info .top-row .selection-box {
    flex: 0 0 100%;
  }
}
.media-types-info .top-row .selection-box #media-type_info-select {
  height: 100%;
  width: 100%;
  border: 0;
  border-radius: 6px;
}
.media-types-info .top-row .details-container {
  flex: 1 1 35%;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.media-types-info .top-row .details-container .img_section {
  text-align: center;
}
@media (max-width: 1024px) {
  .media-types-info .top-row .details-container {
    flex: 1 1 48%;
  }
}
@media (max-width: 640px) {
  .media-types-info .top-row .details-container {
    flex: 0 0 100%;
  }
}
.media-types-info .top-row .calculator-box {
  flex: 1 1 35%;
  min-width: 0;
}
@media (max-width: 1024px) {
  .media-types-info .top-row .calculator-box {
    flex: 1 1 48%;
  }
}
@media (max-width: 640px) {
  .media-types-info .top-row .calculator-box {
    flex: 0 0 100%;
  }
}
.media-types-info .media-type-section {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  border: 1px solid #ddd;
  border-radius: 6px;
  overflow: hidden;
  background: #fff;
  flex: 1 1 auto;
}
.media-types-info .media-type-section img {
  object-fit: contain;
  align-self: center;
}
.media-types-info .media-type-section img.header_img {
  padding: 15px;
  max-height: 150px;
}
.media-types-info .media-type-section .text_part {
  max-width: 100%;
  width: 100%;
  padding: 15px;
}
.media-types-info .media-type-section .text_part.grid {
  display: grid;
  grid-template-columns: max-content 1fr;
}
.media-types-info .media-type-section .text_part .key_part {
  padding: 4px 20px 4px 4px;
  border-top: 1px solid #ddd;
  font-weight: bold;
  min-width: 100px;
}
.media-types-info .media-type-section .text_part .key_part:nth-child(4n+1) {
  background-color: #F8F8F8;
}
.media-types-info .media-type-section .text_part .value_part {
  padding: 4px;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
.media-types-info .media-type-section .text_part .value_part:nth-child(4n+2) {
  background-color: #F8F8F8;
}
.media-types-info .media-type-section h4 {
  font-size: 1.15rem;
  font-weight: bold;
  margin: 0;
}
.media-types-info .media-type-section p {
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 0;
}
.media-types-info .media-type-section-hidden {
  display: none;
  overflow: hidden;
}
.media-types-info .media-type-section-hidden.show {
  display: flex;
  animation: activation-animation 0.3s ease-in;
  box-shadow: 0 0 5px 0 rgba(175, 182, 217, 0.4);
}
@keyframes activation-animation {
  0% {
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.4);
  }
  50% {
    margin-top: -10px;
    box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.4);
  }
  100% {
    box-shadow: 0 0 5px 0 rgba(175, 182, 217, 0.4);
  }
}
.media-types-info .calculator-box {
  padding: 20px;
}
.media-types-info .calculator-box h4 {
  margin-bottom: 15px;
  text-align: center;
}
.media-types-info .calculator-box .media_prep_calc_table {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: space-evenly;
}
.media-types-info .calculator-box .media_prep_calc_table .media_prep_calc_table_cell {
  max-width: 40%;
}
.media-types-info .calculator-box .input_line_calc-field {
  display: flex;
  align-items: center;
}
.media-types-info .calculator-box .input_line_calc-field label {
  line-height: 1;
}
.media-types-info .calculator-box .calc-field {
  margin-bottom: 12px;
}
.media-types-info .calculator-box .calc-field label {
  display: block;
  font-weight: 600;
  margin-bottom: 4px;
  font-size: 0.7rem;
}
.media-types-info .calculator-box .calc-field input,
.media-types-info .calculator-box .calc-field select {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 1rem;
  box-sizing: border-box;
}
.media-types-info .calculator-box .calc-field input:focus,
.media-types-info .calculator-box .calc-field select:focus {
  outline: none;
  border-color: #58BF4F;
  box-shadow: 0 0 0 2px rgba(88, 191, 79, 0.15);
}
.media-types-info .calculator-box .btn-calculate {
  display: block;
  width: 100%;
  padding: 10px 16px;
  background-color: #58BF4F;
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  margin-top: 10px;
  transition: background-color 0.2s;
}
.media-types-info .calculator-box .btn-calculate:hover:not(:disabled) {
  background-color: #7B9C24;
}
.media-types-info .calculator-box .btn-calculate:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.media-types-info .calculator-box .calc-error {
  margin-top: 10px;
  padding: 8px 12px;
  border-radius: 4px;
  font-size: 0.9rem;
}
.media-types-info .calculator-box .calc-error.error {
  background-color: #fff0f0;
  color: #CC0000;
  border: 1px solid #CC0000;
}
.media-types-info .minis-separator {
  display: flex;
  align-items: center;
  text-align: center;
  color: #888;
  font-size: 0.95rem;
  font-weight: 600;
  margin: 5px 0 15px;
}
.media-types-info .minis-separator::before, .media-types-info .minis-separator::after {
  content: "";
  flex: 1;
  border-bottom: 1px solid #ddd;
}
.media-types-info .minis-separator::before {
  margin-right: 15px;
}
.media-types-info .minis-separator::after {
  margin-left: 15px;
}
.media-types-info .results-row {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  width: 100%;
  animation: results-slide-in 0.4s ease-out;
}
@media (max-width: 1024px) {
  .media-types-info .results-row {
    flex-wrap: wrap;
  }
}
@media (max-width: 640px) {
  .media-types-info .results-row {
    flex-direction: column;
  }
}
.media-types-info .results-row .result-box {
  flex: 1 1 calc(33.333% - 10px);
  min-width: 250px;
  box-shadow: 0 0 5px 0 rgba(175, 182, 217, 0.4);
  justify-content: start;
}
@media (max-width: 1024px) {
  .media-types-info .results-row .result-box {
    flex: 1 1 calc(50% - 15px);
  }
}
@media (max-width: 640px) {
  .media-types-info .results-row .result-box {
    flex: 0 0 100%;
  }
}
.media-types-info .results-row .result-box .result-header {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 15px;
  background-color: #F8F8F8;
  border-bottom: 1px solid #ddd;
}
.media-types-info .results-row .result-box .result-header .result-step {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background-color: #58BF4F;
  color: #fff;
  font-weight: 700;
  border-radius: 50%;
  font-size: 0.85rem;
  flex-shrink: 0;
}
.media-types-info .results-row .result-box .result-header .result-step-tip {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  color: #58BF4F;
  font-size: 1.5rem;
  flex-shrink: 0;
}
.media-types-info .results-row .result-box .result-header h4 {
  margin: 0;
}
.media-types-info .results-row .result-box .result-image {
  text-align: center;
}
.media-types-info .results-row .result-box .result-image img {
  max-width: 100%;
  max-height: 160px;
  padding: 15px;
  object-fit: contain;
}
.media-types-info .results-row .result-box .result-content {
  padding: 15px;
  font-size: 0.95rem;
  line-height: 1.6;
  word-wrap: break-word;
}
.media-types-info .results-row .result-box .result-content ul {
  margin: 5px 0;
  padding-left: 18px;
}
.media-types-info .results-row .result-box .result-content li {
  margin-bottom: 4px;
}
.media-types-info .results-row .result-box .result-content strong {
  color: #333;
}
@keyframes results-slide-in {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.media-types-info .email-row {
  display: flex;
  justify-content: center;
  padding: 15px;
  background-color: #F8F8F8;
  border: 1px solid #ddd;
  border-radius: 6px;
  animation: results-slide-in 0.4s ease-out;
}
.media-types-info .email-row form {
  width: 100%;
  max-width: 600px;
}
.media-types-info .email-row .email-field-group {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
@media (max-width: 640px) {
  .media-types-info .email-row .email-field-group {
    flex-direction: column;
    align-items: stretch;
  }
}
.media-types-info .email-row .email-field-group label {
  font-weight: 600;
  white-space: nowrap;
  font-size: 0.95rem;
}
@media (max-width: 640px) {
  .media-types-info .email-row .email-field-group label {
    text-align: center;
  }
}
.media-types-info .email-row .email-field-group input[type=email] {
  flex: 1;
  padding: 8px 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 1rem;
  min-width: 200px;
  box-sizing: border-box;
  margin: 0;
}
.media-types-info .email-row .email-field-group input[type=email]:focus {
  outline: none;
  border-color: #58BF4F;
  box-shadow: 0 0 0 2px rgba(88, 191, 79, 0.15);
}
@media (max-width: 640px) {
  .media-types-info .email-row .email-field-group input[type=email] {
    min-width: unset;
    width: 100%;
  }
}
.media-types-info .email-row .email-field-group .btn-email {
  padding: 8px 20px;
  background-color: #58BF4F;
  color: #fff;
  font-size: 0.95rem;
  font-weight: 600;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  white-space: nowrap;
  transition: background-color 0.2s;
}
.media-types-info .email-row .email-field-group .btn-email:hover:not(:disabled) {
  background-color: #7B9C24;
}
.media-types-info .email-row .email-field-group .btn-email:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
@media (max-width: 640px) {
  .media-types-info .email-row .email-field-group .btn-email {
    width: 100%;
  }
}
.media-types-info .email-row .email-status {
  margin-top: 10px;
  padding: 8px 12px;
  border-radius: 4px;
  font-size: 0.9rem;
  text-align: center;
}
.media-types-info .email-row .email-status.success {
  background-color: #f0fff0;
  color: #58BF4F;
  border: 1px solid #58BF4F;
}
.media-types-info .email-row .email-status.error {
  background-color: #fff0f0;
  color: #CC0000;
  border: 1px solid #CC0000;
}
.media-types-info .email-row.not-logged .email-field-group {
  flex-direction: column;
  align-items: stretch;
}
.media-types-info .email-row.not-logged .email-field-group > label {
  text-align: left;
}
@media (max-width: 640px) {
  .media-types-info .email-row.not-logged .email-field-group > label {
    text-align: center;
  }
}
.media-types-info .email-row.not-logged .email-name-row,
.media-types-info .email-row.not-logged .email-contact-row {
  display: flex;
  gap: 10px;
}
@media (max-width: 640px) {
  .media-types-info .email-row.not-logged .email-name-row,
  .media-types-info .email-row.not-logged .email-contact-row {
    flex-direction: column;
  }
}
.media-types-info .email-row.not-logged input[type=text],
.media-types-info .email-row.not-logged input[type=email] {
  flex: 1;
  min-width: 0;
}
@media (max-width: 640px) {
  .media-types-info .email-row.not-logged input[type=text],
  .media-types-info .email-row.not-logged input[type=email] {
    width: 100%;
  }
}
.media-types-info .email-row.not-logged .btn-email {
  align-self: flex-end;
}
@media (max-width: 640px) {
  .media-types-info .email-row.not-logged .btn-email {
    width: 100%;
    align-self: stretch;
  }
}
.media-types-info .email-row.not-logged .required-note-calc {
  margin: 0;
  font-size: 0.85rem;
  color: #888;
}

.document-finder-container {
  display: flex;
  justify-content: space-around;
  margin-top: 30px;
  margin-bottom: 15px;
  flex-flow: wrap;
  text-align: center;
  max-width: 80%;
  margin: auto;
}
.document-finder-container.full_width {
  max-width: 100%;
}
.document-finder-container .document-finder-box h4 {
  font-size: 20px;
  text-align: left;
  font-weight: bold;
}
.document-finder-container .document-finder-box .document-finder-coa-lot-asterix {
  position: relative;
  top: -16px;
  text-align: left;
}
.document-finder-container .document-finder-box .document-finder-single-result-box {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  margin-top: 20px;
  background: #F8F8F8;
  font-size: 15px;
}
.document-finder-container .document-finder-box .document-finder-single-result-box a.document-finder-single-result {
  color: #58BF4F;
  font-weight: 600;
}
.document-finder-container .document-finder-box .document-finder-single-result-box a.document-finder-single-result img {
  padding: 0 5px;
}
.document-finder-container .doc-finder-coa-results {
  width: 45rem;
  max-width: 100vw;
  max-height: 100vh;
}
.document-finder-container .doc-finder-coa-results .document-finder-single-result-iframe {
  width: 100%;
  height: 45rem;
  border: none;
  display: block;
}

.customer_reviews_content_box {
  overflow: hidden;
}

.customer_reviews_controller {
  margin: 0 15px;
}
.customer_reviews_controller .customer_reviews_controller__arrow {
  text-align: center;
  width: 35px;
  border-radius: 10px;
  padding: 7px;
  display: inline-block;
}
.customer_reviews_controller .customer_reviews_controller__arrow.clickable {
  margin: 0 5px 20px 5px;
  cursor: pointer;
}
.customer_reviews_controller .customer_reviews_controller__arrow.clickable:hover {
  background: #dfdfdf;
}
.customer_reviews_controller .customer_reviews_controller__arrow.customer_reviews_controller__next {
  transform: scaleX(-1);
}
.customer_reviews_controller .customer_reviews_controller__arrow.customer_reviews_controller__text {
  font-size: 16px;
  font-weight: bold;
}
.customer_reviews_controller .customer_reviews_controller__arrow.customer_reviews_controller__text .customer_reviews_controller_current_page {
  color: #58BF4F;
}
.customer_reviews_controller .customer_reviews_conteiner {
  position: relative;
  transition: 1s;
  display: flex;
  justify-content: space-between;
  align-items: end;
}
.customer_reviews_controller .customer_reviews_conteiner .customer_review_box {
  margin: 10px;
  padding: 20px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  background: #F8F8F8;
  height: 100%;
  min-width: 280px;
  text-align: center;
  border-radius: 5px;
  font-size: 14px;
}
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .customer_reviews_controller .customer_reviews_conteiner .customer_review_box {
    min-width: 235px;
  }
}
.customer_reviews_controller .customer_reviews_conteiner .customer_review_box .customer_review_box_header_logo {
  margin-bottom: 20px;
  height: 70px;
}
.customer_reviews_controller .customer_reviews_conteiner .customer_review_box .customer_review_box_header_logo img {
  max-height: 50px;
}
.customer_reviews_controller .customer_reviews_conteiner .customer_review_box .customer_review_box_review {
  position: relative;
  min-height: 160px;
}
.customer_reviews_controller .customer_reviews_conteiner .customer_review_box .customer_review_box_review p {
  font-style: italic;
}
.customer_reviews_controller .customer_reviews_conteiner .customer_review_box .customer_review_box_loog {
  margin-top: 10px;
}

#shopFilter {
  margin-top: 20px;
}

.shop-filter-category-options {
  display: flex;
  min-width: fit-content;
  width: 500px;
  gap: 10px;
  color: #C8C9CA;
}
.shop-filter-category-options .shop-filter-button,
.shop-filter-category-options .shop-filter-category-option-container {
  cursor: pointer;
  transition: 0.2s ease;
  padding-right: 10px;
}
.shop-filter-category-options .shop-filter-button:hover,
.shop-filter-category-options .shop-filter-category-option-container:hover {
  color: black;
  font-weight: 600;
  text-decoration: underline 3px #58BF4F solid;
  margin-top: -5px;
}
.shop-filter-category-options .shop-filter-tick-box--highlight,
.shop-filter-category-options .shop-filter-tick-box--ticked {
  color: black;
  font-weight: 600;
  text-decoration: underline 3px #58BF4F solid;
  margin-top: -3px !important;
}

.address_form_wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.address_form_wrapper .address_field_wrapper {
  width: 100%;
}
@media screen and (min-width: 70em) {
  .address_form_wrapper .address_field_wrapper.half_size {
    width: 49%;
  }
}

@media (max-width: 1000px) {
  .button-read-more-bar {
    display: block;
    text-align: center;
    width: 100%;
  }
}
.glossary__item {
  overflow: hidden;
  padding-bottom: 35px;
  margin-bottom: 20px;
  border-bottom: 1px solid #E5E5E5;
}

.glossary__title {
  color: #58BF4F;
  font-size: 1.125rem;
  font-weight: bold;
  margin: 0 0 10px 0 !important;
}

.glossary__content {
  color: #606060;
  font-size: 0.875rem;
}
.glossary__content b,
.glossary__content strong {
  color: #0a0a0a;
}
.glossary__content span {
  color: #606060;
  font-size: 0.875rem;
  display: block;
  padding-left: 35px;
  font-style: italic;
  margin-top: 5px;
}

.pagination {
  clear: both;
  margin-top: 30px;
  padding: 25px;
  text-align: center;
}

.pagination__button {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 8px;
  background: #f2f2f2;
  border: 1px solid #e0e5e5;
  border-radius: 50%;
  box-shadow: 0 2px 1px 0 rgba(1, 1, 1, 0.2);
  cursor: pointer;
}

.pagination__arrow {
  display: block;
  padding: 7px 5px;
  font-size: 1.5rem;
  color: #3f3f3f;
}

h4 {
  font-size: 1.125rem;
  margin: 30px 0;
}

.static-content {
  overflow: visible;
  padding-top: 40px;
  margin-bottom: 50px !important;
}
.static-content .centered {
  text-align: center;
  margin: 0 auto;
}
.static-content h4 {
  font-size: 1.125rem;
  margin: 30px 0;
}
.static-content p.paragraph {
  font-size: 1rem;
  line-height: 1.75rem;
}
.static-content p.paragraph--contact-details {
  margin-top: 20px;
  line-height: 2rem;
}
.static-content .icon-column {
  text-align: center;
}
.static-content .centered {
  text-align: center;
}
.static-content .case-studie-box {
  width: 70%;
  margin: 30px auto;
}
.static-content .case-studie-box h2 {
  margin-bottom: 50px;
  margin-top: 70px;
}
@media (max-width: 600px) {
  .static-content .case-studie-box {
    width: 100%;
  }
}

@media screen and (max-width: 59.9375em) {
  .static-content {
    margin-bottom: 0 !important;
  }
}
.static-content__images {
  margin-bottom: 35px;
}
.static-content__images img {
  width: 400px;
}

.about-us-team {
  margin-left: 40px;
  margin-top: 50px;
}
@media (max-width: 900px) {
  .about-us-team {
    margin-left: 0;
    margin-top: 30px;
  }
}

img.last_image {
  margin-bottom: 50px;
}

.contact-header-image {
  text-align: center;
}

.contact-header-image > img {
  width: 100%;
}

.contact-form {
  width: 100%;
  margin-left: 30px;
}
@media screen and (min-width: 60em) and (max-width: 69.9375em) {
  .contact-form {
    margin-left: 0;
    margin-top: 50px;
  }
}
@media screen and (max-width: 59.9375em) {
  .contact-form {
    margin: 0;
  }
}
.contact-form .section-title {
  width: 100%;
  text-align: center;
  padding-top: 18px;
}
.contact-form .fieldset {
  padding: 0 1.125rem;
  margin: 0 1.125rem;
  border: 0;
}

@media screen and (max-width: 59.9375em) {
  .contact-form--fieldset {
    margin: 0 !important;
    display: block;
  }
  .contact-form--fieldset .form__field--radios {
    display: block;
  }
  .contact-form--fieldset .form__field--radios label {
    width: unset;
    padding-left: 40px;
  }
  .contact-form--fieldset input[type=radio] {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
  }
  .contact-form--fieldset textarea,
  .contact-form--fieldset input[type=text] {
    font-weight: 500;
  }
  .contact-form--fieldset textarea::placeholder,
  .contact-form--fieldset input[type=text]::placeholder {
    color: #C8C9CA;
  }
}

@media screen and (max-width: 59.9375em) {
  .box--contact-form {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
.box--contact-form h1.main-title {
  text-align: center;
}

@media screen and (max-width: 69.9375em) {
  .contact-form__map {
    text-align: center;
  }
  .contact-form__map img {
    width: 100%;
  }
  .column__8--contact-form {
    padding: 0 !important;
  }
  .contact-header-image {
    display: none;
  }
}
.popup__title {
  color: #2f2f2f;
  font-size: 0.8125rem;
  font-weight: bold;
}

.popup__header {
  background: #3d4d7a;
  padding: 12px 15px;
  text-align: center;
  margin: 3px;
  text-transform: uppercase;
  color: #fff;
  font-size: 0.8125rem;
  font-weight: bold;
  border-radius: 3px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

.popup__content-column {
  width: 50%;
  float: left;
  height: 100%;
}
.popup__content-column:first-child {
  border-right: 1px solid #dfe1e0;
}

.popup__content-row {
  border-bottom: 1px solid #dfe1e0;
  padding: 12px 20px;
  text-align: center;
}
.popup__content-row:last-child {
  border-bottom: 0;
}
.popup__content-row .img_wrapper {
  height: 150px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 140px;
}
.popup__content-row img {
  max-height: 150px;
  max-width: 80%;
}

.popup__content-row-header {
  color: #838383;
  font-size: 0.8125rem;
  font-weight: bold;
  text-transform: uppercase;
}

/* end min-width 1100px */
#toast-container > div {
  opacity: 1 !important;
}

.toast-info {
  background-color: #9cbd46 !important;
}

.answer {
  overflow: hidden;
}
.answer table,
.answer tr,
.answer td,
.answer p,
.answer span,
.answer div {
  font-family: "Red Hat Display", "Ubuntu", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif !important;
}

.reveal {
  position: fixed;
  top: 0 !important;
}
@media screen and (min-width: 60em) {
  .reveal {
    border-radius: 3px;
  }
}

#get-quote-form-reveal {
  width: 400px;
}
#get-quote-form-reveal .main-quote-title {
  font-size: 1.5rem;
  font-weight: bold;
}
#get-quote-form-reveal .main-quote-title_undertext {
  font-size: 0.7rem;
  text-align: center;
}
#get-quote-form-reveal .form__field {
  margin: 10px;
}
#get-quote-form-reveal .form__field-quote label {
  margin: 0;
}
#get-quote-form-reveal .actions-bar {
  display: block;
  padding: 0;
  margin: 0;
}
#get-quote-form-reveal .actions-bar .my-button-secondary--flat {
  width: 95%;
  height: 40px;
  margin-top: 10px;
}

@media screen and (max-width: 59.9375em) {
  .full-screen-reveal {
    margin: 0;
    bottom: 0;
  }
}

.reveal-overlay {
  background-color: rgba(32, 32, 32, 0.8);
}

.close-button {
  color: #a8abab;
  border: 2px solid #a8abab;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  padding-top: 0;
  font-size: 1.125rem;
  line-height: 1.125rem;
}

.modal-header {
  border-bottom: 1px solid #e0e5e5;
  overflow: hidden;
  position: relative;
}

.modal-title {
  font-size: 1.875rem;
  color: #58BF4F;
  text-align: center;
}

.modal-subtitle {
  font-size: 1rem;
  color: #3f3f3f;
  text-align: center;
  font-weight: 400;
  margin-bottom: 30px;
}

.modal-cartoon {
  position: absolute;
  bottom: 0;
  left: 0;
}

.reveal-video {
  width: 1000px;
}

.reveal-share {
  width: 900px;
  height: 200px;
}

.cbutton {
  position: relative;
  display: inline-block;
  overflow: visible;
}

.cbutton__icon {
  display: block;
}

.cbutton__text {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.cbutton::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -35px 0 0 -35px;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
}

/* Effect Boris */
.cbutton--effect-boris::after {
  background: rgba(27, 72, 103, 0.2);
}

.cbutton--effect-boris.cbutton--click::after {
  animation: anim-effect-boris 0.3s forwards;
}

@keyframes anim-effect-boris {
  0% {
    transform: scale3d(0.3, 0.3, 1);
  }
  25%, 50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1);
  }
}
.messages {
  list-style: none;
  padding: 0;
  margin: 0 0 30px;
}

.info,
.success,
.warning,
.error,
.validation {
  border: 1px solid;
  margin: 10px 0;
  padding: 15px 10px 15px 50px;
  background: no-repeat 10px center;
  border-radius: 3px;
}

.error-text {
  color: red !important;
}

.info {
  color: #00529B;
  background-color: #BDE5F8;
}

.success {
  color: #4F8A10;
  background-color: #DFF2BF;
}

.warning {
  color: #9F6000;
  background-color: #FEEFB3;
}

.error {
  color: #D8000C;
  background-color: #FFBABA;
}

@media (min-width: 768px) {
  .introduction-content .intro-row {
    padding: 0 50px;
  }
}
.introduction-content .column__4 {
  text-align: center;
}
.introduction-content img {
  max-height: 160px;
  object-fit: contain;
}
.introduction-content .row {
  max-width: 73.75rem;
  margin-left: auto;
  margin-right: auto;
}
.introduction-content .row::before, .introduction-content .row::after {
  content: " ";
  display: table;
}
.introduction-content .row::after {
  clear: both;
}
.introduction-content .quote {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media screen and (min-width: 40em) {
  .introduction-content .quote {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
.introduction-content .quote {
  width: 66.6666666667%;
  float: left;
}
.introduction-content .quote:last-child:not(:first-child) {
  float: right;
}
.introduction-content .quote {
  font-style: italic;
  padding-left: 0 !important;
}
.introduction-content .quote p {
  line-height: 1.5rem;
}
.introduction-content .sponsors-logo {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media screen and (min-width: 40em) {
  .introduction-content .sponsors-logo {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
.introduction-content .sponsors-logo {
  width: 33.3333333333%;
  float: left;
}
.introduction-content .sponsors-logo:last-child:not(:first-child) {
  float: right;
}
.introduction-content .sponsors-logo {
  text-align: center;
}
.introduction-content .sponsors-logo img {
  max-width: 130px;
}

.cartoon-mobile {
  text-align: center;
  font-weight: 500;
  font-size: 0.875rem;
}
@media screen and (min-width: 60em) {
  .cartoon-mobile {
    display: none;
  }
}
.cartoon-mobile img {
  width: 100%;
}

.cartoon-row {
  height: 400px;
}
@media screen and (max-width: 59.9375em) {
  .cartoon-row {
    display: none;
  }
}
.cartoon-row .cartoon {
  margin: 10px 0;
}
.cartoon-row .cartoon img {
  margin-bottom: -100px;
  width: 100%;
}
.cartoon-row .cartoon p {
  font-size: 1.125rem;
  line-height: 1.3125rem;
  text-align: center;
}
.cartoon-row .cartoon .asterix {
  font-size: 0.5625rem;
  line-height: 0.625rem;
}
.cartoon-row .cartoon .sq1 {
  margin-top: 20px;
}
.cartoon-row .cartoon .sq3 {
  margin-top: 40px;
}
@media (max-width: 320px) {
  .cartoon-row .cartoon .margin-on-mobile {
    margin-top: 15px;
  }
}
@media (min-width: 800px) and (max-width: 1140px) {
  .cartoon-row .cartoon p {
    font-size: 0.9375rem;
    line-height: 1.125rem;
  }
}
.cartoon-row .cartoon--long-test img {
  margin-bottom: -115px;
}
@media (min-width: 800px) and (max-width: 1140px) {
  .cartoon-row .cartoon--long-test img {
    margin-bottom: -100px;
  }
}

.product-documents__row {
  max-width: 73.75rem;
  margin-left: auto;
  margin-right: auto;
}
.product-documents__row::before, .product-documents__row::after {
  content: " ";
  display: table;
}
.product-documents__row::after {
  clear: both;
}
@media (min-width: 768px) {
  .product-documents__row {
    margin: 0 50px;
  }
}

.product-documents__column {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media screen and (min-width: 40em) {
  .product-documents__column {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
.product-documents__column {
  width: 100%;
  float: left;
}
.product-documents__column:last-child:not(:first-child) {
  float: right;
}
@media (min-width: 768px) {
  .product-documents__column {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 33.3333333333%;
    float: left;
  }
}
@media screen and (min-width: 768px) and (min-width: 40em) {
  .product-documents__column {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
@media (min-width: 768px) {
  .product-documents__column:last-child:not(:first-child) {
    float: right;
  }
}
.product-documents__column h3 {
  font-weight: bold;
  font-size: 1.375rem;
}
.product-documents__column p {
  margin: 30px 0;
}
.product-documents__column .product-documents__bottle {
  margin: 20px 0;
  text-align: center;
}
.product-documents__column .product-documents__bottle img {
  height: 215px;
}
@media (min-width: 768px) {
  .product-documents__column .product-documents__bottle {
    text-align: left;
  }
  .product-documents__column .product-documents__bottle img {
    height: 482px;
  }
}

.document-request-form--documents {
  display: inline-block;
}

.document-request-form--document {
  display: inline-block;
  margin: 0 18px;
}
.document-request-form--document img {
  height: 140px;
  width: 90px;
}
@media (max-width: 425px) {
  .document-request-form--document img {
    display: none;
  }
}
.document-request-form--document div {
  display: block;
  margin-top: 10px;
  color: #ffffff;
  font-size: 0.875rem;
}

.document-request-form {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media screen and (min-width: 40em) {
  .document-request-form {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
.document-request-form {
  width: 100%;
  float: left;
}
.document-request-form:last-child:not(:first-child) {
  float: right;
}
.document-request-form {
  background-color: #7e8181;
  text-align: center;
  overflow: hidden;
}
@media (min-width: 768px) {
  .document-request-form {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 66.6666666667%;
    float: left;
  }
}
@media screen and (min-width: 768px) and (min-width: 40em) {
  .document-request-form {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
@media (min-width: 768px) {
  .document-request-form:last-child:not(:first-child) {
    float: right;
  }
}
.document-request-form p.title {
  font-size: 1.375rem;
  font-weight: bold;
  color: #fdfdfd;
  padding-top: 20px;
}
.document-request-form form {
  padding: 35px;
  overflow: auto;
}
.document-request-form input.submit {
  background-color: #abcd54;
  font-size: 1.25rem;
  color: #ffffff;
  line-height: 1.2;
  border: 0;
  padding: 3px 10px;
}
@media (min-width: 1024px) {
  .document-request-form input.submit {
    margin-top: 25px;
  }
}

@media (max-width: 960px) {
  .column_4--docs-product {
    text-align: center;
  }
  .column_4--docs-product img {
    width: 50%;
    margin-bottom: 50px;
  }
  .column__8--docs-form {
    padding: 0 !important;
  }
  .column__8--docs-form .document-request-form {
    margin-left: 0;
  }
}
.customers-logo-divider {
  width: 100%;
  height: 30px;
  background: url("/site_media/images/footer_line.png") repeat;
}

.bx-viewport {
  margin-left: 0;
}

.bx-prev {
  left: -25px !important;
}

.bx-next {
  right: -25px !important;
}

.bx-wrapper {
  margin: 0 auto 15px auto !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  border: 0 !important;
  max-width: 100% !important;
}

.bxslider-inner {
  margin: 0 20px;
}

.empty-testimonials {
  padding: 160px;
  text-align: center;
  color: #aaa;
  font-size: 1.125rem;
}

#get-quote-form-reveal {
  border: 0;
  overflow: scroll;
}
#get-quote-form-reveal .close-button {
  color: #000000;
  border: 2px solid #ffffff;
}

#need-quote-modal-reveal {
  background-color: #1a9cd5;
  border: 0;
  overflow: visible;
}
#need-quote-modal-reveal .close-button {
  color: #ffffff;
  border: 2px solid #ffffff;
}

.get-quote-form {
  position: relative;
}
.get-quote-form h1 {
  text-align: center;
}

.quote-form-on-page {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media screen and (min-width: 40em) {
  .quote-form-on-page {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
.quote-form-on-page {
  width: 100%;
  float: left;
}
.quote-form-on-page:last-child:not(:first-child) {
  float: right;
}
.quote-form-on-page {
  padding: 0 10px;
  background-color: #1a9cd5;
}
@media (min-width: 425px) {
  .quote-form-on-page {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 50%;
    float: left;
  }
}
@media screen and (min-width: 425px) and (min-width: 40em) {
  .quote-form-on-page {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
@media (min-width: 425px) {
  .quote-form-on-page:last-child:not(:first-child) {
    float: right;
  }
}

.header__cart__need_a_quote_area .image_row {
  margin: 30px;
  height: 150px;
  text-align: center;
}
.header__cart__need_a_quote_area .how-to-quote {
  padding: 30px 50px;
}
.header__cart__need_a_quote_area .how-to-quote .strong {
  font-weight: 600;
  text-align: center;
}

.search_results {
  margin: 40px 20px 100px;
}

.ui-autocomplete {
  max-height: 400px;
  overflow-y: auto;
  /* prevent horizontal scrollbar */
  overflow-x: hidden;
  max-width: 600px;
  width: 90%;
  border: solid 2px #2898d4;
}

.ui-autocomplete-category {
  height: 50px;
  display: table-cell;
  vertical-align: bottom;
}

.ui-autocomplete-category div {
  font-weight: bold;
  line-height: 1.5;
  padding-bottom: 10px;
  padding-left: 10px;
}

.ui-autocomplete-loading {
  background: white url("/site_media/images/loading.gif") right center no-repeat;
}

.ui-menu .ui-menu-item {
  margin: 2px 0;
}

.ui-menu-item-wrapper span {
  display: table-cell;
  line-height: initial;
  vertical-align: middle;
}

.ui-state-focus,
.ui-widget-content .ui-state-focus {
  background-color: #ffffff !important;
}

.ui-menu-item-image {
  height: 50px;
  width: 75px;
  float: left;
  margin: 0 5px;
  text-align: center;
}
.ui-menu-item-image img {
  height: 100%;
}

.static-introduction {
  font-weight: bold;
}

.payment__image {
  display: none;
}
@media (min-width: 960px) {
  .payment__image {
    display: block;
    float: right;
    width: 150px;
    margin: 30px 230px 30px 65px;
  }
}

@media (min-width: 768px) {
  .my-account {
    background-size: contain;
    margin: 50px 0;
  }
}
.my-account {
  text-align: center;
}

.profile-info {
  width: 400px;
  margin-top: 0;
}

.account-edit {
  padding: 15px 60px;
  float: left;
  text-transform: none;
}

@media screen and (min-width: 60em) {
  .main-title--my-account {
    margin-bottom: 100px;
  }
}

.my-account__nav {
  text-align: center;
}
@media screen and (min-width: 60em) {
  .my-account__nav {
    display: flex;
    justify-content: space-between;
  }
}

.my-account__button {
  overflow: hidden;
  display: inline-block;
  background-color: #58BF4F;
  padding: 5px 60px;
  height: auto;
  border: 0;
  cursor: pointer;
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-transition: all 100ms ease-in;
  -webkit-transition: all 100ms ease-in;
  -o-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
}
.my-account__button:not(.disabled):hover {
  cursor: pointer;
}
.my-account__button:not(.disabled):focus {
  color: #fff;
}
.my-account__button a {
  text-transform: uppercase;
  color: white;
}
.my-account__button {
  display: inline-block;
  font-size: 1.25rem;
  color: #ffffff;
  text-align: center;
  margin: 0 0 10px;
  height: 50px;
  border-radius: 3px;
}
@media screen and (max-width: 59.9375em) {
  .my-account__button {
    width: 100%;
    padding: 15px 50px;
    font-size: 1.125rem;
  }
}
.my-account__button {
  font-size: 1rem;
}
@media screen and (min-width: 60em) {
  .my-account__button {
    padding: 5px 0;
    width: 300px;
    max-width: 100%;
  }
}
.my-account__button:not(.disabled):hover {
  transform: translateY(1px);
}
.my-account__button:not(.disabled):active {
  transform: translateY(3px);
}
.my-account__button.disabled {
  background-color: #eaeaea;
  color: #b1b1b1;
}
.my-account__button.disabled:hover {
  cursor: default;
}
.my-account__button div {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.my-account__button input {
  height: 100%;
  background: none;
  border: none;
}
@media screen and (min-width: 60em) {
  .my-account__button {
    width: 32%;
  }
}

.logout-link {
  overflow: hidden;
  display: inline-block;
  background-color: #d7493e;
  padding: 5px 60px;
  height: auto;
  border: 0;
  cursor: pointer;
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-transition: all 100ms ease-in;
  -webkit-transition: all 100ms ease-in;
  -o-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
}
.logout-link:not(.disabled):hover {
  cursor: pointer;
}
.logout-link:not(.disabled):focus {
  color: #fff;
}
.logout-link a {
  text-transform: uppercase;
  color: white;
}
.logout-link {
  padding: 0 30px;
  margin-top: 13px;
  float: right;
  z-index: 100;
}
@media screen and (min-width: 60em) {
  .logout-link {
    position: absolute;
    right: 45px;
    top: 50px;
  }
}
@media screen and (max-width: 59.9375em) {
  .logout-link {
    margin-right: 10px;
  }
}
.logout-link a {
  text-transform: uppercase;
  color: #ffffff;
}

.orders__row {
  margin-bottom: 40px;
  font-size: 0.9375rem;
}
.orders__row > div:nth-child(2n+3) {
  margin-top: 30px;
}

.orders__row__date {
  margin-bottom: 10px;
  margin-left: 10px;
}

.orders__order-detail-container--mobile {
  background: #F8F8F8;
  width: 100vw;
  padding: 20px 10px;
}
.orders__order-detail-container--mobile > div:not(:last-child) {
  margin-bottom: 20px;
}

.orders__row-title--mobile {
  font-weight: 500;
}

.orders__download--mobile {
  color: #F28C40;
  font-weight: 500;
  margin-left: auto;
}

.orders-table {
  margin: 30px 0;
  border-spacing: 0 15px;
  border-collapse: separate;
}
.orders-table tbody {
  border: 0 !important;
}
.orders-table tr:not(:first-child) {
  background-color: #F8F8F8 !important;
}
.orders-table td {
  height: 60px;
  font-size: 0.875rem;
  text-align: center;
  font-weight: 500;
}

.profile-info-button {
  overflow: hidden;
  display: inline-block;
  background-color: #F28C40;
  padding: 5px 60px;
  height: auto;
  border: 0;
  cursor: pointer;
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-transition: all 100ms ease-in;
  -webkit-transition: all 100ms ease-in;
  -o-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
}
.profile-info-button:not(.disabled):hover {
  cursor: pointer;
}
.profile-info-button:not(.disabled):focus {
  color: #fff;
}
.profile-info-button a {
  text-transform: uppercase;
  color: white;
}
.profile-info-button {
  display: inline-block;
  font-size: 1.25rem;
  color: #ffffff;
  text-align: center;
  margin: 0 0 10px;
  height: 50px;
  border-radius: 3px;
}
@media screen and (max-width: 59.9375em) {
  .profile-info-button {
    width: 100%;
    padding: 15px 50px;
    font-size: 1.125rem;
  }
}
.profile-info-button {
  font-size: 1rem;
}
@media screen and (min-width: 60em) {
  .profile-info-button {
    padding: 5px 0;
    width: 300px;
    max-width: 100%;
  }
}
.profile-info-button:not(.disabled):hover {
  transform: translateY(1px);
}
.profile-info-button:not(.disabled):active {
  transform: translateY(3px);
}
.profile-info-button.disabled {
  background-color: #eaeaea;
  color: #b1b1b1;
}
.profile-info-button.disabled:hover {
  cursor: default;
}
.profile-info-button div {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.profile-info-button input {
  height: 100%;
  background: none;
  border: none;
}
@media screen and (max-width: 59.9375em) {
  .profile-info-button {
    padding: 12px 30px;
    margin-bottom: 50px;
    margin-top: 30px;
    font-size: 0.8125rem;
  }
}
@media screen and (min-width: 60em) {
  .profile-info-button {
    width: 100%;
  }
}

.label-newsletter {
  width: 373px;
  padding-left: 24px;
  font-size: 0.75rem;
  color: #333333;
}

.address-add {
  overflow: hidden;
  display: inline-block;
  background-color: #9cbd46;
  padding: 5px 60px;
  height: auto;
  border: 0;
  cursor: pointer;
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-transition: all 100ms ease-in;
  -webkit-transition: all 100ms ease-in;
  -o-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
}
.address-add:not(.disabled):hover {
  cursor: pointer;
}
.address-add:not(.disabled):focus {
  color: #fff;
}
.address-add a {
  text-transform: uppercase;
  color: white;
}

@media screen and (max-width: 59.9375em) {
  .shipping-addresses-wrapper {
    padding: 50px 0;
  }
}
@media screen and (min-width: 60em) {
  .shipping-addresses-wrapper {
    margin-top: 30px;
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 59.9375em) {
  .shipping-addresses-wrapper .slider_addresses {
    background: white;
  }
}

#billingAddressContainer {
  background-color: #F8F8F8;
  padding-top: 60px;
  padding-bottom: 20px;
}

@media screen and (min-width: 60em) {
  .billing-address-box,
  .broker-address-box {
    display: inline-block;
  }
}

.reveal-wrapper {
  background-color: #1a9cd5;
  border: 0;
}
.reveal-wrapper .close-button {
  color: #ffffff;
  border: 2px solid #ffffff;
}
.reveal-wrapper h1 {
  text-align: center;
  color: #ffffff;
}
.reveal-wrapper .save-button {
  overflow: hidden;
  display: inline-block;
  background-color: #9cbd46;
  padding: 5px 60px;
  height: auto;
  border: 0;
  cursor: pointer;
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-transition: all 100ms ease-in;
  -webkit-transition: all 100ms ease-in;
  -o-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
}
.reveal-wrapper .save-button:not(.disabled):hover {
  cursor: pointer;
}
.reveal-wrapper .save-button:not(.disabled):focus {
  color: #fff;
}
.reveal-wrapper .save-button a {
  text-transform: uppercase;
  color: white;
}
.reveal-wrapper .save-button {
  padding: 12px 30px;
}
@media screen and (max-width: 59.9375em) {
  .reveal-wrapper .save-button {
    width: 100%;
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 59.9375em) {
  .reveal-wrapper .cancel-button {
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 1.25rem;
  }
}
.reveal-wrapper a,
.reveal-wrapper p,
.reveal-wrapper label {
  color: #ffffff;
}

.reveal-wrapper-white {
  border: 0;
}
.reveal-wrapper-white .close-button {
  border: 2px solid #ffffff;
}
.reveal-wrapper-white h1 {
  text-align: center;
}
.reveal-wrapper-white .save-button {
  overflow: hidden;
  display: inline-block;
  background-color: #9cbd46;
  padding: 5px 60px;
  height: auto;
  border: 0;
  cursor: pointer;
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-transition: all 100ms ease-in;
  -webkit-transition: all 100ms ease-in;
  -o-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
}
.reveal-wrapper-white .save-button:not(.disabled):hover {
  cursor: pointer;
}
.reveal-wrapper-white .save-button:not(.disabled):focus {
  color: #fff;
}
.reveal-wrapper-white .save-button a {
  text-transform: uppercase;
  color: white;
}
.reveal-wrapper-white .save-button {
  padding: 12px 30px;
}
@media screen and (max-width: 59.9375em) {
  .reveal-wrapper-white .save-button {
    width: 100%;
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 59.9375em) {
  .reveal-wrapper-white .cancel-button {
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 1.25rem;
  }
}

#shippingDelete {
  max-width: 500px;
}
#shippingDelete h1.main-title {
  color: black;
}
#shippingDelete #delete-shipping-info-form {
  text-align: center;
}
#shippingDelete #delete-shipping-info-form p {
  margin-bottom: 50px;
}
#shippingDelete #delete-shipping-info-form form#form-shipping-address__delete {
  margin-bottom: 20px;
}
#shippingDelete #delete-shipping-info-form form#form-shipping-address__delete input.save-button {
  width: 300px;
  margin: 0 auto 10px auto;
  display: block;
  border-radius: 3px;
  font-size: 16px;
}
#shippingDelete #delete-shipping-info-form form#form-shipping-address__delete a.btn {
  color: #333333;
  text-decoration: underline;
  display: block;
  width: 300px;
}

@media screen and (min-width: 60em) {
  .account-settings__form {
    width: 32%;
    display: inline-block;
    vertical-align: top;
  }
}

@media screen and (min-width: 60em) {
  .accoutn-settings__form-fields {
    height: 220px;
  }
}

.account-settings__form-text-box {
  height: 80px;
  margin-top: 20px;
}

.feedback-column-wrapper {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media screen and (min-width: 40em) {
  .feedback-column-wrapper {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
.feedback-column-wrapper {
  width: 50%;
  float: left;
}
.feedback-column-wrapper:last-child:not(:first-child) {
  float: right;
}

@media (max-width: 800px) {
  .feedback-column-wrapper {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 100%;
    float: left;
  }
}
@media screen and (max-width: 800px) and (min-width: 40em) {
  .feedback-column-wrapper {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
@media (max-width: 800px) {
  .feedback-column-wrapper:last-child:not(:first-child) {
    float: right;
  }
}
.feedback-column {
  background-color: #008ecc;
  margin-bottom: 30px;
  min-height: 750px;
  padding: 30px 25px;
}
.feedback-column h2 {
  color: #ffffff;
  padding-bottom: 0;
  font-size: 1.5rem;
  text-align: left;
  margin: 0;
}
.feedback-column p,
.feedback-column label {
  color: #ffffff;
  font-size: 0.9375rem;
  text-align: left;
  display: inline;
}
.feedback-column a {
  color: #ffffff;
  font-size: 0.8rem;
}
.feedback-column textarea {
  height: 172px;
}
.feedback-column .form__field--radios {
  text-align: left;
}
.feedback-column .form__field--radios label {
  line-height: 34px;
}

#id_t_shirt_size {
  display: inline;
  margin-left: 0;
  clear: both;
  float: right;
}
@media (min-width: 768px) {
  #id_t_shirt_size li {
    margin-right: 40px;
  }
}

.shipping__add__mobile {
  color: #A2D05D;
  font-size: 1.125rem;
  font-weight: 700;
}

.addresses__subtitle {
  margin-bottom: 30px;
}
@media screen and (max-width: 59.9375em) {
  .addresses__subtitle {
    margin-top: 30px;
  }
}

.feedback--image {
  margin: 0 62px 20px;
}

.feedback--instructions {
  text-align: center;
  font-size: 0.875rem;
  margin: 23px 0;
}

.feedback--submit {
  display: flex;
  justify-content: center;
}

.center-vertically {
  margin-top: auto;
  margin-bottom: auto;
}

.top-banner-background {
  position: absolute;
  top: 70px;
  background: #F5F5F7;
  width: 100%;
  height: 200px;
  box-shadow: inset 0 0 50px 0 #EBEBED;
  border: 1px solid #939394;
  z-index: -100;
}
@media screen and (max-width: 39.9375em) {
  .top-banner-background {
    display: none;
  }
}

#topBannerShopMobile {
  text-align: center;
  margin-left: 10px;
  margin-right: 10px;
}
@media screen and (min-width: 40em) {
  #topBannerShopMobile {
    display: none;
  }
}
#topBannerShopMobile .top-banner-image--mobile {
  width: 200px;
}
#topBannerShopMobile .top-banner-background--mobile {
  position: absolute;
  width: 100%;
  height: 70%;
  top: 15%;
  left: 0;
  background: #F5F5F7;
  box-shadow: inset 0 0 50px 0 #EBEBED;
  border: 1px solid #939394;
  z-index: -100;
}
#topBannerShopMobile .top-banner-image_container {
  position: relative;
  margin-top: 27px;
  margin-bottom: 27px;
}
#topBannerShopMobile .top-banner-text--mobile {
  margin-bottom: 30px;
}

.top-banner-item {
  padding-top: 70px;
  display: flex !important;
  overflow: hidden;
}
.top-banner-item.hide {
  display: none !important;
}

#topBannerShop {
  position: relative;
  display: flex;
  width: 100%;
  margin-top: 0;
  height: 340px;
}

.top-banner-text-container {
  display: flex;
  flex-direction: column;
  margin-left: 50px;
  margin-right: 10px;
  margin-top: 25px;
  white-space: nowrap;
}
@media screen and (max-width: 59.9375em) {
  .top-banner-text-container {
    margin-left: 10px;
  }
}

.top-banner-title {
  font-size: 2.25rem;
  font-weight: bold;
}

.top-banner-text {
  font-size: 1.5rem;
}
@media screen and (max-width: 59.9375em) {
  .top-banner-text {
    font-size: 1.375rem;
  }
}

.top-banner-image-container {
  display: flex;
  justify-content: space-around;
  flex-grow: 1;
}

.composition_row {
  display: flex;
  justify-content: space-around;
}
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .composition_row {
    flex-direction: column;
  }
}
.composition_row .composition-item {
  width: 40%;
}
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .composition_row .composition-item {
    width: 100%;
  }
}

.how-to-use-main-container {
  margin-left: 20px;
  margin-right: 20px;
}
@media screen and (max-width: 69.9375em) {
  .how-to-use-main-container {
    margin-left: 5px;
    margin-right: 5px;
  }
}
@media screen and (max-width: 59.9375em) {
  .how-to-use-main-container h3 {
    font-weight: 700;
  }
}
.how-to-use-main-container .calc-form__captcha-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 50px;
  transition: margin 0.8s, max-height 0.8s;
  opacity: 1;
  max-height: 200px;
  overflow: hidden;
}
.how-to-use-main-container .calc-form__captcha-container.verified {
  margin: 0;
  height: 0;
}
.how-to-use-main-container .calc-form__captcha-container p {
  color: #a2a2a3;
  font-size: 0.875rem;
  margin-bottom: 20px;
}
.how-to-use-main-container .calc-from__buttons-container {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 59.9375em) {
  .how-to-use-main-container .calc-from__buttons-container {
    flex-direction: column;
  }
}
@media screen and (min-width: 60em) {
  .how-to-use-main-container .calc-from__buttons-container div {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 60em) {
  .how-to-use-main-container .calc-from__buttons-container .download-results-button {
    margin-left: 20px;
    margin-right: 20px;
  }
}
.how-to-use-main-container .calc-from__buttons-container .start-over-calc-form {
  overflow: hidden;
  display: inline-block;
  background-color: #ffffff;
  padding: 5px 60px;
  height: auto;
  border: 0;
  cursor: pointer;
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-transition: all 100ms ease-in;
  -webkit-transition: all 100ms ease-in;
  -o-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
}
.how-to-use-main-container .calc-from__buttons-container .start-over-calc-form:not(.disabled):hover {
  cursor: pointer;
}
.how-to-use-main-container .calc-from__buttons-container .start-over-calc-form:not(.disabled):focus {
  color: #fff;
}
.how-to-use-main-container .calc-from__buttons-container .start-over-calc-form a {
  text-transform: uppercase;
  color: white;
}
.how-to-use-main-container .calc-from__buttons-container .start-over-calc-form {
  display: inline-block;
  font-size: 1.25rem;
  color: #a2a2a3;
  text-align: center;
  margin: 0 0 10px;
  height: 50px;
  border-radius: 3px;
}
@media screen and (max-width: 59.9375em) {
  .how-to-use-main-container .calc-from__buttons-container .start-over-calc-form {
    width: 100%;
    padding: 15px 50px;
    font-size: 1.125rem;
  }
}
.how-to-use-main-container .calc-from__buttons-container .start-over-calc-form {
  font-size: 1rem;
}
@media screen and (min-width: 60em) {
  .how-to-use-main-container .calc-from__buttons-container .start-over-calc-form {
    padding: 5px 0;
    width: 300px;
    max-width: 100%;
  }
}
.how-to-use-main-container .calc-from__buttons-container .start-over-calc-form:not(.disabled):hover {
  transform: translateY(1px);
}
.how-to-use-main-container .calc-from__buttons-container .start-over-calc-form:not(.disabled):active {
  transform: translateY(3px);
}
.how-to-use-main-container .calc-from__buttons-container .start-over-calc-form.disabled {
  background-color: #eaeaea;
  color: #b1b1b1;
}
.how-to-use-main-container .calc-from__buttons-container .start-over-calc-form.disabled:hover {
  cursor: default;
}
.how-to-use-main-container .calc-from__buttons-container .start-over-calc-form div {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.how-to-use-main-container .calc-from__buttons-container .start-over-calc-form input {
  height: 100%;
  background: none;
  border: none;
}
.how-to-use-main-container .calc-from__buttons-container .start-over-calc-form {
  border: 1px solid #a2a2a3;
  border-bottom: none;
}
@media screen and (min-width: 60em) {
  .how-to-use-main-container .calc-from__buttons-container .start-over-calc-form {
    width: 180px;
  }
}
@media screen and (min-width: 60em) {
  .how-to-use-main-container .calc-from__buttons-container .download-results-button,
  .how-to-use-main-container .calc-from__buttons-container .send-via-email-button {
    width: 280px;
  }
}
.how-to-use-main-container .calc-from__buttons-container .download-results-button {
  position: relative;
}

.product-page-image--mobile {
  max-width: 250px;
  max-height: 216px;
}

.top-banner-image-container--mobile {
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}

.download-sds-mobile__container {
  display: flex;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  margin-bottom: 50px;
}
.download-sds-mobile__container h3 {
  font-size: 1.25rem;
  font-weight: bold;
}
.download-sds-mobile__container p {
  font-size: 0.875rem;
}

.product-page-download-pdf-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-46%, -50%);
}

.ui-autocomplete-z-index {
  z-index: 120312313;
}

.image_thumbs_table {
  display: flex;
  justify-content: space-evenly;
  text-align: center;
}
.image_thumbs_table .td_thumbnail {
  overflow: hidden;
  cursor: pointer;
  max-height: 100px;
  max-width: 15%;
}
.image_thumbs_table .td_thumbnail img {
  max-height: 100px;
  margin: 0;
}
.image_thumbs_table .highlight_thumb {
  border-bottom: 5px solid black;
}
.image_thumbs_table .hidden {
  display: none;
}

#buyProductBenefitsTab p {
  font-size: 1rem;
}
#buyProductBenefitsTab h3 {
  font-size: 1rem;
  font-weight: bold;
}
#buyProductBenefitsTab img {
  height: 200px;
}
@media screen and (min-width: 40em) {
  #buyProductBenefitsTab img.big {
    height: auto;
    width: 50%;
  }
}
@media screen and (max-width: 59.9375em) {
  #buyProductBenefitsTab {
    padding: 20px;
  }
  #buyProductBenefitsTab p,
  #buyProductBenefitsTab h3 {
    font-size: 0.875rem;
  }
  #buyProductBenefitsTab img {
    height: 155px;
  }
  #buyProductBenefitsTab .benefits__image-container {
    display: flex;
    justify-content: space-around;
  }
}

.buy_buffer_image {
  max-height: 260px;
}
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .buy_buffer_image {
    max-height: 130px;
  }
}

.calc-buy_buffers {
  justify-content: space-around;
}
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .calc-buy_buffers {
    flex-direction: column;
  }
}

.useBiorelevantBufferYES,
.useBiorelevantBufferNO {
  white-space: nowrap;
  width: auto;
  padding-left: 10px;
  padding-right: 10px;
}

#calcBufferImg {
  margin-right: 57px;
}

.bx-pager-item a {
  background: #333333 !important;
}
.bx-pager-item a.active {
  background: transparent !important;
  border: 1px solid #333333 !important;
}

.table__container {
  margin-top: 40px;
  margin-bottom: 50px;
}
.table__container .table {
  table-layout: fixed;
  text-align: center;
  white-space: nowrap;
}
.table__container .table--content {
  box-shadow: 0 0 20px 0 rgba(175, 182, 217, 0.2);
}
.table__container .table--titles {
  font-weight: 700;
  color: black;
}
.table__container .table--titles tbody {
  background: transparent;
  border: none;
}
.table__container .table .table__row-title {
  font-weight: 500;
}

.FrequentlyBoughtTogether {
  margin-top: 50px;
  padding-bottom: 50px;
}
@media screen and (max-width: 59.9375em) {
  .FrequentlyBoughtTogether .slick-track {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .FrequentlyBoughtTogether .slick-track > div:not(:last-of-type) {
    margin-right: 20px;
  }
  .FrequentlyBoughtTogether .slick-dots {
    bottom: 0;
  }
}
.FrequentlyBoughtTogether h6 {
  font-size: 26px;
  font-weight: 500;
  margin-bottom: 30px;
  text-align: center;
}
.FrequentlyBoughtTogether .frequently-bought-together__container {
  display: flex;
  justify-content: center;
}
.FrequentlyBoughtTogether .frequently-bought-together__container .single_product-box {
  margin: 0 10px;
}
@media screen and (max-width: 59.9375em) {
  .FrequentlyBoughtTogether .frequently-bought-together__container .single_product-box .product-box {
    background: unset;
  }
}
.FrequentlyBoughtTogether .product-box {
  transform: translateZ(0);
  width: 198px;
  max-height: 230px;
  min-height: 230px;
  padding-top: 13px;
  padding-bottom: 13px;
  margin-bottom: 0;
  border: none;
  transition: box-shadow 0.4s, background-size 0.4s, max-height 2s;
}
.FrequentlyBoughtTogether .product-box img {
  margin-left: auto;
  margin-right: auto;
}
.FrequentlyBoughtTogether .product-box .product-box__data-description {
  transition: opacity 1s;
  font-size: 0.8125rem;
}
.FrequentlyBoughtTogether .product-box .product-box__title {
  height: auto;
}
@media screen and (max-width: 59.9375em) {
  .FrequentlyBoughtTogether .product-box {
    box-shadow: 0 0 30px 0 rgba(175, 182, 217, 0.2);
    height: 300px;
    width: 225px;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-height: 100%;
  }
  .FrequentlyBoughtTogether .product-box .product-box__data-container {
    align-items: center;
    margin-bottom: unset;
  }
  .FrequentlyBoughtTogether .product-box .product-box__image {
    height: 85px;
  }
  .FrequentlyBoughtTogether .product-box .product-box__title {
    font-weight: unset;
    font-size: unset;
  }
  .FrequentlyBoughtTogether .product-box .product-box__price,
  .FrequentlyBoughtTogether .product-box .product-box__title {
    text-align: center;
  }
  .FrequentlyBoughtTogether .product-box .product-box__variant-select {
    margin-left: auto;
  }
  .FrequentlyBoughtTogether .product-box a {
    width: auto;
    margin-right: unset;
  }
}
@media screen and (min-width: 60em) {
  .FrequentlyBoughtTogether .product-box .product-box__title {
    transition: font-size 0.4s;
  }
  .FrequentlyBoughtTogether .product-box {
    overflow: hidden;
  }
  .FrequentlyBoughtTogether .product-box:hover {
    background-size: 20%;
    box-shadow: 0 0 30px 0 rgba(175, 182, 217, 0.2);
    transform: scale(1.1);
    max-height: 500px;
  }
  .FrequentlyBoughtTogether .product-box:hover .product-box__image {
    max-height: 55px;
  }
  .FrequentlyBoughtTogether .product-box:hover .product-box__title {
    font-size: unset;
  }
  .FrequentlyBoughtTogether .product-box:not(:hover) .product-box__data-description {
    opacity: 0;
  }
  .FrequentlyBoughtTogether .product-box:not(:hover) .product-box__variant-select,
  .FrequentlyBoughtTogether .product-box:not(:hover) .product-box__price,
  .FrequentlyBoughtTogether .product-box:not(:hover) .my-button-main {
    opacity: 0;
  }
  .FrequentlyBoughtTogether .product-box .product-box__variant-select,
  .FrequentlyBoughtTogether .product-box .product-box__price,
  .FrequentlyBoughtTogether .product-box .my-button-main {
    transition: opacity 0.4s;
  }
}
.FrequentlyBoughtTogether .product-box__title {
  font-size: 0.8125rem;
  color: #B8B8B8;
  margin-bottom: 0;
  font-weight: normal;
}
.FrequentlyBoughtTogether .product-box__image {
  margin-bottom: 15px;
  transition: max-height 0.4s;
}
.FrequentlyBoughtTogether .product-box__variant-select {
  width: 155px;
  height: 25px;
  padding: 4px 0;
}
.FrequentlyBoughtTogether .product-box__variant-select .product-box__variant-select-down-arrow {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #B8B8B8;
}
.FrequentlyBoughtTogether .product-box__variant-select-text {
  font-size: 0.6875rem;
  width: 123px;
}
.FrequentlyBoughtTogether .product-box__variant-select-options {
  font-size: 0.6875rem;
  width: 155px;
}
.FrequentlyBoughtTogether .product-box__price {
  font-size: 0.9375rem;
  margin-top: 10px;
  margin-bottom: 10px;
}
.FrequentlyBoughtTogether .my-button-main {
  height: 32px;
  width: 180px;
  font-size: 0.8125rem;
}

.product-box__price--india {
  margin-top: 22px;
  margin-bottom: 22px;
}
@media screen and (max-width: 39.9375em) {
  .product-box__price--india {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

#getQuoteFormThankYou {
  display: none;
}

.calc-thank-you-for-download {
  color: black;
  background: white;
  box-shadow: 0 0 20px 0 rgba(175, 182, 217, 0.2);
  transition: all 0.5s;
}
@media screen and (max-width: 59.9375em) {
  .calc-thank-you-for-download {
    border-radius: 3px;
  }
}
.calc-thank-you-for-download.active {
  border-style: solid;
  border-color: #58BF4F;
}
.calc-thank-you-for-download p, .calc-thank-you-for-download h2, .calc-thank-you-for-download h1, .calc-thank-you-for-download h3, .calc-thank-you-for-download h4, .calc-thank-you-for-download h5, .calc-thank-you-for-download h6, .calc-thank-you-for-download span, .calc-thank-you-for-download div {
  transition: color 0.5s;
}
.calc-thank-you-for-download {
  position: absolute;
  width: 280px;
  height: 310px;
  color: #333333;
  bottom: 70px;
  left: 50%;
  transform: translate(-50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 35px;
}
.calc-thank-you-for-download .circle-loader {
  margin-bottom: 0;
  width: 90px;
  height: 90px;
}
.calc-thank-you-for-download .circle-loader .circle-loader__checkmark:after {
  height: 50px;
  width: 25px;
  top: 55%;
  left: 13px;
}
.calc-thank-you-for-download.hide-it {
  display: none;
}
.calc-thank-you-for-download h2 {
  font-size: 1.0625rem;
  font-weight: 500;
  margin-top: 10px;
  margin-bottom: 0;
}
.calc-thank-you-for-download h4 {
  font-size: 0.9375rem;
  margin-top: 0;
  margin-bottom: 0;
}
.calc-thank-you-for-download .my-button-main {
  width: 250px;
  height: 50px;
  margin-top: 37px;
}
.calc-thank-you-for-download .calc-thank-you-for-download__pointer {
  position: absolute;
  background: white;
  height: 25px;
  width: 25px;
  bottom: -10px;
  z-index: -1;
  right: 50%;
  transform: translate(50%) rotate(45deg);
}

.my-button-content-width {
  width: auto;
  padding: 0 20px;
}

.fedgas-benefits .images-row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.fedgas-benefits .images-row img {
  height: auto !important;
  width: 50%;
}
.fedgas-benefits #fedgasImageEquation {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .fedgas-benefits #fedgasImageEquation img {
    height: 90px;
  }
}
.fedgas-benefits #fedgasImageEquation .equation-sign {
  height: 70px;
  margin: 0 40px;
}
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .fedgas-benefits #fedgasImageEquation .equation-sign {
    height: 25px;
    margin: 0 20px;
  }
}
.fedgas-benefits .pillmans-row {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .fedgas-benefits .pillmans-row img {
    height: auto;
    width: 50%;
  }
}
.fedgas-benefits div.video-container {
  margin-top: 50px;
  margin-bottom: 25px;
}
.fedgas-benefits p {
  margin-bottom: 25px;
}

#fedgasPreparationContainer {
  color: #333333;
}
#fedgasPreparationContainer #fedgasPreparationInstructionImages {
  display: flex;
  justify-content: space-around;
}
#fedgasPreparationContainer #fedgasPreparationInstructionImages img {
  width: auto;
  height: 300px;
}
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  #fedgasPreparationContainer #fedgasPreparationInstructionImages img {
    height: 200px;
  }
}

#bufferBenefitsContainer {
  color: #333333;
}
#bufferBenefitsContainer h3 {
  margin-top: 20px;
}

#bufferPreparationContainer {
  color: #333333;
}
#bufferPreparationContainer .images-container {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  margin-bottom: 30px;
  margin-top: 30px;
}
#bufferPreparationContainer .images-container img {
  max-width: 50%;
  max-height: 200px;
}

.horizontal-center {
  margin: auto;
  display: block;
}

.padding-top-40 {
  padding-top: 40px;
}

.huge-plus {
  font-size: 100px;
  font-weight: 100;
  line-height: 100px;
}

/*
 * Compact-menu button. header.js only toggles aria-expanded; submenu
 * disclosures remain native <details>/<summary> elements.
 */
.site-header__menu-toggle {
  display: none;
}

.site-header__menu-icon {
  display: inline-flex;
  width: 1.5rem;
  height: 1.125rem;
  flex-direction: column;
  justify-content: space-between;
}

.site-header__menu-icon > span {
  display: block;
  width: 100%;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
  transform-origin: center;
  transition: opacity 160ms ease, transform 160ms ease;
}

.site-header__menu-toggle[aria-expanded=true] .site-header__menu-icon > span:first-child {
  transform: translateY(0.5rem) rotate(45deg);
}

.site-header__menu-toggle[aria-expanded=true] .site-header__menu-icon > span:nth-child(2) {
  opacity: 0;
}

.site-header__menu-toggle[aria-expanded=true] .site-header__menu-icon > span:last-child {
  transform: translateY(-0.5rem) rotate(-45deg);
}

@media (max-width: 62.49rem) {
  .site-header__menu-toggle {
    display: inline-flex;
    min-width: 3rem;
    min-height: 3rem;
    align-items: center;
    justify-content: center;
    gap: 0.625rem;
    padding: 0.625rem 0.75rem;
    border: 0;
    border-radius: 0.5rem;
    color: #333333;
    background: transparent;
    cursor: pointer;
    font: inherit;
    font-weight: 600;
    line-height: 1;
  }
  .site-header__menu-toggle:hover {
    color: var(--site-header-green-secondary);
    background: rgba(88, 191, 79, 0.1);
  }
}
@media (max-width: 29.99rem) {
  .site-header__menu-toggle {
    width: 2.75rem;
    min-width: 2.75rem;
    min-height: 2.75rem;
    padding: 0.625rem;
  }
  .site-header__menu-label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .site-header__menu-icon > span {
    transition: none;
  }
}
/* --------------------------------------------------------------------------
   Header shell
   -------------------------------------------------------------------------- */
.site-header {
  /* Exact Biorelevant brand palette. */
  --site-header-background: #F8F8F8;
  --site-header-green: #58BF4F;
  --site-header-green-secondary: #7B9C24;
  --site-header-orange: #F28C40;
  --site-header-orange-secondary: #AF520D;
  --site-header-shadow: #AFB6D9;
  --site-header-blue: #0099FF;
  --site-header-red: #CC0000;
  --site-header-ink: #333333;
  --site-header-muted: #687076;
  --site-header-line: #dfe5e7;
  --site-header-surface: #ffffff;
  --site-header-soft: var(--site-header-background);
  --site-header-control-font-size: 1rem;
  --site-header-search-collapsed-width: 7.1875rem;
  --site-header-search-expanded-width: 13rem;
  --site-header-search-collapsed-height: 2.25rem;
  --site-header-search-expanded-height: 2.375rem;
  position: sticky;
  top: 0;
  z-index: 1000;
  width: 100%;
  color: var(--site-header-ink);
  background: var(--site-header-surface);
  border-bottom: 1px solid var(--site-header-line);
  box-shadow: 0 0.25rem 1.25rem rgba(175, 182, 217, 0.3);
  font-family: "Red Hat Display", Arial, sans-serif;
}

.site-header *,
.site-header *::before,
.site-header *::after {
  box-sizing: border-box;
}

.site-header a {
  color: inherit;
  text-decoration: none;
}

.site-header button,
.site-header input,
.site-header summary {
  font: inherit;
}

.site-header summary {
  list-style: none;
}

.site-header summary::-webkit-details-marker {
  display: none;
}

.site-header :where(a, button, input, summary):focus-visible {
  /* A solid high-contrast perimeter stays visible on every branded surface. */
  outline: 2px solid var(--site-header-ink);
  outline-offset: 2px;
}

.site-header__sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.site-header__inner {
  position: relative;
  display: grid;
  grid-template-areas: "logo nav search actions";
  grid-template-columns: minmax(10.5rem, 13.75rem) minmax(35rem, 1fr) minmax(var(--site-header-search-collapsed-width), var(--site-header-search-expanded-width)) auto;
  align-items: center;
  gap: clamp(0.5rem, 0.9vw, 1.1rem);
  width: 100%;
  max-width: 100rem;
  min-height: 6.25rem;
  margin: 0 auto;
  padding: 0.75rem clamp(1rem, 2.7vw, 3rem);
}

.site-header__logo {
  grid-area: logo;
  display: inline-flex;
  width: fit-content;
  align-items: center;
}

.site-header__logo img {
  display: block;
  width: min(100%, 13.75rem);
  height: auto;
}

/* --------------------------------------------------------------------------
   Primary navigation and dropdowns
   -------------------------------------------------------------------------- */
.site-header__navigation {
  grid-area: nav;
  min-width: 0;
}

/* Desktop navigation is always visible. */
.site-header__navigation > .site-header__nav {
  display: block;
}

.site-header__nav-list {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: clamp(0.0625rem, 0.25vw, 0.375rem);
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 1.2;
}

.site-header__nav-item {
  position: relative;
  display: flex;
  min-width: 0;
  align-items: stretch;
}

.site-header__nav-group {
  position: relative;
  display: flex;
  align-items: stretch;
}

.site-header .site-header__nav-link {
  position: relative;
  display: inline-flex;
  min-height: 4rem;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  padding: 0.5rem clamp(0.4rem, 0.52vw, 0.65rem);
  border: 0;
  border-radius: 0.5rem;
  color: var(--site-header-ink);
  background: transparent;
  cursor: pointer;
  font-size: var(--site-header-control-font-size);
  font-weight: 500;
  line-height: 1.15;
  text-align: center;
  white-space: nowrap;
}

.site-header__nav-link:hover,
.site-header__nav-group[open] > .site-header__nav-link {
  color: var(--site-header-green-secondary);
  background: rgba(88, 191, 79, 0.1);
}

.site-header__nav-group > .site-header__nav-link {
  gap: 0;
  padding: 0 0.15rem 0 0;
}

.site-header .site-header__nav-direct {
  display: inline-flex;
  min-width: 0;
  flex: 1 1 auto;
  align-self: stretch;
  align-items: center;
  justify-content: center;
  padding: 0.5rem clamp(0.4rem, 0.52vw, 0.65rem);
  border-radius: 0.5rem;
  font-family: inherit;
  font-size: var(--site-header-control-font-size);
  font-weight: inherit;
  line-height: inherit;
}

.site-header__submenu-toggle {
  display: grid;
  width: 1.35rem;
  height: 2.75rem;
  flex: 0 0 1.35rem;
  place-items: center;
}

.site-header__submenu-toggle::before {
  width: 0.42rem;
  height: 0.42rem;
  margin-top: -0.2rem;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  content: "";
  transform: rotate(45deg);
  transition: transform 160ms ease;
}

.site-header__nav-group[open] .site-header__submenu-toggle::before {
  margin-top: 0.2rem;
  transform: rotate(225deg);
}

.site-header__badge {
  position: absolute;
  right: 0.4rem;
  bottom: 0.12rem;
  left: 0.4rem;
  color: var(--site-header-red);
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
}

.site-header__dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 30;
  display: none;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: min(35rem, 100vw - 2rem);
  max-height: min(36rem, 100vh - 8rem);
  padding: 0.75rem;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid var(--site-header-line);
  border-top: 3px solid var(--site-header-green);
  border-radius: 0.625rem;
  background: var(--site-header-surface);
  box-shadow: 0 1rem 2.5rem rgba(175, 182, 217, 0.48);
}

.site-header__nav-group--end .site-header__dropdown {
  right: 0;
  left: auto;
}

.site-header__nav-group[open] > .site-header__dropdown {
  display: grid;
  animation: site-header-panel-in 150ms ease-out both;
}

.site-header__nav-group.is-closing > .site-header__dropdown {
  display: grid;
  pointer-events: none;
  animation: site-header-panel-out 130ms ease-in both;
}

.site-header__dropdown-all {
  grid-column: 1/-1;
  display: flex;
  min-height: 2.75rem;
  align-items: center;
  justify-content: space-between;
  margin: -0.25rem -0.25rem 0.35rem;
  padding: 0.65rem 0.8rem;
  border-radius: 0.4rem;
  color: var(--site-header-green-secondary) !important;
  background: rgba(88, 191, 79, 0.1);
  font-size: 0.9rem;
  font-weight: 700;
}

.site-header__dropdown-all::after {
  content: "→";
}

.site-header__dropdown-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  min-height: 3.25rem;
  align-items: center;
  gap: 0.65rem;
  padding: 0.4rem 0.55rem;
  border-radius: 0.4rem;
  color: var(--site-header-ink) !important;
  font-size: 0.85rem;
  font-weight: 500;
  line-height: 1.2;
}

.site-header__dropdown-item:hover {
  background: rgba(88, 191, 79, 0.08);
}

.site-header__dropdown-thumb {
  display: grid;
  width: 2.5rem;
  height: 2.5rem;
  overflow: hidden;
  place-items: center;
}

/* Do not reserve an empty image gutter for text-only menu entries. */
.site-header__dropdown-thumb:not(:has(img)) {
  display: none;
}

.site-header__dropdown-thumb img {
  display: block;
  width: auto !important;
  height: auto !important;
  max-width: 2.25rem !important;
  max-height: 2.25rem !important;
  object-fit: contain;
  object-position: center;
}

.site-header__category-dot {
  width: 0.7rem;
  height: 0.7rem;
  margin: 0;
  border: 2px solid #ffffff;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(51, 51, 51, 0.18), 0 0 0 0.22rem rgba(175, 182, 217, 0.22);
}

.site-header__dropdown--learning .site-header__dropdown-item {
  grid-template-columns: 1rem minmax(0, 1fr);
  min-height: 2.75rem;
  margin: 0.1rem;
  padding: 0.45rem 0.7rem;
  border: 1px solid var(--site-header-line);
  border-radius: 999px;
  background: var(--site-header-background);
}

.site-header__dropdown--learning .site-header__dropdown-item:hover {
  border-color: var(--site-header-green);
  background: rgba(88, 191, 79, 0.1);
}

.site-header__mobile-utilities {
  display: none;
}

/* --------------------------------------------------------------------------
   Search
   -------------------------------------------------------------------------- */
.site-header__search {
  position: relative;
  grid-area: search;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 2.25rem;
  width: var(--site-header-search-collapsed-width);
  min-width: 0;
  height: var(--site-header-search-collapsed-height);
  justify-self: end;
  margin: 0;
  overflow: hidden;
  border: 1px solid #cfd8dc;
  border-radius: 999px;
  background: #ffffff;
  box-shadow: none;
  transition: width 170ms ease, height 150ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.site-header__search:focus-within {
  z-index: 3;
  width: var(--site-header-search-expanded-width);
  height: var(--site-header-search-expanded-height);
  border-color: var(--site-header-green);
  box-shadow: 0 0 0 3px rgba(88, 191, 79, 0.18);
}

.site-header__search input[type=search] {
  width: 100%;
  min-width: 0;
  height: 100%;
  margin: 0;
  padding: 0 0.2rem 0 0.75rem;
  border: 0;
  border-radius: 0;
  color: var(--site-header-ink);
  background: transparent;
  box-shadow: none;
  font-size: 0.875rem;
}

.site-header__search input[type=search]::placeholder {
  color: #7d858a;
  opacity: 1;
}

.site-header__search input[type=search]:focus {
  border: 0;
  outline: 0;
  box-shadow: none;
}

.site-header__search button {
  display: grid;
  width: 2.25rem;
  height: 100%;
  margin: -1px -1px -1px 0;
  padding: 0;
  place-items: center;
  border: 0;
  border-radius: 50%;
  color: #ffffff;
  background: var(--site-header-green);
  cursor: pointer;
}

.site-header__search button:hover {
  background: var(--site-header-green-secondary);
}

.site-header__search svg {
  width: 1rem;
  height: 1rem;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-width: 2;
}

/* --------------------------------------------------------------------------
   Basket and account actions
   -------------------------------------------------------------------------- */
.site-header__actions {
  grid-area: actions;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.15rem;
}

.site-header__account,
.site-header__basket {
  position: relative;
}

.site-header .site-header__action {
  display: inline-flex;
  min-width: 2.75rem;
  min-height: 2.75rem;
  align-items: center;
  justify-content: center;
  gap: 0.38rem;
  margin: 0;
  padding: 0.5rem 0.55rem;
  border: 0;
  border-radius: 0.5rem;
  color: var(--site-header-ink);
  background: transparent;
  cursor: pointer;
  font-size: var(--site-header-control-font-size);
  font-weight: 500;
  line-height: 1.1;
  white-space: nowrap;
}

/* Progressive enhancement: JavaScript reveals this only in condensed mobile mode. */
.site-header .site-header__mobile-search-toggle {
  display: none;
}

.site-header__action:hover,
.site-header__account[open] > .site-header__action,
.site-header__basket[open] > .site-header__action {
  color: var(--site-header-green-secondary);
  background: rgba(88, 191, 79, 0.1);
}

.site-header__action > svg {
  width: 1.4rem;
  height: 1.4rem;
  flex: 0 0 auto;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}

.site-header__account-panel {
  position: absolute;
  top: calc(100% + 0.75rem);
  right: 0;
  z-index: 35;
  width: min(25rem, 100vw - 2rem);
  max-height: calc(100vh - 8rem);
  overflow: auto;
  border: 1px solid var(--site-header-line);
  border-top: 3px solid var(--site-header-green);
  border-radius: 0.625rem;
  background: #ffffff;
  box-shadow: 0 1rem 2.5rem rgba(175, 182, 217, 0.48);
}

.site-header__account-panel .dropdown_login-box {
  width: 100%;
  max-width: none;
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 1.5rem;
  border: 0;
  box-shadow: none;
  text-align: left;
}

.site-header__account-panel .dropdown_login-box h2 {
  padding-bottom: 0;
  font-size: 1.5rem;
  text-align: center;
}

.site-header__account-panel .dropdown_login-box button.close-button {
  right: auto;
  left: 1rem;
}

.site-header__account-panel .dropdown_login-box .my-button-main,
.site-header__account-panel .dropdown_login-box .my-button-secondary {
  width: 100%;
  max-width: 100%;
  text-transform: none;
}

.site-header__account-panel--compact {
  width: 12rem;
  padding: 0.5rem;
}

.site-header__account-panel--compact > a,
.site-header__account-panel--compact button {
  display: flex;
  width: 100%;
  min-height: 2.75rem;
  align-items: center;
  padding: 0.55rem 0.75rem;
  border: 0;
  border-radius: 0.4rem;
  color: var(--site-header-ink);
  background: transparent;
  cursor: pointer;
  font-weight: 600;
  text-align: left;
}

.site-header__account-panel--compact > a:hover,
.site-header__account-panel--compact button:hover {
  background: var(--site-header-soft);
}

.site-header__basket-summary {
  position: relative;
  display: inline-grid;
  width: 3.75rem;
  min-width: 3.75rem;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  place-items: center;
  padding: 0.2rem 0.25rem 0.15rem;
}

.site-header__basket .basket-preview {
  position: relative;
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  flex: 0 0 auto;
  transform: translateY(-0.25rem);
}

.site-header__basket .basket-preview img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.site-header__basket .header__cart-items-count {
  position: absolute;
  top: -0.55rem;
  right: -0.55rem;
  display: grid;
  min-width: 1.15rem;
  height: 1.15rem;
  padding: 0 0.22rem;
  place-items: center;
  border: 2px solid #ffffff;
  border-radius: 999px;
  color: #ffffff;
  background: var(--site-header-green);
  font-size: 0.65rem;
  font-weight: 700;
  line-height: 1;
}

.site-header__basket .basket-preview__cart-items-text_wrapper {
  position: absolute;
  right: 0.2rem;
  bottom: 0.16rem;
  left: 0.2rem;
  display: block;
  width: auto;
  min-width: 0;
  line-height: 1;
  overflow: hidden;
  text-align: center;
}

.site-header__basket .basket-preview__cart-items-text_total {
  display: block;
  width: 100%;
  min-height: 0.625rem;
  overflow: hidden;
  font-size: 0.625rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  line-height: 1;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.site-header__basket .basket-preview__cart-items-text_savings {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.site-header .header__cart__dropdown {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 35;
  display: none;
  width: min(30rem, 100vw - 2rem);
  max-height: calc(100vh - 7.5rem);
  max-height: calc(100dvh - 7.5rem);
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--site-header-line);
  border-top: 3px solid var(--site-header-green);
  border-radius: 0.625rem;
  color: var(--site-header-ink);
  background: #ffffff;
  box-shadow: 0 1rem 2.5rem rgba(175, 182, 217, 0.48);
}

.site-header__basket[open] > .header__cart__dropdown {
  display: flex;
  animation: site-header-panel-in 150ms ease-out both;
}

.site-header__basket.is-closing > .header__cart__dropdown {
  display: flex;
  pointer-events: none;
  animation: site-header-panel-out 130ms ease-in both;
}

.site-header .cart-box-list {
  min-height: 0;
  flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

.site-header .cart-box-empty--text {
  min-height: 6rem;
  padding: 1.5rem;
  color: var(--site-header-muted);
  font-size: 0.9rem;
  text-align: center;
}

.site-header .cart-box-empty--text img {
  display: block;
  width: 2rem;
  height: 2rem;
  margin: 0.75rem auto 0;
}

.site-header .cart-box__cart__buttons {
  position: sticky;
  bottom: 0;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
  gap: 0.5rem;
  flex: 0 0 auto;
  padding: 0.65rem 0.75rem 0.75rem;
  border-top: 1px solid var(--site-header-line);
  background: var(--site-header-surface);
  box-shadow: 0 -0.45rem 1rem rgba(175, 182, 217, 0.18);
}

.site-header .cart-box__cart__buttons > .my-button-secondary,
.site-header .cart-box__cart__buttons > .my-button-main {
  display: flex;
  width: 100%;
  min-height: 2.75rem;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0.6rem 1rem;
  border: 0;
  border-radius: 0.5rem;
  color: #ffffff;
  cursor: pointer;
  font: inherit;
  font-weight: 700;
  text-align: center;
}

.site-header .cart-box__cart__buttons > .my-button-secondary {
  background: var(--site-header-orange);
}

.site-header .cart-box__cart__buttons > .my-button-main {
  background: var(--site-header-green);
}

.site-header .cart-box__cart__buttons > :only-child {
  grid-column: 1/-1;
}

.site-header .cart-box__cart__buttons > .my-button-secondary:hover {
  background: var(--site-header-orange-secondary);
}

.site-header .cart-box__cart__buttons > .my-button-main:hover {
  background: var(--site-header-green-secondary);
}

.site-header .header__cart-item {
  display: grid;
  grid-template-areas: "image description price" "image quantity quantity";
  grid-template-columns: 2.75rem minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.15rem 0.65rem;
  min-height: 0;
  margin: 0;
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid #edf0f1;
}

.site-header .header__cart-image {
  grid-area: image;
  display: grid;
  width: 2.75rem;
  height: 2.75rem;
  overflow: hidden;
  place-items: center;
}

.site-header .header__cart-image img {
  display: block;
  width: auto !important;
  height: auto !important;
  max-width: 2.5rem !important;
  max-height: 2.5rem !important;
  object-fit: contain;
}

.site-header .header__cart-desc {
  grid-area: description;
  min-width: 0;
  font-size: 0.75rem;
  line-height: 1.2;
  text-align: left;
}

.site-header .header__cart-desc_name {
  margin-bottom: 0.08rem;
  font-weight: 700;
}

.site-header .header__cart-desc_code_wraper {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 0.5rem;
  color: var(--site-header-muted);
}

.site-header .header__cart-price {
  grid-area: price;
  font-size: 0.8rem;
  font-weight: 700;
  white-space: nowrap;
}

.site-header .header__cart-quantity {
  grid-area: quantity;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.25rem;
}

.site-header .header__cart-quantity input.header__cart__variant-change {
  display: block;
  width: 3rem;
  height: 2.75rem;
  margin: 0;
  padding: 0.2rem;
  border: 1px solid #d8dfe2;
  border-radius: 0.35rem;
  text-align: center;
}

.site-header .header__cart-quantity-icon {
  display: grid;
  width: 2.75rem;
  height: 2.75rem;
  padding: 0;
  place-items: center;
  border: 1px solid #d8dfe2;
  border-radius: 0.35rem;
  color: var(--site-header-ink);
  background: #ffffff;
  cursor: pointer;
}

.site-header .header__cart-quantity-icon:hover {
  background: var(--site-header-soft);
}

.site-header .header__cart__notifications_area,
.site-header .header__cart__need_a_quote_area {
  position: absolute;
  top: 100%;
  right: 1rem;
  z-index: 40;
  width: min(24rem, 100vw - 2rem);
  max-height: calc(100vh - 8rem);
  overflow: auto;
  border-radius: 0 0 0.625rem 0.625rem;
  background: #ffffff;
  box-shadow: 0 1rem 2.5rem rgba(175, 182, 217, 0.48);
}

.site-header .cart-notification {
  padding: 0.9rem;
}

.site-header .cart-item-notification_alert {
  display: flex;
  gap: 0.75rem;
}

.site-header .notification-item-image__container {
  width: 5rem;
  height: 5rem;
  flex: 0 0 auto;
}

.site-header .notification-item-image__container img {
  max-width: 100%;
  max-height: 100%;
}

.site-header .notification_item_name,
.site-header .notification_item_price {
  font-weight: 700;
}

.site-header .notification-message {
  padding: 1rem;
  font-weight: 700;
  text-align: center;
}

.site-header .notification-close-bttn {
  min-height: 2.75rem;
  padding: 0.7rem;
  cursor: pointer;
  text-align: center;
  text-decoration: underline;
}

/* --------------------------------------------------------------------------
   Autocomplete menu (appended to .site-header by search-header.js)
   -------------------------------------------------------------------------- */
.site-header.site-header > .site-header__autocomplete.ui-autocomplete,
.site-header.site-header > .ui-autocomplete {
  z-index: 60 !important;
  width: min(30rem, 100vw - 2rem) !important;
  max-height: min(30rem, 100vh - 8rem);
  max-height: min(30rem, 100dvh - 8rem);
  margin: 0.35rem 0 0 !important;
  padding: 0.35rem !important;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid var(--site-header-line);
  border-radius: 0.625rem;
  background: #ffffff;
  box-shadow: 0 1rem 2.5rem rgba(175, 182, 217, 0.48);
  box-sizing: border-box;
  font-family: "Red Hat Display", Arial, sans-serif;
  font-size: 1rem;
  list-style: none;
  scrollbar-gutter: stable;
}

.site-header.site-header .ui-autocomplete .ui-autocomplete-category {
  height: auto !important;
  min-height: 0;
  margin: 0 !important;
  padding: 0.55rem 0.6rem 0.25rem !important;
  color: var(--site-header-muted);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  line-height: 1.2;
  list-style: none;
  text-transform: uppercase;
}

.site-header.site-header .ui-autocomplete .ui-menu-item {
  height: auto !important;
  min-height: 0;
  margin: 0.1rem 0 !important;
  padding: 0 !important;
  list-style: none;
}

.site-header.site-header .ui-autocomplete .site-header__suggestion.ui-menu-item-wrapper {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  height: auto !important;
  min-height: 3.25rem;
  align-items: center;
  gap: 0.6rem;
  margin: 0 !important;
  padding: 0.35rem 0.5rem !important;
  border: 0 !important;
  border-radius: 0.4rem;
  color: var(--site-header-ink);
  background: transparent;
  font-size: 0.875rem !important;
  font-weight: 500;
  line-height: 1.2 !important;
  text-decoration: none;
}

.site-header.site-header .ui-autocomplete .site-header__suggestion.ui-state-active,
.site-header.site-header .ui-autocomplete .site-header__suggestion.ui-state-focus,
.site-header.site-header .ui-autocomplete .site-header__suggestion:hover {
  margin: 0 !important;
  border: 0 !important;
  color: var(--site-header-ink);
  background: rgba(88, 191, 79, 0.1);
}

.site-header .site-header__suggestion-image {
  display: grid;
  width: 2.5rem;
  height: 2.5rem;
  overflow: hidden;
  place-items: center;
}

.site-header .site-header__suggestion-image img {
  display: block;
  width: auto !important;
  height: auto !important;
  max-width: 2.25rem !important;
  max-height: 2.25rem !important;
  object-fit: contain;
}

.site-header .site-header__suggestion-copy {
  display: grid;
  min-width: 0;
  gap: 0.12rem;
}

.site-header .site-header__suggestion-title {
  min-width: 0;
  margin: 0 !important;
  color: var(--site-header-ink);
  font-size: 0.875rem !important;
  font-weight: 600;
  line-height: 1.2 !important;
  overflow-wrap: anywhere;
}

.site-header .site-header__suggestion-code {
  width: fit-content;
  margin: 0 !important;
  color: var(--site-header-green-secondary);
  font-size: 0.7rem !important;
  font-weight: 700;
  letter-spacing: 0.035em;
  line-height: 1.2 !important;
}

@keyframes site-header-panel-in {
  from {
    opacity: 0;
    transform: translateY(-0.35rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes site-header-panel-out {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-0.25rem);
  }
}
/* --------------------------------------------------------------------------
   Tablet and mobile
   -------------------------------------------------------------------------- */
/* Keep the desktop navigation on one clean row at common laptop widths. */
@media (min-width: 62.5rem) and (max-width: 90.625rem) {
  .site-header {
    --site-header-control-font-size: 0.875rem;
    --site-header-search-collapsed-height: 2.125rem;
  }
  .site-header__inner {
    grid-template-columns: minmax(9rem, 11.5rem) minmax(29rem, 1fr) var(--site-header-search-collapsed-width) auto;
    column-gap: clamp(0.25rem, 0.55vw, 0.5rem);
    padding-right: clamp(0.75rem, 1.4vw, 1.25rem);
    padding-left: clamp(0.75rem, 1.4vw, 1.25rem);
  }
  .site-header__logo img {
    width: min(100%, 11.5rem);
  }
  .site-header__nav-list {
    gap: 0;
  }
  .site-header .site-header__nav-link {
    min-height: 3.5rem;
    padding: 0.4rem 0.25rem;
  }
  .site-header__nav-group > .site-header__nav-link {
    padding-right: 0;
  }
  .site-header .site-header__nav-direct {
    padding: 0.4rem 0.25rem;
  }
  /* Keep a compact touch target; fine-pointer layouts hide it below. */
  .site-header__submenu-toggle {
    width: 1rem;
    height: 2.5rem;
    flex-basis: 1rem;
  }
  .site-header__badge {
    right: 0.2rem;
    bottom: 0.08rem;
    left: 0.2rem;
    font-size: 0.5625rem;
  }
  /* The fixed grid track stays compact; focus expansion grows left as an overlay. */
  .site-header__search {
    font-size: 0.8125rem;
  }
  .site-header__search input[type=search] {
    padding-left: 0.625rem;
    font-size: 0.8125rem;
  }
  .site-header__actions {
    gap: 0;
  }
  .site-header .site-header__action {
    min-width: 2.5rem;
    min-height: 2.5rem;
    gap: 0.25rem;
    padding: 0.4rem;
  }
  .site-header__action > svg {
    width: 1.25rem;
    height: 1.25rem;
  }
  /* Keep the signed-in name available to assistive technology, but not in the row. */
  .site-header__account > summary > span {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
  .site-header__account > summary {
    width: 2.5rem;
  }
  .site-header .site-header__basket-summary {
    width: 3.25rem;
    min-width: 3.25rem;
    padding-right: 0.15rem;
    padding-left: 0.15rem;
  }
  .site-header__basket .basket-preview {
    width: 1.25rem;
    height: 1.25rem;
  }
  .site-header__basket .header__cart-items-count {
    top: -0.45rem;
    right: -0.5rem;
    min-width: 1.05rem;
    height: 1.05rem;
    border-width: 1.5px;
    font-size: 0.6rem;
  }
  .site-header__basket .basket-preview__cart-items-text_total {
    font-size: 0.5625rem;
  }
}
/* The lowest desktop widths need one additional, still-readable compression. */
@media (min-width: 62.5rem) and (max-width: 68.75rem) {
  .site-header {
    --site-header-control-font-size: 0.8125rem;
    --site-header-search-collapsed-width: 6.75rem;
  }
  .site-header__inner {
    grid-template-columns: 8.25rem minmax(27rem, 1fr) var(--site-header-search-collapsed-width) auto;
    column-gap: 0.25rem;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
  }
  .site-header__logo img {
    width: min(100%, 8.25rem);
  }
  .site-header .site-header__nav-link,
  .site-header .site-header__nav-direct {
    padding-right: 0.18rem;
    padding-left: 0.18rem;
  }
}
@media (min-width: 62.5rem) and (max-width: 90.625rem) and (hover: hover) and (pointer: fine) {
  /* Hover opens the menus, so the desktop chevrons can give their space back. */
  .site-header__submenu-toggle {
    display: none;
  }
}
@media (max-width: 62.49rem) {
  /* Account creation remains available from Sign in; keep the compact row clean. */
  .site-header .site-header__create-account {
    display: none;
  }
  .site-header__inner {
    grid-template-areas: "menu logo actions" "search search search";
    grid-template-columns: minmax(5rem, 1fr) auto minmax(5rem, 1fr);
    gap: 0.5rem 0.75rem;
    min-height: 0;
    padding: 0.5rem clamp(0.75rem, 2.5vw, 1.5rem) 0.75rem;
    transition: row-gap 160ms ease, padding-bottom 160ms ease;
  }
  .site-header__logo {
    justify-self: center;
  }
  .site-header__logo img {
    width: clamp(8.5rem, 24vw, 11rem);
    max-height: 3.5rem;
  }
  .site-header__navigation {
    grid-area: menu;
    justify-self: start;
  }
  .site-header__navigation > .site-header__nav {
    display: none;
  }
  .site-header__menu-toggle[aria-expanded=true] + .site-header__nav {
    display: block;
  }
  .site-header__nav {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 25;
    max-height: calc(100vh - 8.5rem);
    max-height: calc(100dvh - 8.5rem);
    overflow-x: hidden;
    overflow-y: auto;
    border-top: 1px solid var(--site-header-line);
    border-bottom: 1px solid var(--site-header-line);
    background: #ffffff;
    box-shadow: 0 1rem 2.5rem rgba(175, 182, 217, 0.48);
  }
  .site-header__nav-list {
    display: block;
    padding: 0.5rem clamp(0.75rem, 3vw, 1.5rem);
  }
  .site-header__nav-item,
  .site-header__nav-group {
    display: block;
    width: 100%;
  }
  .site-header .site-header__nav-link {
    width: 100%;
    min-height: 3rem;
    justify-content: flex-start;
    padding: 0.65rem 0.75rem;
    border-bottom: 1px solid #edf0f1;
    border-radius: 0;
    font-size: var(--site-header-control-font-size);
    text-align: left;
    white-space: normal;
  }
  .site-header__nav-group > .site-header__nav-link {
    min-height: 3.25rem;
    padding: 0;
    cursor: pointer;
  }
  .site-header .site-header__nav-direct {
    justify-content: flex-start;
    padding: 0.65rem 0.75rem;
    pointer-events: none;
  }
  .site-header__submenu-toggle {
    width: 3.25rem;
    height: 3.25rem;
    flex-basis: 3.25rem;
  }
  .site-header__badge {
    position: static;
    width: fit-content;
    margin-left: 0.25rem;
    padding: 0.16rem 0.35rem;
    border-radius: 999px;
    background: rgba(204, 0, 0, 0.08);
    font-size: 0.58rem;
  }
  .site-header__dropdown,
  .site-header__nav-group--end .site-header__dropdown {
    position: static;
    display: none;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    max-height: none;
    margin: 0.25rem 0 0.5rem;
    padding: 0.375rem 0.5rem 0.5rem 0.625rem;
    border: 0;
    border-left: 2px solid var(--site-header-green);
    border-radius: 0;
    background: var(--site-header-background);
    box-shadow: none;
  }
  .site-header__nav-group:not([open]) > .site-header__dropdown {
    display: none;
  }
  .site-header__nav-group[open] > .site-header__dropdown {
    display: grid;
  }
  .site-header__dropdown-item {
    min-height: 3rem;
    gap: 0.5rem;
    margin: 0 !important;
    padding: 0.375rem 0.5rem;
    border-bottom: 1px solid var(--site-header-line);
    border-radius: 0;
    font-size: 0.9375rem;
    line-height: 1.25;
  }
  .site-header__dropdown-item:last-child {
    border-bottom: 0;
  }
  .site-header__dropdown-thumb {
    width: 2.25rem;
    height: 2.25rem;
  }
  .site-header__dropdown-thumb img {
    max-width: 2rem !important;
    max-height: 2rem !important;
  }
  .site-header__dropdown-all {
    min-height: 3rem;
    margin: 0 0 0.25rem;
    padding: 0.625rem 0.75rem;
    font-size: 0.9375rem;
  }
  /* Tags read more cleanly as one aligned list than as many large pills. */
  .site-header__dropdown--learning .site-header__dropdown-item {
    min-height: 3rem;
    margin: 0 !important;
    padding: 0.5rem;
    border: 0;
    border-bottom: 1px solid var(--site-header-line);
    border-radius: 0;
    background: transparent;
  }
  .site-header__dropdown--learning .site-header__dropdown-item:last-child {
    border-bottom: 0;
  }
  .site-header__mobile-utilities {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 0.75rem clamp(1.5rem, 5vw, 2.25rem) 1rem;
    background: var(--site-header-soft);
  }
  .site-header__mobile-utilities a {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--site-header-line);
    border-radius: 0.45rem;
    background: #ffffff;
    font-size: 0.9rem;
    font-weight: 600;
  }
  .site-header__search,
  .site-header__search:focus-within {
    grid-template-columns: minmax(0, 1fr) 2.75rem;
    width: 100%;
    height: 2.75rem;
    max-height: 2.75rem;
    justify-self: stretch;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: height 160ms ease, max-height 160ms ease, opacity 120ms ease, transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
  }
  /* Keep the compact appearance without creating a tiny touch target. */
  .site-header__search input[type=search] {
    font-size: 1rem;
  }
  .site-header__search button {
    width: 2.75rem;
  }
  /*
   * After the visitor scrolls, remove only the search row. The same form is
   * restored by the temporary search action beside the basket.
   */
  .site-header.is-mobile-condensed:not(.is-mobile-search-open) .site-header__inner {
    row-gap: 0;
    padding-bottom: 0.5rem;
  }
  .site-header.is-mobile-condensed .site-header__mobile-search-toggle {
    display: inline-grid;
  }
  .site-header.is-mobile-condensed .site-header__mobile-search-toggle[aria-expanded=true] {
    color: var(--site-header-green-secondary);
    background: rgba(88, 191, 79, 0.1);
  }
  .site-header.is-mobile-condensed:not(.is-mobile-search-open) .site-header__search {
    height: 0;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-0.25rem);
    border-width: 0;
    pointer-events: none;
  }
  .site-header.site-header .ui-autocomplete .site-header__suggestion.ui-menu-item-wrapper {
    min-height: 3rem;
    padding: 0.375rem 0.5rem !important;
    font-size: 0.9375rem !important;
  }
  .site-header .site-header__suggestion-title {
    font-size: 0.9375rem !important;
  }
  .site-header__actions {
    justify-self: end;
  }
  .site-header__account,
  .site-header__basket {
    position: static;
  }
  .site-header__account-panel,
  .site-header .header__cart__dropdown {
    top: 100%;
    right: clamp(0.75rem, 2.5vw, 1.5rem);
    max-height: calc(100vh - 8.5rem);
    max-height: calc(100dvh - 8.5rem);
  }
  .site-header .header__cart__notifications_area,
  .site-header .header__cart__need_a_quote_area {
    right: clamp(0.75rem, 2.5vw, 1.5rem);
    max-height: calc(100vh - 8.5rem);
    max-height: calc(100dvh - 8.5rem);
  }
}
@media (min-width: 62.5rem) and (hover: hover) and (pointer: fine) {
  .site-header__nav-group:hover > .site-header__dropdown,
  .site-header__basket:hover > .header__cart__dropdown {
    animation: site-header-panel-in 150ms ease-out both;
  }
  .site-header__nav-group:hover > .site-header__dropdown {
    display: grid;
  }
  .site-header__basket:hover > .header__cart__dropdown {
    display: flex;
  }
}
@media (min-width: 48rem) {
  .site-header .header__cart-item {
    grid-template-areas: "image description price quantity";
    grid-template-columns: 2.75rem minmax(6rem, 1fr) auto auto;
    column-gap: 0.65rem;
  }
  .site-header .header__cart-quantity input.header__cart__variant-change {
    width: 2.25rem;
    height: 1.875rem;
  }
  .site-header .header__cart-quantity-icon {
    width: 1.875rem;
    height: 1.875rem;
  }
}
@media (max-width: 47.99rem) {
  .site-header__inner {
    grid-template-columns: minmax(3rem, 1fr) auto minmax(5.5rem, 1fr);
    padding-right: 0.75rem;
    padding-left: 0.75rem;
  }
  .site-header__logo img {
    width: clamp(7.5rem, 35vw, 9.5rem);
  }
  .site-header .site-header__action {
    padding-right: 0.45rem;
    padding-left: 0.45rem;
  }
  .site-header .site-header__basket-summary {
    display: inline-flex;
    width: 2.75rem;
    min-width: 2.75rem;
  }
  .site-header__basket .basket-preview {
    transform: none;
  }
  .site-header__account > summary span,
  .site-header__basket .basket-preview__cart-items-text_wrapper {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
  .site-header__account-panel,
  .site-header .header__cart__dropdown {
    right: 0.75rem;
    width: calc(100vw - 1.5rem);
  }
  .site-header.site-header > .site-header__autocomplete.ui-autocomplete,
  .site-header.site-header > .ui-autocomplete {
    width: calc(100vw - 1.5rem) !important;
  }
}
@media (max-width: 25rem) {
  .site-header__inner {
    grid-template-columns: minmax(2.75rem, 1fr) auto minmax(5.5rem, 1fr);
    column-gap: 0.25rem;
  }
  .site-header__logo img {
    width: 7rem;
  }
  .site-header__actions {
    gap: 0;
  }
  .site-header.is-mobile-condensed .site-header__mobile-search-toggle,
  .site-header.is-mobile-condensed .site-header__account > summary,
  .site-header.is-mobile-condensed .site-header__basket-summary {
    width: 2.5rem;
    min-width: 2.5rem;
    padding-right: 0.25rem;
    padding-left: 0.25rem;
  }
  .site-header .header__cart-item {
    grid-template-areas: "image description price" "image quantity quantity";
    grid-template-columns: 2.5rem minmax(0, 1fr) auto;
    column-gap: 0.45rem;
  }
  .site-header .header__cart-image {
    width: 2.5rem;
    height: 2.5rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .site-header *,
  .site-header *::before,
  .site-header *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}
@media print {
  .site-header {
    position: static;
    box-shadow: none;
  }
  .site-header__navigation,
  .site-header__search,
  .site-header__actions {
    display: none;
  }
}
/* --------------------------------------------------------------------------
   Existing elements that are owned by _header.scss but sit outside the header
   -------------------------------------------------------------------------- */
.important-top-bar,
.important-tob-bar {
  padding: 0.55rem 1rem;
  color: #ffffff;
  background: #333333;
  font-family: "Red Hat Display", Arial, sans-serif;
  font-size: 0.9rem;
  text-align: center;
}

.important-top-bar p,
.important-tob-bar p {
  display: inline;
  margin: 0;
  color: inherit;
}

.top-bar {
  display: block;
  padding: clamp(0.625rem, 3vw, 2.5rem) 0;
  color: #514949;
  background: linear-gradient(to bottom, #eaeaea 0%, #ffffff 50%);
  font-size: 0.875rem;
  text-align: center;
}

.top-bar .center {
  display: flex;
  max-width: 62.5rem;
  justify-content: center;
  margin: auto;
}

.top-bar .top-bar_part {
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  align-items: center;
  justify-content: center;
  gap: clamp(0.125rem, 0.5vw, 0.625rem);
}

.top-bar .top-bar_icons {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: clamp(0.125rem, 0.3vw, 0.25rem);
}

.top-bar .top-bar__icon {
  display: block;
  width: auto;
  max-height: clamp(0.75rem, 2vw, 1.25rem);
}

.top-bar .top-bar_2-row-text {
  min-width: 0;
  text-align: left;
  text-transform: uppercase;
}

.top-bar .top-bar_2-row-text-upper {
  font-size: clamp(0.55rem, 0.9vw, 0.75rem);
  font-weight: 700;
  line-height: 1.3;
}

.top-bar .top-bar_2-row-text-bottom {
  color: #8a9296;
  font-size: clamp(0.5rem, 0.7vw, 0.6875rem);
  line-height: 1.3;
}

.gallery {
  margin-bottom: 3.125rem;
}

.gallery .gallery-cell {
  min-width: min(21.875rem, 100%);
  max-width: 100%;
}

.gallery.js-flickity .gallery-cell:not(:first-child) {
  display: none;
  min-height: 6.25rem;
}

.gallery.js-flickity.flickity-enabled .gallery-cell {
  display: block;
  height: unset;
}

.header-logo-bar-title {
  margin-top: 1.875rem;
  padding-bottom: 0.625rem;
  color: #b6babd;
  font-size: 0.8125rem;
  font-weight: 500;
  text-align: center;
}

.header-logo-bar {
  display: none;
  width: 100%;
  padding: 1.875rem 0;
  overflow: hidden;
  background: #ffffff;
}

.header-logo-bar img {
  height: 3.125rem;
}

.column__header-logo-bar {
  width: 16.6667%;
  padding: 0 0.9375rem;
  text-align: center;
}

.new_header-title {
  color: #333333;
  font-size: 2.5rem;
  font-weight: 500;
}

@media (max-width: 47.99rem) {
  .top-bar .center {
    flex-wrap: wrap;
    gap: 0.75rem 0;
  }
  .top-bar .top-bar_part {
    flex-basis: 50%;
  }
  .column__header-logo-bar {
    width: 100%;
    padding: 0.625rem 0;
  }
}
label.custom-checkbox-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 0.875rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Hide the browser's default checkbox */
}
label.custom-checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
label.custom-checkbox-container {
  /* Create a custom checkbox */
}
label.custom-checkbox-container .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: white;
  border: solid 1px #9f9f9f;
}
label.custom-checkbox-container {
  /* On mouse-over, add a grey background color */
}
label.custom-checkbox-container:hover input ~ .checkmark {
  background-color: white;
}
label.custom-checkbox-container {
  /* When the checkbox is checked, background */
}
label.custom-checkbox-container input:checked ~ .checkmark {
  background-color: white;
}
label.custom-checkbox-container {
  /* Create the checkmark/indicator (hidden when not checked) */
}
label.custom-checkbox-container .checkmark:after {
  content: "";
  position: absolute;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
}
label.custom-checkbox-container {
  /* Show the checkmark when checked */
}
label.custom-checkbox-container input:checked ~ .checkmark:after {
  opacity: 1;
}
label.custom-checkbox-container {
  /* Style the checkmark/indicator */
}
label.custom-checkbox-container .checkmark:after {
  left: 8px;
  top: 2px;
  width: 7px;
  height: 15px;
  border: solid #A2D05D;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.checkout_button_box {
  position: relative;
  display: inline-block;
}
.checkout_button_box .checkout_button-checkout {
  text-align: center;
}

.checkout_button-in_content {
  display: none;
  position: absolute;
  left: 50%;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  font-size: 18px;
}
.checkout_button-in_content .dropdown_login-box-smaller {
  height: 430px;
}
.checkout_button-in_content.active {
  display: block;
}
.checkout_button-in_content .header-top {
  display: flex;
  justify-content: space-between;
  font-weight: bold;
  margin-bottom: 25px;
}
.checkout_button-in_content .guest_bottom {
  text-align: center;
}
.checkout_button-in_content .guest_bottom .guest_checkout_button {
  margin: 10px 0;
  cursor: pointer;
  color: #58BF4F;
  font-weight: 700;
  text-decoration: underline;
}

input[type=radio] {
  position: absolute;
  left: -9999px;
}
input[type=radio] + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  margin-top: 0;
}
input[type=radio] + label:before {
  content: "";
  position: absolute;
  left: 8px;
  top: 8px;
  width: 11px;
  height: 11px;
  border: 1px solid #b9b9b9;
  border-radius: 100%;
  background: #fff;
}
input[type=radio] + label:after {
  content: "";
  width: 7px;
  height: 7px;
  background: #333333;
  position: absolute;
  top: 10px;
  left: 10px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
input[type=radio]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
input[type=radio]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.center-radio-buttons .form__field ul {
  text-align: center;
}
.center-radio-buttons .form__field ul li {
  display: inline-block;
  float: unset;
}

#dissolutionProtocol {
  padding-top: 120px;
  padding-bottom: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (max-width: 1180px) {
  #dissolutionProtocol {
    display: none;
  }
}
#dissolutionProtocol h1,
#dissolutionProtocol h2,
#dissolutionProtocol h3,
#dissolutionProtocol h4 {
  color: black;
  font-weight: 500;
}
#dissolutionProtocol h1 {
  font-size: 3.5rem;
  text-align: center;
  margin-bottom: 40px;
}
#dissolutionProtocol h2 {
  font-size: 2.25rem;
  margin-bottom: 70px;
  text-align: center;
}
#dissolutionProtocol h3 {
  font-size: 1.625rem;
}
#dissolutionProtocol h4 {
  font-size: 1.375rem;
}
#dissolutionProtocol p {
  font-size: 1.375rem;
}
#dissolutionProtocol .dissolution-content-container {
  width: 1180px;
  margin-left: auto;
  margin-right: auto;
}
#dissolutionProtocol .dissolution-protocol__background {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -10;
  background: #F8F8F8;
}
#dissolutionProtocol .dissolution-protocol__background img:first-of-type {
  position: absolute;
  top: -145px;
}
#dissolutionProtocol .dissolution-protocol__background img:last-of-type {
  position: absolute;
  bottom: -145px;
  transform: rotate(180deg);
}
#dissolutionProtocol #introductionBox {
  color: black;
  background: white;
  box-shadow: 0 0 20px 0 rgba(175, 182, 217, 0.2);
  transition: all 0.5s;
}
@media screen and (max-width: 59.9375em) {
  #dissolutionProtocol #introductionBox {
    border-radius: 3px;
  }
}
#dissolutionProtocol #introductionBox.active {
  border-style: solid;
  border-color: #58BF4F;
}
#dissolutionProtocol #introductionBox p, #dissolutionProtocol #introductionBox h2, #dissolutionProtocol #introductionBox h1, #dissolutionProtocol #introductionBox h3, #dissolutionProtocol #introductionBox h4, #dissolutionProtocol #introductionBox h5, #dissolutionProtocol #introductionBox h6, #dissolutionProtocol #introductionBox span, #dissolutionProtocol #introductionBox div {
  transition: color 0.5s;
}
#dissolutionProtocol #introductionBox {
  width: 1180px;
  padding-top: 100px;
  padding-bottom: 120px;
  padding-left: 100px;
  display: flex;
  z-index: 200;
}
#dissolutionProtocol #introductionBox #introductionBoxText {
  width: 580px;
  display: flex;
  flex-direction: column;
}
#dissolutionProtocol #introductionBox #introductionBoxText a {
  margin-top: 50px;
}
#dissolutionProtocol #introductionBox #introductionBoxImage {
  position: relative;
  flex-grow: 1;
}
#dissolutionProtocol #introductionBox #introductionBoxImage #introductionImg2,
#dissolutionProtocol #introductionBox #introductionBoxImage #introductionImg1 {
  position: absolute;
}
#dissolutionProtocol #introductionBox #introductionBoxImage #introductionImg1 {
  top: 80px;
  left: 70px;
  height: 350px;
}
#dissolutionProtocol #introductionBox #introductionBoxImage #introductionImg2 {
  top: 111px;
  left: 225px;
  height: 300px;
}
#dissolutionProtocol #preExperimentalTips {
  position: relative;
  width: 100vw;
  margin-top: -200px;
  padding-top: 300px;
  padding-bottom: 100px;
}
#dissolutionProtocol #preExperimentalTips p {
  margin-bottom: 0;
}
#dissolutionProtocol #preExperimentalTips h3 {
  margin-bottom: 80px;
  margin-top: 80px;
}
#dissolutionProtocol #preExperimentalTips #preExperimentalTipsChecklist .tips__checklist__part--container {
  display: flex;
  justify-content: space-between;
}
#dissolutionProtocol #preExperimentalTips #preExperimentalTipsChecklist .tips__checklist__part--container--orange .tips__checklist__item::before {
  background: #F28C40;
}
#dissolutionProtocol #preExperimentalTips #preExperimentalTipsChecklist .tips__checklist__part--container--orange .tips__checklist__item::after {
  background: #F28C40;
  border-color: rgba(242, 140, 64, 0.3);
}
#dissolutionProtocol #preExperimentalTips #preExperimentalTipsChecklist .tips__checklist__part--container--orange .tips__checklist__connector {
  border-color: #F28C40;
}
#dissolutionProtocol #preExperimentalTips #preExperimentalTipsChecklist .tips__checklist__part--container--green .tips__checklist__item::before {
  background: #58BF4F;
}
#dissolutionProtocol #preExperimentalTips #preExperimentalTipsChecklist .tips__checklist__part--container--green .tips__checklist__item::after {
  background: #58BF4F;
  border-color: rgba(88, 191, 79, 0.3);
}
#dissolutionProtocol #preExperimentalTips #preExperimentalTipsChecklist .tips__checklist__part--container--green .tips__checklist__connector {
  border-color: #58BF4F;
}
#dissolutionProtocol #preExperimentalTips #preExperimentalTipsChecklist .tips__checklist__left div.info-box__text {
  color: white;
  font-weight: 500;
}
#dissolutionProtocol #preExperimentalTips #preExperimentalTipsChecklist .tips__checklist__item {
  color: black;
  background: white;
  box-shadow: 0 0 20px 0 rgba(175, 182, 217, 0.2);
  transition: all 0.5s;
}
@media screen and (max-width: 59.9375em) {
  #dissolutionProtocol #preExperimentalTips #preExperimentalTipsChecklist .tips__checklist__item {
    border-radius: 3px;
  }
}
#dissolutionProtocol #preExperimentalTips #preExperimentalTipsChecklist .tips__checklist__item.active {
  border-style: solid;
  border-color: #58BF4F;
}
#dissolutionProtocol #preExperimentalTips #preExperimentalTipsChecklist .tips__checklist__item p, #dissolutionProtocol #preExperimentalTips #preExperimentalTipsChecklist .tips__checklist__item h2, #dissolutionProtocol #preExperimentalTips #preExperimentalTipsChecklist .tips__checklist__item h1, #dissolutionProtocol #preExperimentalTips #preExperimentalTipsChecklist .tips__checklist__item h3, #dissolutionProtocol #preExperimentalTips #preExperimentalTipsChecklist .tips__checklist__item h4, #dissolutionProtocol #preExperimentalTips #preExperimentalTipsChecklist .tips__checklist__item h5, #dissolutionProtocol #preExperimentalTips #preExperimentalTipsChecklist .tips__checklist__item h6, #dissolutionProtocol #preExperimentalTips #preExperimentalTipsChecklist .tips__checklist__item span, #dissolutionProtocol #preExperimentalTips #preExperimentalTipsChecklist .tips__checklist__item div {
  transition: color 0.5s;
}
#dissolutionProtocol #preExperimentalTips #preExperimentalTipsChecklist .tips__checklist__item {
  width: 380px;
  height: 70px;
  display: flex;
  position: relative;
  justify-content: center;
  align-content: center;
  margin-bottom: 70px;
}
#dissolutionProtocol #preExperimentalTips #preExperimentalTipsChecklist .tips__checklist__item--green {
  background-color: #58BF4F;
}
#dissolutionProtocol #preExperimentalTips #preExperimentalTipsChecklist .tips__checklist__item--orange {
  background-color: #F28C40;
}
#dissolutionProtocol #preExperimentalTips #preExperimentalTipsChecklist .tips__checklist__item div.info-box__text {
  display: flex;
  align-items: center;
  font-size: 1.375rem;
}
#dissolutionProtocol #preExperimentalTips #preExperimentalTipsChecklist .tips__checklist__right .tips__checklist__item::before {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  left: -26px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
}
#dissolutionProtocol #preExperimentalTips #preExperimentalTipsChecklist .tips__checklist__right .tips__checklist__connector {
  border-bottom-style: dashed;
  border-width: 1px;
  position: absolute;
  left: -22px;
}
#dissolutionProtocol #preExperimentalTips #preExperimentalTipsChecklist .tips__checklist__right > div:first-of-type .tips__checklist__connector {
  max-width: 370px;
  width: calc(100vw - 810px);
  top: 50%;
  transform: translate(-100%, -50%);
}
#dissolutionProtocol #preExperimentalTips #preExperimentalTipsChecklist .tips__checklist__right > div:not(:first-of-type) .tips__checklist__connector {
  width: 77px;
  height: 140px;
  top: calc(50% + 0.5px);
  border-left-style: dashed;
  border-radius: 0 0 0 5px;
  transform: translate(-100%, -100%);
}
#dissolutionProtocol #preExperimentalTips #preExperimentalTipsChecklist .tips__checklist__left .tips__checklist__item::after {
  position: absolute;
  content: "";
  width: 37px;
  height: 37px;
  right: -50px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  border-width: 7px;
  border-style: solid;
  background-clip: padding-box;
}
#dissolutionProtocol #dissolutionRun {
  margin-top: 230px;
}
#dissolutionProtocol #dissolutionRun h2 {
  color: #58BF4F;
}
#dissolutionProtocol #dissolutionRun img {
  position: absolute;
}
#dissolutionProtocol #dissolutionRun li {
  font-size: 1.375rem;
}
#dissolutionProtocol #dissolutionRun #dissolutionRunIntroduction {
  margin-bottom: 100px;
}
#dissolutionProtocol #dissolutionRun #dissolutionRunTrialContainer {
  display: flex;
  margin-bottom: 200px;
}
#dissolutionProtocol #dissolutionRun #dissolutionRunTrialContainer #dissolutionRunImageContainer {
  position: relative;
  flex-grow: 1;
}
#dissolutionProtocol #dissolutionRun #dissolutionRunTrialContainer #dissolutionRunImageContainer #dissolutionRunBackgroundImage {
  top: -115px;
  right: -120px;
}
#dissolutionProtocol #dissolutionRun #dissolutionRunTrialContainer #dissolutionRunImageContainer #dissolutionRunScientistImage {
  height: 470px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
#dissolutionProtocol #dissolutionRun #dissolutionPayAttentionHeader {
  margin-bottom: 80px;
}
#dissolutionProtocol #dissolutionRun #dissolutionPayAttentionCards {
  display: flex;
  justify-content: space-between;
  height: 520px;
}
#dissolutionProtocol #dissolutionRun #dissolutionPayAttentionCards .dissolution__pay-attention {
  color: black;
  background: white;
  box-shadow: 0 0 20px 0 rgba(175, 182, 217, 0.2);
  transition: all 0.2s;
}
@media screen and (max-width: 59.9375em) {
  #dissolutionProtocol #dissolutionRun #dissolutionPayAttentionCards .dissolution__pay-attention {
    border-radius: 3px;
  }
}
#dissolutionProtocol #dissolutionRun #dissolutionPayAttentionCards .dissolution__pay-attention.active {
  border-style: solid;
  border-color: #58BF4F;
}
#dissolutionProtocol #dissolutionRun #dissolutionPayAttentionCards .dissolution__pay-attention p, #dissolutionProtocol #dissolutionRun #dissolutionPayAttentionCards .dissolution__pay-attention h2, #dissolutionProtocol #dissolutionRun #dissolutionPayAttentionCards .dissolution__pay-attention h1, #dissolutionProtocol #dissolutionRun #dissolutionPayAttentionCards .dissolution__pay-attention h3, #dissolutionProtocol #dissolutionRun #dissolutionPayAttentionCards .dissolution__pay-attention h4, #dissolutionProtocol #dissolutionRun #dissolutionPayAttentionCards .dissolution__pay-attention h5, #dissolutionProtocol #dissolutionRun #dissolutionPayAttentionCards .dissolution__pay-attention h6, #dissolutionProtocol #dissolutionRun #dissolutionPayAttentionCards .dissolution__pay-attention span, #dissolutionProtocol #dissolutionRun #dissolutionPayAttentionCards .dissolution__pay-attention div {
  transition: color 0.2s;
}
#dissolutionProtocol #dissolutionRun #dissolutionPayAttentionCards .dissolution__pay-attention {
  width: 580px;
  height: 500px;
  padding-right: 100px;
  padding-left: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 0;
}
#dissolutionProtocol #dissolutionRun #dissolutionPayAttentionCards .dissolution__pay-attention:hover {
  cursor: pointer;
}
#dissolutionProtocol #dissolutionRun #dissolutionPayAttentionCards .dissolution__pay-attention.active {
  margin-top: -20px;
  background: #58BF4F;
}
#dissolutionProtocol #HPLCUVMethod {
  position: relative;
  width: 100vw;
  margin-top: 230px;
}
#dissolutionProtocol #HPLCUVMethod .dissolution__hplc__container {
  margin-top: -7px;
}
#dissolutionProtocol #HPLCUVMethod div.dissolution__hplc__container:first-of-type .dissolution__hplc__circle::before {
  height: 67px;
  top: 21px;
}
#dissolutionProtocol #HPLCUVMethod div.dissolution__hplc__container:last-of-type .dissolution__hplc__circle::before {
  height: 20px;
}
#dissolutionProtocol #HPLCUVMethod div.dissolution__hplc__container:last-of-type .dissolution__hplc__content::before {
  display: none;
}
#dissolutionProtocol #HPLCUVMethod .dissolution__hplc__content {
  position: relative;
  width: 1180px;
  height: 0;
  overflow: hidden;
  padding-left: 100px;
  margin-bottom: 0;
  transition: all 0.5s linear;
}
#dissolutionProtocol #HPLCUVMethod .dissolution__hplc__content::before {
  content: "";
  position: absolute;
  border-left: 1px dashed #F28C40;
  height: calc(100% + 68px);
  left: 18px;
}
#dissolutionProtocol #HPLCUVMethod .dissolution__hplc__content--first {
  height: auto;
}
#dissolutionProtocol #HPLCUVMethod .dissolution__hplc__content h4 {
  margin-top: 0;
}
#dissolutionProtocol #HPLCUVMethod .dissolution__hplc__content p, #dissolutionProtocol #HPLCUVMethod .dissolution__hplc__content li {
  font-size: 1.375rem;
}
#dissolutionProtocol #HPLCUVMethod .dissolution__hplc__circle {
  position: relative;
  width: 37px;
  height: 37px;
  border-radius: 50%;
  border-width: 7px;
  border-style: solid;
  background: #000;
  border-color: rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
  margin-bottom: 60px;
  transition: all 0.5s linear;
}
#dissolutionProtocol #HPLCUVMethod .dissolution__hplc__circle.active {
  background-color: #F28C40;
  border-color: rgba(242, 140, 64, 0.2);
}
#dissolutionProtocol #HPLCUVMethod .dissolution__hplc__circle.active .dissolution__hplc__circle__arrow {
  transform: translate(-50%, -40%) rotate(-135deg);
}
#dissolutionProtocol #HPLCUVMethod .dissolution__hplc__circle.active + .dissolution__hplc__content {
  padding-bottom: 60px;
}
#dissolutionProtocol #HPLCUVMethod .dissolution__hplc__circle.active h3.dissolution__hplc__circle__title {
  color: #F28C40;
}
#dissolutionProtocol #HPLCUVMethod .dissolution__hplc__circle::before {
  content: "";
  position: absolute;
  height: 88px;
  border-left: 1px dashed #F28C40;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  z-index: -10;
}
#dissolutionProtocol #HPLCUVMethod .dissolution__hplc__circle--clickable:hover {
  cursor: pointer;
}
#dissolutionProtocol #HPLCUVMethod .dissolution__hplc__circle:hover .dissolution__hplc__circle__arrow {
  border-bottom-width: 2px;
  border-right-width: 2px;
}
#dissolutionProtocol #HPLCUVMethod .dissolution__hplc__circle h3.dissolution__hplc__circle__title {
  position: absolute;
  white-space: nowrap;
  top: 50%;
  transform: translateY(-50%);
  left: 90px;
  color: black;
  font-size: 1.375rem;
  transition: color 0.5s linear;
}
#dissolutionProtocol #HPLCUVMethod .dissolution__hplc__circle h3.dissolution__hplc__circle__title--main {
  font-size: 2.25rem;
}
#dissolutionProtocol #HPLCUVMethod .dissolution__hplc__circle .dissolution__hplc__circle__arrow {
  position: absolute;
  box-sizing: border-box;
  height: 7px;
  width: 7px;
  left: 50%;
  top: 50%;
  border-style: solid;
  border-color: #fff;
  border-width: 0 1.5px 1.5px 0;
  transition: border-width 150ms linear, transform 0.5s linear;
  transform: translate(-50%, -65%) rotate(45deg);
}
#dissolutionProtocol #HPLCUVMethod #calibrationEquation {
  height: 62px;
  margin-bottom: 40px;
  margin-top: 20px;
}
#dissolutionProtocol .dissolution__table__container {
  margin-top: 40px;
  margin-bottom: 50px;
}
#dissolutionProtocol .dissolution__table {
  table-layout: fixed;
  text-align: center;
  white-space: nowrap;
}
#dissolutionProtocol .dissolution__table--content {
  box-shadow: 0 0 20px 0 rgba(175, 182, 217, 0.2);
}
#dissolutionProtocol .dissolution__table--titles {
  font-weight: 700;
  color: black;
}
#dissolutionProtocol .dissolution__table--titles tbody {
  background: transparent;
  border: none;
}
#dissolutionProtocol .dissolution__table .dissolution__table__row-title {
  font-weight: 500;
}
#dissolutionProtocol #whatIsNeeded {
  margin-top: 300px;
}
#dissolutionProtocol #whatIsNeeded ul {
  margin-left: 100px;
  font-size: 1.375rem;
}
#dissolutionProtocol #whatIsNeeded h4 {
  margin-top: 50px;
  margin-bottom: 25px;
}
#dissolutionProtocol #Preparation {
  margin-top: 100px;
}
#dissolutionProtocol #Preparation .slick-dots {
  bottom: -100px;
}
#dissolutionProtocol #Preparation .preparation-slide {
  width: 100vw;
  height: 615px;
  position: relative;
}
#dissolutionProtocol #Preparation .preparation-slide h2 {
  color: #58BF4F;
  text-align: left;
  margin-top: 70px;
}
#dissolutionProtocol #Preparation .preparation-slide ul {
  padding-left: 5px;
}
#dissolutionProtocol #Preparation .preparation-slide li {
  font-size: 1.375rem;
}
#dissolutionProtocol #Preparation .preparation-slide .preparation-slide__text__container {
  max-width: 680px;
}
#dissolutionProtocol #Preparation .preparation-slide .preparation-slide__text__container--table {
  width: 500px;
}
#dissolutionProtocol #Preparation .preparation-slide .preparation-slide__table__container {
  position: absolute;
  width: 680px;
  height: 500px;
  top: -45px;
  right: 0;
}
#dissolutionProtocol #Preparation .preparation-slide .preparation-slide__table__container .dissolution__table--content {
  box-shadow: none;
}
#dissolutionProtocol #Preparation .preparation-slide .preparation-slide__table__container .table__container {
  margin-right: 10px;
}
#dissolutionProtocol #Preparation .preparation-slide #preparationSlidesProbesImage {
  margin-top: 32px;
  height: 130px;
}
#dissolutionProtocol #Preparation .preparation-slide .preparation-slide__image__container {
  position: absolute;
  width: 600px;
  height: 600px;
  top: -45px;
  right: -115px;
}
#dissolutionProtocol #Preparation .preparation-slide .preparation-slide__image__container .preparation-slide__image__background,
#dissolutionProtocol #Preparation .preparation-slide .preparation-slide__image__container .preparation-slide__image {
  transform: translate(-50%, -50%);
  position: absolute;
}
#dissolutionProtocol #Preparation .preparation-slide .preparation-slide__image__container .preparation-slide__image {
  top: 50%;
  left: 48%;
}
#dissolutionProtocol #Preparation .preparation-slide .preparation-slide__image__container .preparation-slide__image__background {
  width: 600px;
  height: 600px;
  top: 55%;
  left: 48%;
}
#dissolutionProtocol #Preparation #preparationSlideImageYellowGut {
  left: 29%;
  height: 350px;
}
#dissolutionProtocol #Preparation #preparationSlideImageGreenGut {
  left: 54%;
  height: 300px;
}
#dissolutionProtocol #Preparation .preparation-slide-1-img {
  height: 481px;
}
#dissolutionProtocol #Preparation .preparation-slide-2-img {
  height: 470px;
}
#dissolutionProtocol #Preparation .preparation-slide-5-img {
  height: 432px;
}
#dissolutionProtocol #secondDissolutionRun {
  margin-top: 350px;
  padding-top: 90px;
  padding-bottom: 150px;
  position: relative;
  width: 100vw;
}
#dissolutionProtocol #secondDissolutionRun a {
  font-weight: normal;
}
#dissolutionProtocol #secondDissolutionRun #preparingHPLCSamplesStep1MoreInfo {
  font-size: 1rem;
  margin-left: 24px;
  max-width: 332px;
}
#dissolutionProtocol #secondDissolutionRun .dissolution__carts__container {
  display: flex;
  margin-top: 100px;
  margin-bottom: 126px;
}
#dissolutionProtocol #secondDissolutionRun .dissolution__carts__container--last {
  margin-bottom: 30px;
}
#dissolutionProtocol #secondDissolutionRun .dissolution__carts__container > div:not(:last-child) {
  margin-right: 20px;
}
#dissolutionProtocol #secondDissolutionRun .dissolution__carts__container .dissolution__cart {
  width: 380px;
  height: 476px;
  box-shadow: 0 0 20px 0 rgba(175, 182, 217, 0.2);
  transition: transform 0.25s ease-in-out;
}
#dissolutionProtocol #secondDissolutionRun .dissolution__carts__container .dissolution__cart:hover {
  transform: translateY(-20px);
}
#dissolutionProtocol #secondDissolutionRun .dissolution__carts__container .dissolution__cart h4 {
  text-align: left;
  margin-top: 40px;
  margin-bottom: 20px;
  margin-left: 24px;
}
#dissolutionProtocol #secondDissolutionRun .dissolution__carts__container .dissolution__cart .dissolution__cart__text__container {
  height: 115px;
  margin-left: 24px;
  margin-right: 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#dissolutionProtocol #secondDissolutionRun .dissolution__carts__container .dissolution__cart .dissolution__cart__text__container p {
  font-size: 1rem;
}
#dissolutionProtocol #secondDissolutionRun #SamplingSchedule {
  color: #333333;
  text-align: center;
  margin-top: 90px;
}
#dissolutionProtocol #secondDissolutionRun #secondDissolutionRunTableNote {
  text-align: center;
  margin-left: 160px;
  margin-right: 160px;
}
#dissolutionProtocol #analysisOfResults {
  margin-top: 300px;
}
#dissolutionProtocol #analysisOfResults ul {
  margin-left: 100px;
  margin-bottom: 100px;
}
#dissolutionProtocol #analysisOfResults ul li {
  font-size: 1.375rem;
}
#dissolutionProtocol #analysisOfResults a {
  font-weight: normal;
}
#dissolutionProtocol .download-pdf {
  margin-top: 100px;
}

@media only screen and (min-width: 1180px) {
  #dissolutionProtocolMobile {
    display: none;
  }
}
#dissolutionProtocolMobile {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 40px;
}
#dissolutionProtocolMobile h3 {
  margin-bottom: 60px;
  font-weight: 500;
  font-size: 2.5625rem;
}
@media screen and (max-width: 59.9375em) {
  #dissolutionProtocolMobile h3 {
    font-size: 1.25rem;
  }
}
#dissolutionProtocolMobile img {
  max-height: 300px;
  margin-bottom: 60px;
}
#dissolutionProtocolMobile .download-pdf {
  margin-top: 100px;
  display: flex;
  justify-content: center;
}

#caseStudy .slide__note {
  text-align: center;
  font-size: 0.8125rem;
  color: #CBCBCB;
}
@media screen and (min-width: 60em) {
  #caseStudy .slide__note {
    display: none;
  }
}
@media screen and (min-width: 40em) {
  #caseStudy {
    margin-top: 180px;
  }
  #caseStudy > div {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media screen and (max-width: 59.9375em) {
  #caseStudy > div {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media screen and (max-width: 59.9375em) {
  #caseStudy {
    margin-top: 30px;
  }
  #caseStudy h1, #caseStudy h2, #caseStudy h3, #caseStudy h4, #caseStudy h5, #caseStudy h6 {
    text-align: center;
  }
  #caseStudy h1 {
    font-size: 1.25rem;
    line-height: 1.1;
  }
  #caseStudy h2 {
    font-size: 1.125rem;
    line-height: 1.5;
  }
  #caseStudy h3 {
    font-size: 1rem;
    text-align: center;
    font-weight: 500;
  }
}
@media screen and (min-width: 60em) {
  #caseStudy h1, #caseStudy h2, #caseStudy h3, #caseStudy h4, #caseStudy h5, #caseStudy h6 {
    color: black;
    font-weight: 500;
  }
  #caseStudy h1 {
    font-size: 3.5rem;
    line-height: 1.1;
  }
  #caseStudy h2 {
    font-size: 2.25rem;
    text-align: center;
  }
  #caseStudy h3 {
    font-size: 1.375rem;
    text-align: center;
  }
  #caseStudy p {
    font-size: 1.375rem;
  }
}
#caseStudy #Introduction {
  display: flex;
  margin-bottom: 100px;
}
@media screen and (max-width: 59.9375em) {
  #caseStudy #Introduction {
    flex-direction: column-reverse;
  }
}
#caseStudy #Introduction h1 {
  margin-bottom: 50px;
}
@media screen and (max-width: 59.9375em) {
  #caseStudy #Introduction h1 {
    margin-bottom: 0;
    margin-top: 0;
  }
}
#caseStudy #Introduction h2 {
  margin-bottom: 25px;
  text-align: left;
}
@media screen and (max-width: 59.9375em) {
  #caseStudy #Introduction h2 {
    text-align: center;
  }
}
#caseStudy #Introduction #introductionDetails span {
  font-size: 1.125rem;
}
#caseStudy #Introduction #introductionDetails span:nth-of-type(2n + 1) {
  font-weight: 500;
}
#caseStudy #Introduction #introductionDetails span:nth-of-type(2n + 1)::after {
  content: " ";
}
@media screen and (max-width: 59.9375em) {
  #caseStudy #Introduction #introductionDetails span {
    font-size: 0.875rem;
  }
}
#caseStudy #Introduction .introduction-image {
  position: relative;
  width: 660px;
}
@media screen and (max-width: 59.9375em) {
  #caseStudy #Introduction .introduction-image {
    width: unset;
    height: 300px;
  }
}
#caseStudy #Introduction .introduction-image img {
  position: absolute;
  left: 0;
}
#caseStudy #Introduction .introduction-image #drugParticleBackgroundImage {
  top: -50px;
}
@media screen and (max-width: 59.9375em) {
  #caseStudy #Introduction .introduction-image #drugParticleBackgroundImage {
    top: -50px;
    height: 120%;
    left: 50%;
    transform: translateX(-50%);
  }
}
#caseStudy #Introduction .introduction-image #drugParticleImage {
  width: 580px;
  height: 400px;
  top: 20px;
}
@media screen and (max-width: 59.9375em) {
  #caseStudy #Introduction .introduction-image #drugParticleImage {
    height: unset;
    width: unset;
    max-height: 100%;
    left: 50%;
    transform: translateX(-50%);
    top: -20px;
  }
}
#caseStudy #formulationsUsed {
  width: 100vw;
  position: relative;
  margin-top: 400px;
  margin-bottom: 350px;
  padding-bottom: 50px;
}
@media screen and (max-width: 59.9375em) {
  #caseStudy #formulationsUsed {
    margin-top: 350px;
  }
}
#caseStudy #formulationsUsed h2 {
  margin-bottom: 80px;
}
#caseStudy #formulationsUsed .formulations-used__row {
  display: flex;
  margin-bottom: 100px;
  justify-content: center;
}
@media screen and (max-width: 59.9375em) {
  #caseStudy #formulationsUsed .formulations-used__row {
    flex-wrap: wrap;
  }
  #caseStudy #formulationsUsed .formulations-used__row div:nth-child(-n+2) {
    margin-right: 20px;
  }
}
#caseStudy #formulationsUsed .formulations-used__row--titles {
  font-size: 1.125rem;
  text-align: center;
  margin-bottom: 26px;
}
@media screen and (max-width: 59.9375em) {
  #caseStudy #formulationsUsed .formulations-used__row--titles {
    font-size: 0.875rem;
    font-weight: 500;
  }
}
@media screen and (min-width: 60em) {
  #caseStudy #formulationsUsed .formulations-used__row div:not(:last-child) {
    margin-right: 20px;
  }
}
#caseStudy #formulationsUsed .formulations-used__row .formulations-used__row__long--mobile {
  font-weight: 500;
  font-size: 0.875rem;
  margin-top: 50px;
  margin-bottom: 20px;
  width: 100vw;
  text-align: center;
}
#caseStudy #formulationsUsed .formulations-used__row .short {
  width: 180px;
}
@media screen and (max-width: 59.9375em) {
  #caseStudy #formulationsUsed .formulations-used__row .short {
    width: 25vw;
    max-width: 180px;
  }
}
#caseStudy #formulationsUsed .formulations-used__row .long {
  width: 590px;
}
#caseStudy #formulationsUsed .formulations-used__row .info-box {
  display: flex;
  justify-content: center;
  align-items: center;
}
#caseStudy #formulationsUsed .formulations-used__row .info-box.short {
  height: 90px;
  padding: 10px;
}
#caseStudy #formulationsUsed .formulations-used__row .info-box.short p {
  text-align: center;
}
@media screen and (max-width: 59.9375em) {
  #caseStudy #formulationsUsed .formulations-used__row .info-box.short {
    width: 25vw;
    max-width: 180px;
  }
}
#caseStudy #formulationsUsed .formulations-used__row .info-box.long {
  padding: 32px 40px 30px;
}
#caseStudy #formulationsUsed .formulations-used__row .info-box--orange {
  background-color: #F28C40;
}
#caseStudy #formulationsUsed .formulations-used__row .info-box--orange p {
  color: white;
}
#caseStudy #formulationsUsed .formulations-used__row .info-box--blue {
  background-color: #0099FF;
}
#caseStudy #formulationsUsed .formulations-used__row .info-box--blue p {
  color: white;
}
#caseStudy #formulationsUsed .formulations-used__row .info-box--bold {
  font-weight: 500;
}
#caseStudy #formulationsUsed .formulations-used__row .info-box p {
  margin-bottom: 0;
}
#caseStudy #Method .slide__note {
  margin-bottom: 0;
  margin-top: 40px;
}
#caseStudy #Method .method__list {
  margin-top: 90px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 100px;
}
#caseStudy #Method .method__list__row {
  margin-bottom: 40px;
}
#caseStudy #Method .method__list__row div {
  display: flex;
  justify-content: center;
  align-items: center;
}
#caseStudy #Method .method__list__row div:first-child {
  width: 400px;
  text-align: center;
  font-size: 1.375rem;
}
@media screen and (max-width: 59.9375em) {
  #caseStudy #Method .method__list__row div:first-child {
    font-size: 0.875rem;
    width: 150px;
  }
}
#caseStudy #Method .method__list__row div:last-child {
  width: 100px;
  height: 60px;
  font-size: 1.1875rem;
  margin-left: 10px;
}
@media screen and (max-width: 59.9375em) {
  #caseStudy #Method .method__list__row div:last-child {
    font-size: 1rem;
    margin-left: 40px;
  }
}
@media screen and (max-width: 59.9375em) {
  #caseStudy #Method .table__container {
    overflow-x: auto;
    margin-top: 10px;
  }
  #caseStudy #Method .table__container table {
    width: 1000px;
  }
  #caseStudy #Method .table__container tr {
    font-size: 0.875rem;
  }
}
#caseStudy #Method #methodEquation {
  width: 420px;
  margin-top: 80px;
  margin-bottom: 50px;
}
#caseStudy #Results {
  position: relative;
  width: 100vw;
  margin-top: 400px;
  margin-bottom: 400px;
  padding-bottom: 100px;
}
@media screen and (max-width: 59.9375em) {
  #caseStudy #Results {
    margin-top: 300px;
    margin-bottom: 300px;
  }
  #caseStudy #Results h3 {
    font-size: 0.875rem;
  }
  #caseStudy #Results .slick-slide {
    margin-right: 10px;
    margin-left: 10px;
  }
}
#caseStudy #Results .slick-dots {
  bottom: -20px;
}
#caseStudy #Results .results__row {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
@media screen and (min-width: 60em) {
  #caseStudy #Results .results__row div:nth-child(odd) {
    margin-right: 20px;
  }
}
#caseStudy #Results .results__row .info-box {
  flex: 0 0 auto;
  padding-top: 48px;
  margin-bottom: 20px;
}
@media screen and (max-width: 59.9375em) {
  #caseStudy #Results .results__row .info-box {
    padding-top: 20px;
  }
}
@media screen and (min-width: 60em) {
  #caseStudy #Results .results__row .info-box {
    width: 580px;
    height: auto;
    padding-left: 32px;
    padding-right: 48px;
  }
}
@media screen and (min-width: 60em) {
  #caseStudy #Results .results__row .info-box.info-box--wide {
    width: 1180px;
    margin-right: 0;
  }
}
#caseStudy #Results .results__row img {
  margin-top: 32px;
  width: 500px;
  margin-bottom: 32px;
}
@media screen and (max-width: 59.9375em) {
  #caseStudy #Results .results__row img {
    width: auto;
    max-width: 500px;
    margin-left: 18px;
    margin-right: 28px;
  }
}
#caseStudy #Results .results__row p {
  margin-left: 18px;
}
#caseStudy #Results .results__row p:first-of-type {
  margin-bottom: 32px;
}
@media screen and (max-width: 59.9375em) {
  #caseStudy #Results .results__row p {
    margin-right: 18px;
  }
}
#caseStudy #Discussion {
  margin-bottom: 150px;
}
@media screen and (min-width: 60em) {
  #caseStudy #Discussion h3 {
    font-size: 1.625rem;
    text-align: left;
    margin-top: 48px;
  }
}
#caseStudy #Discussion h2 {
  margin-bottom: 32px;
}
#caseStudy #Discussion h3 {
  margin-bottom: 60px;
}
#caseStudy #Discussion p {
  margin-bottom: 32px;
}
#caseStudy #Discussion .small-gery-text {
  font-size: 0.875rem;
  margin-top: 150px;
}

#caseStudyHome {
  overflow-wrap: break-word;
}
#caseStudyHome .case-study__info {
  text-align: left;
  margin-bottom: 20px;
  line-height: 1.75;
  font-size: 1.125rem;
}
#caseStudyHome .case-study__info span:nth-of-type(2n + 1) {
  font-weight: bold;
}
#caseStudyHome .case-study__info span:nth-of-type(2n) {
  margin-left: 5px;
}
@media screen and (max-width: 59.9375em) {
  #caseStudyHome .case-study__info {
    display: block;
  }
}
#caseStudyHome .product-box {
  margin-left: 0;
  margin-right: 0;
  padding-left: 25px;
  padding-right: 25px;
}
#caseStudyHome .product-box:hover {
  cursor: default;
}
@media screen and (max-width: 59.9375em) {
  #caseStudyHome .product-box {
    display: flex;
    flex-direction: column;
  }
  #caseStudyHome .product-box a {
    width: 100%;
  }
}
#caseStudyHome .case-study__item-background {
  display: none;
}
#caseStudyHome .case-study__image-container {
  position: relative;
  height: 220px;
}
#caseStudyHome .case-study__image-container svg {
  position: absolute;
  top: 0;
  left: 0;
}
#caseStudyHome .case-study__image-container .case-study-box__image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
}
#caseStudyHome .case-study__image-container .case-study-box__image--particle {
  opacity: 1;
}
#caseStudyHome .case-study__image-container .case-study-box__image--pillman {
  opacity: 0;
}
#caseStudyHome .case-study__image-container .case-study__image-container--background {
  max-height: 100%;
}
#caseStudyHome #caseStudiesRow {
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap;
}
#caseStudyHome #caseStudiesRow > div {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media screen and (min-width: 40em) {
  #caseStudyHome #caseStudiesRow > div {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
#caseStudyHome #caseStudiesRow > div {
  width: 33.3333333333%;
  float: left;
}
#caseStudyHome #caseStudiesRow > div:last-child:not(:first-child) {
  float: right;
}
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  #caseStudyHome #caseStudiesRow > div {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 100%;
    float: left;
  }
}
@media screen and (min-width: 0em) and (max-width: 39.9375em) and (min-width: 40em) {
  #caseStudyHome #caseStudiesRow > div {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  #caseStudyHome #caseStudiesRow > div:last-child:not(:first-child) {
    float: right;
  }
}
#caseStudyHome #caseStudiesRow > div .product-box {
  margin-left: 12px;
  margin-right: 12px;
  background: none;
}

#caseStudyHomeBanner {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0 60px;
  position: relative;
  margin-bottom: 20px;
}
#caseStudyHomeBanner .slick-dots {
  bottom: -30px;
}
@media screen and (min-width: 60em) {
  #caseStudyHomeBanner {
    border: 1px solid #a2a2a3;
  }
}
#caseStudyHomeBanner .case-studies__top-banner-item__wrapper {
  display: flex;
}
@media screen and (max-width: 59.9375em) {
  #caseStudyHomeBanner {
    margin-bottom: 60px;
    margin-top: 40px;
  }
  #caseStudyHomeBanner .case-studies__top-banner-item__wrapper {
    flex-direction: column-reverse;
    align-items: center;
  }
}
#caseStudyHomeBanner .back-arrow-header {
  top: 32px;
}
#caseStudyHomeBanner .case-study-banner__text {
  max-width: 700px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
#caseStudyHomeBanner .case-study-banner__text h1 {
  font-weight: 700;
}
#caseStudyHomeBanner .case-study-banner__text p {
  font-size: 1.5rem;
  word-wrap: break-word;
}
@media screen and (max-width: 59.9375em) {
  #caseStudyHomeBanner .case-study-banner__text p {
    font-size: 1.1875rem;
    text-align: center;
    margin-top: 40px;
  }
}
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  #caseStudyHomeBanner .case-study-banner__text p {
    font-size: 0.875rem;
  }
}
#caseStudyHomeBanner .caseStudyHomeBannerImg {
  width: auto;
  height: 190px;
}
@media screen and (min-width: 60em) {
  #caseStudyHomeBanner .caseStudyHomeBannerImg {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 59.9375em) {
  #caseStudyHomeBanner .caseStudyHomeBannerImg {
    width: 230px;
    height: auto;
  }
}

@media screen and (min-width: 60em) {
  #emailMeResults {
    width: 600px;
  }
}
#emailMeResults #calcEmailRequestFormContainer {
  opacity: 1;
  transition: opacity 0.5s;
}
@media screen and (max-width: 59.9375em) {
  #emailMeResults #calcEmailRequestFormContainer {
    height: 100%;
  }
}
#emailMeResults .close-modal-text {
  text-align: center;
  font-size: 0.875rem;
  color: #B8B8B8;
  margin-top: 30px;
}
@media screen and (min-width: 60em) {
  #emailMeResults .close-modal-text {
    display: none;
  }
}
#emailMeResults .close-button {
  border: none;
  font-size: 2rem;
}
@media screen and (max-width: 59.9375em) {
  #emailMeResults .calc-email-send-button {
    margin-top: 20px;
  }
}
@media screen and (min-width: 60em) {
  #emailMeResults #calcJustEmailForm {
    margin-top: 60px;
  }
}
#emailMeResults .email-form-calc__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#emailMeResults .email-form-calc__wrapper #paperPlaneImage {
  max-height: 100px;
  margin-bottom: 60px;
  padding-left: 20px;
  padding-right: 20px;
}
#emailMeResults .email-form-calc__wrapper h2 {
  font-size: 1.6875rem;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 20px;
  text-align: center;
}
@media screen and (max-width: 59.9375em) {
  #emailMeResults .email-form-calc__wrapper h2 {
    font-size: 1.625rem;
  }
}
#emailMeResults .email-form-calc__wrapper h4 {
  font-size: 0.9375rem;
  margin-top: 0;
  margin-bottom: 35px;
  text-align: center;
}
@media screen and (max-width: 59.9375em) {
  #emailMeResults .email-form-calc__wrapper h4 {
    font-size: 0.875rem;
  }
}
#emailMeResults .email-form-calc__wrapper input[type=email],
#emailMeResults .email-form-calc__wrapper input[type=text],
#emailMeResults .email-form-calc__wrapper textarea {
  color: #333333;
  box-shadow: none;
}
#emailMeResults .email-form-calc__wrapper input[type=email]:active,
#emailMeResults .email-form-calc__wrapper input[type=text]:active,
#emailMeResults .email-form-calc__wrapper textarea:active {
  box-shadow: none;
}
#emailMeResults .email-form-calc__wrapper input[type=email]::placeholder,
#emailMeResults .email-form-calc__wrapper input[type=text]::placeholder,
#emailMeResults .email-form-calc__wrapper textarea::placeholder {
  color: #B8B8B8;
}
#emailMeResults .email-form-calc__wrapper input[type=email] {
  width: 250px;
  margin-top: 0;
  margin-bottom: 25px;
}
#emailMeResults #calcDetailEmailForm {
  margin-top: 10px;
}
#emailMeResults #calcDetailEmailForm input {
  margin-bottom: 0;
}
#emailMeResults #calcDetailEmailForm h2 {
  margin-bottom: 15px;
}
#emailMeResults #calcDetailEmailForm h4 {
  margin-bottom: 20px;
}
#emailMeResults #calcDetailEmailForm textarea {
  margin-bottom: 0;
}
#emailMeResults #calcDetailEmailForm .calc-form__row {
  display: flex;
}
@media screen and (min-width: 60em) {
  #emailMeResults #calcDetailEmailForm .calc-form__row {
    margin-bottom: 20px;
  }
  #emailMeResults #calcDetailEmailForm .calc-form__row > input:first-child {
    margin-right: 20px;
  }
}
@media screen and (max-width: 59.9375em) {
  #emailMeResults #calcDetailEmailForm .calc-form__row {
    flex-direction: column;
    width: 100%;
  }
  #emailMeResults #calcDetailEmailForm .calc-form__row input {
    margin-bottom: 20px;
  }
}
#emailMeResults #calcDetailEmailForm .calculator-small-input,
#emailMeResults #calcDetailEmailForm .my-button-main {
  width: 250px;
  height: 50px;
}
@media screen and (max-width: 59.9375em) {
  #emailMeResults #calcDetailEmailForm .calculator-small-input,
  #emailMeResults #calcDetailEmailForm .my-button-main {
    width: 100%;
    height: 42px;
  }
}
#emailMeResults #calcDetailEmailForm .calculator-big-input {
  width: 520px;
  height: 110px;
}
@media screen and (max-width: 59.9375em) {
  #emailMeResults #calcDetailEmailForm .calculator-big-input {
    width: 100%;
    height: 200px;
  }
}
#emailMeResults #calcDetailEmailForm .flex-space-between {
  width: 520px;
  margin-top: 20px;
}
@media screen and (max-width: 59.9375em) {
  #emailMeResults #calcDetailEmailForm .flex-space-between {
    flex-direction: column;
    width: 100%;
  }
}
#emailMeResults #calcDetailEmailForm .required-note-calc {
  font-size: 0.75rem;
  color: #B8B8B8;
  margin: 0;
}
#emailMeResults #calcDetailEmailForm .sign-in-info {
  text-align: center;
  font-size: 0.875rem;
  color: #B8B8B8;
  margin-bottom: 0;
  margin-top: 30px;
}
#emailMeResults #calcDetailEmailForm .sign-in-info a {
  color: #58BF4F;
  font-weight: 500;
}
#emailMeResults #emailMeSuccess {
  height: 100%;
  transition: opacity 0.5s;
  opacity: 1;
}
#emailMeResults #emailMeSuccess.emailMeSuccess--hide {
  display: none;
  opacity: 0;
}
#emailMeResults #emailMeSuccess .email-form-calc__wrapper {
  height: 100%;
}
#emailMeResults #emailMeSuccess #emailMeSuccessFinal,
#emailMeResults #emailMeSuccess #emailErrorFinal {
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: max-height 0.8s;
  max-height: 250px;
  overflow: hidden;
}
#emailMeResults #emailMeSuccess #emailMeSuccessFinal.emailMeSuccessFinal--hidden,
#emailMeResults #emailMeSuccess #emailErrorFinal.emailMeSuccessFinal--hidden {
  max-height: 0;
}
#emailMeResults #emailMeSuccess #emailMeSuccessFinal h2,
#emailMeResults #emailMeSuccess #emailErrorFinal h2 {
  margin-bottom: 0;
}
#emailMeResults #emailMeSuccess #emailMeSuccessFinal h4,
#emailMeResults #emailMeSuccess #emailErrorFinal h4 {
  margin-bottom: 0;
  margin-top: 20px;
}
#emailMeResults #emailMeSuccess #emailMeSuccessFinal .my-button-main,
#emailMeResults #emailMeSuccess #emailErrorFinal .my-button-main {
  margin-top: 50px;
}

.lab_calc_homepage_content_wrapper {
  padding: 0 75px;
}

.lab_calc_full_page_content_wrapper {
  margin-bottom: 200px;
  padding: 20px;
}

.laboratory_calcs_project_selector div {
  display: flex;
}
.laboratory_calcs_project_selector div input, .laboratory_calcs_project_selector div select {
  max-width: 150px;
}
.laboratory_calcs_project_selector div label {
  text-wrap: none;
}

.laboratory_calculator_calc_grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 20px;
}
.laboratory_calculator_calc_grid .calc_header_link {
  text-align: center;
  display: block;
  height: 54px;
}
.laboratory_calculator_calc_grid h2 {
  font-size: 18px;
  line-height: 1.5;
}
.laboratory_calculator_calc_grid .laboratory_calculator_calc_wrapper {
  grid-column: span 1;
}
.laboratory_calculator_calc_grid .laboratory_calculator_calc_wrapper.lab_calc_type_compact_2x_class {
  grid-column: span 2;
}
.laboratory_calculator_calc_grid .laboratory_calculator_calc_wrapper.lab_calc_type_compact_3x_class {
  grid-column: span 3;
}
.laboratory_calculator_calc_grid .laboratory_calculator_calc_wrapper.lab_calc_type_compact_4x_class {
  grid-column: span 4;
}
.laboratory_calculator_calc_grid .laboratory_calculator_calc_wrapper.lab_calc_type_wide_class {
  grid-column: span 5;
}
@media (max-width: 1120px) {
  .laboratory_calculator_calc_grid .laboratory_calculator_calc_wrapper.lab_calc_type_compact_2x_class {
    grid-column: span 1;
  }
  .laboratory_calculator_calc_grid .laboratory_calculator_calc_wrapper.lab_calc_type_compact_3x_class {
    grid-column: span 2;
  }
  .laboratory_calculator_calc_grid .laboratory_calculator_calc_wrapper.lab_calc_type_compact_4x_class {
    grid-column: span 3;
  }
  .laboratory_calculator_calc_grid .laboratory_calculator_calc_wrapper.lab_calc_type_wide_class {
    grid-column: span 4;
  }
}
@media (max-width: 960px) {
  .laboratory_calculator_calc_grid .laboratory_calculator_calc_wrapper.lab_calc_type_compact_3x_class {
    grid-column: span 1;
  }
  .laboratory_calculator_calc_grid .laboratory_calculator_calc_wrapper.lab_calc_type_compact_4x_class {
    grid-column: span 2;
  }
  .laboratory_calculator_calc_grid .laboratory_calculator_calc_wrapper.lab_calc_type_wide_class {
    grid-column: span 3;
  }
}
@media (max-width: 730px) {
  .laboratory_calculator_calc_grid .laboratory_calculator_calc_wrapper.lab_calc_type_wide_class,
  .laboratory_calculator_calc_grid .laboratory_calculator_calc_wrapper.lab_calc_type_compact_4x_class {
    grid-column: span 1;
  }
}

.top_items {
  display: flex;
  justify-content: space-between;
  height: 0;
  width: 100%;
  padding: 0 10px;
}
.top_items .tooltip-container {
  position: relative; /* important for absolute positioning inside */
  display: inline-block;
}
.top_items .tooltip-container .info-btn {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 1.5px solid #aaa;
  background: white;
  color: #888;
  font-size: 12px;
  font-style: italic;
  font-weight: 700;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.15s;
  margin-top: 2px;
}
.top_items .tooltip-container .info-btn:hover {
  border-color: #4caf50;
  color: #4caf50;
  background: #f0faf0;
}
.top_items .calc_description {
  position: absolute;
  top: 20px;
  left: unset;
  right: 0;
  width: max-content;
  max-width: min(240px, 95vw);
  display: none;
  padding: 8px;
  background-color: #fff;
  border: 1px solid #58BF4F;
  border-radius: 6px;
  z-index: 10;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* optional soft shadow for modern look */
}
.top_items {
  /* Show tooltip on hover */
}
.top_items .tooltip-container:hover .calc_description {
  display: block;
}

.lab_sequence_calc_item .top_items .calc_description {
  left: -5rem;
  max-width: 50rem;
  min-width: 8rem;
}

.laboratory_calculator_calc_wrapper {
  display: flex;
  flex-direction: column;
  border: #e0e0e0 solid 1px;
  border-radius: 10px;
  padding: 5px;
  gap: 14px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
  position: relative;
}
.laboratory_calculator_calc_wrapper .header_img_section {
  text-align: center;
  height: 150px;
}
.laboratory_calculator_calc_wrapper .header_img_section img {
  max-height: 150px;
}
.laboratory_calculator_calc_wrapper .calc_description_full {
  padding: 10px;
}
.laboratory_calculator_calc_wrapper .calc_form {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  max-width: 100%;
}
.laboratory_calculator_calc_wrapper .calc_form .calc_row_wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.laboratory_calculator_calc_wrapper .calc_form .calc_row {
  margin: 5px;
  display: flex;
  flex-wrap: wrap;
}
.laboratory_calculator_calc_wrapper .calc_form .calc_row .input_headers {
  display: flex;
  align-items: end;
}
.laboratory_calculator_calc_wrapper .calc_form .calc_row .input_headers p {
  min-width: 150px;
  display: inline-block;
  margin-bottom: 0;
  font-size: smaller;
}
.laboratory_calculator_calc_wrapper .calc_form .calc_row .input_headers p + p, .laboratory_calculator_calc_wrapper .calc_form .calc_row .input_headers p p.standalone {
  min-width: 0;
}
.laboratory_calculator_calc_wrapper .calc_form .calc_row .input_headers:has(> p.standalone:only-child) {
  text-align: center;
}
.laboratory_calculator_calc_wrapper .calc_form .calc_row input {
  max-width: 150px;
}
.laboratory_calculator_calc_wrapper .calc_form .calc_row input.send_buton[type=submit] {
  width: 100%;
  min-width: 200px;
}
.laboratory_calculator_calc_wrapper .calc_form .calc_row select {
  min-width: 150px;
  text-align: center;
}
.laboratory_calculator_calc_wrapper .calc_form .calc_row .value_with_units_inputs {
  display: flex;
  justify-content: center;
}
.laboratory_calculator_calc_wrapper .calc_form .calc_row .value_with_units_inputs input, .laboratory_calculator_calc_wrapper .calc_form .calc_row .value_with_units_inputs select {
  min-width: 0;
  transition: all 0.5s;
  text-align: center;
  font-size: small;
}
.laboratory_calculator_calc_wrapper .calc_form .calc_row .value_with_units_inputs input:not(.standalone):first-child, .laboratory_calculator_calc_wrapper .calc_form .calc_row .value_with_units_inputs select:not(.standalone):first-child {
  border-style: solid none solid solid;
  text-align: right;
}
.laboratory_calculator_calc_wrapper .calc_form .calc_row .value_with_units_inputs input:not(.standalone):first-child::placeholder, .laboratory_calculator_calc_wrapper .calc_form .calc_row .value_with_units_inputs select:not(.standalone):first-child::placeholder {
  text-align: left;
}
.laboratory_calculator_calc_wrapper .calc_form .calc_row .value_with_units_inputs input:not(.standalone):last-child, .laboratory_calculator_calc_wrapper .calc_form .calc_row .value_with_units_inputs select:not(.standalone):last-child {
  border-style: solid solid solid none;
  max-width: 80px;
}
.laboratory_calculator_calc_wrapper .calc_form .calc_row .value_with_units_inputs input:not(.standalone):last-child:disabled, .laboratory_calculator_calc_wrapper .calc_form .calc_row .value_with_units_inputs select:not(.standalone):last-child:disabled {
  max-width: 70px;
}
.laboratory_calculator_calc_wrapper .calc_form .calc_row .value_with_units_inputs input:not(.standalone).tiny_box, .laboratory_calculator_calc_wrapper .calc_form .calc_row .value_with_units_inputs select:not(.standalone).tiny_box {
  max-width: 60px;
}
.laboratory_calculator_calc_wrapper .calc_form .calc_row .value_with_units_inputs input:not(.standalone).tiny_box:disabled, .laboratory_calculator_calc_wrapper .calc_form .calc_row .value_with_units_inputs select:not(.standalone).tiny_box:disabled {
  max-width: 40px;
}
.laboratory_calculator_calc_wrapper .calc_form .calc_row .value_with_units_inputs input.wider_box, .laboratory_calculator_calc_wrapper .calc_form .calc_row .value_with_units_inputs select.wider_box {
  max-width: 140px;
}
.laboratory_calculator_calc_wrapper .calc_form .calc_row .value_with_units_inputs input:focus + input, .laboratory_calculator_calc_wrapper .calc_form .calc_row .value_with_units_inputs input:focus + select, .laboratory_calculator_calc_wrapper .calc_form .calc_row .value_with_units_inputs select:focus + input, .laboratory_calculator_calc_wrapper .calc_form .calc_row .value_with_units_inputs select:focus + select {
  border-color: #333;
  box-shadow: 0 0 5px #cacaca;
}
.laboratory_calculator_calc_wrapper .calc_form .calc_row input.send_buton[type=submit]:disabled + div.wrapper_disabled_form_spinner {
  position: relative;
  top: -35px;
  left: 75%;
}
.laboratory_calculator_calc_wrapper .calc_form .calc_row input.send_buton[type=submit]:disabled + div.wrapper_disabled_form_spinner div.disabled_form_spinner {
  content: "";
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid rgba(0, 0, 0, 0.2);
  border-top-color: #3498db;
  animation: spin 1s infinite linear;
  box-sizing: border-box; /* Ensure border does not increase size */
}
.laboratory_calculator_calc_wrapper .calc_form .calc_results_bottom_wrapper {
  width: max(90%, 200px);
  justify-items: center;
}
.laboratory_calculator_calc_wrapper .calc_form .calc_results_bottom_wrapper .labcalcResultBox, .laboratory_calculator_calc_wrapper .calc_form .calc_results_bottom_wrapper .calc_button_calculate {
  min-width: min(90%, 260px);
}
.laboratory_calculator_calc_wrapper .calc_form .calc_results_bottom_wrapper .labcalcResultBox input.send_buton, .laboratory_calculator_calc_wrapper .calc_form .calc_results_bottom_wrapper .calc_button_calculate input.send_buton {
  width: 100%;
}
.laboratory_calculator_calc_wrapper.lab_calc_type_compact_class .calc_row, .laboratory_calculator_calc_wrapper.lab_calc_type_compact_2x_class .calc_row {
  flex-direction: column;
}

@keyframes spin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.calcs_categories {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  border-bottom: 1px solid #eee;
  padding-bottom: 12px;
  margin-bottom: 16px;
}
.calcs_categories .calc-category-text {
  padding: 8px 18px;
  border-radius: 6px;
  border: 2px solid #58BF4F;
  background: white;
  color: #58BF4F;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
}
.calcs_categories .calc-category-text:hover {
  background: #f0faf0;
}
.calcs_categories .calc-category-text.active {
  background: #58BF4F;
  color: white;
}

.calcs_sequence_toshow:not(.active) {
  display: none;
}
.calcs_sequence_toshow .lab_sequence_calc_seq {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
  margin-bottom: 24px;
}
.calcs_sequence_toshow .lab_sequence_calc_seq .step-divider {
  color: #ccc;
  font-size: 18px;
  padding: 0 4px;
  user-select: none;
}
.calcs_sequence_toshow .lab_sequence_calc_seq .lab_sequence_calc_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 12px 20px;
  border-radius: 8px;
  border: 2px solid #e0e0e0;
  background: white;
  cursor: pointer;
  min-width: 110px;
  text-align: center;
  transition: all 0.15s ease;
  position: relative;
}
.calcs_sequence_toshow .lab_sequence_calc_seq .lab_sequence_calc_item:hover {
  border-color: #58BF4F;
  background: #f9fef9;
}
.calcs_sequence_toshow .lab_sequence_calc_seq .lab_sequence_calc_item.active {
  border-color: #58BF4F;
  background: #58BF4F;
  color: white;
}
.calcs_sequence_toshow .lab_sequence_calc_seq .lab_sequence_calc_item .top_items {
  height: 0;
  padding: 0;
  flex-direction: row-reverse;
}
.calcs_sequence_toshow .lab_sequence_calc_seq .lab_sequence_calc_item .seq_header {
  font-weight: 700;
  height: 50px;
  max-width: 90%;
  align-self: flex-start;
}
.calcs_sequence_toshow .lab_sequence_calc_seq .lab_sequence_calc_item .icon {
  width: 80%;
  height: 48px;
  overflow: hidden;
  flex-shrink: 0;
}
.calcs_sequence_toshow .lab_sequence_calc_seq .lab_sequence_calc_item .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media (max-width: 640px) {
  .lab_sequence_calc_seq {
    gap: 6px;
  }
  .lab_sequence_calc_item {
    min-width: 80px;
    padding: 10px 12px;
  }
  .step-divider {
    display: none;
  }
  .laboratory_calculator_calc_grid {
    grid-template-columns: 1fr;
  }
}
.calcs_toshow:not(.active) {
  display: none;
}

.circle-loader {
  margin-bottom: 3.5em;
  border: 5px solid rgba(0, 0, 0, 0.2);
  border-left-color: #58BF4F;
  animation: loader-spin 1.2s infinite linear;
  position: relative;
  display: inline-block;
  vertical-align: top;
  border-radius: 50%;
  width: 7em;
  height: 7em;
}
.circle-loader.loader-error {
  border-left-color: #CC0000;
}

.load-complete {
  animation: none;
  border-color: #58BF4F;
  transition: border 500ms ease-out;
}
.load-complete.loader-error {
  border-color: #CC0000;
}

.circle-loader__checkmark {
  display: none;
}
.circle-loader__checkmark.loader-error {
  display: none !important;
}
.circle-loader__checkmark.circle-loader__draw:after {
  animation-duration: 800ms;
  animation-timing-function: ease;
  animation-name: circle-loader__checkmark;
  transform: scaleX(-1) rotate(135deg);
}
.circle-loader__checkmark:after {
  opacity: 1;
  height: 3.5em;
  width: 1.75em;
  transform-origin: left top;
  border-right: 8px solid #58BF4F;
  border-top: 8px solid #58BF4F;
  content: "";
  left: 1.4em;
  top: 3.5em;
  position: absolute;
}

.circle-loader__error {
  position: absolute;
  right: 69px;
  top: 24px;
  display: none;
}
.circle-loader__error:before, .circle-loader__error:after {
  position: absolute;
  left: 15px;
  content: " ";
  height: 3.5em;
  width: 8px;
  background-color: #CC0000;
  animation-duration: 800ms;
  animation-timing-function: ease;
}
.circle-loader__error:before {
  animation-name: error_draw-right;
  transform: rotate(45deg);
}
.circle-loader__error:after {
  animation-name: error_draw-left;
  transform: rotate(-45deg);
}

@keyframes error_draw-right {
  0% {
    height: 0;
    transform: rotate(0);
  }
  50% {
    height: 3.5em;
    transform: rotate(0);
  }
  100% {
    transform: rotate(45deg);
  }
}
@keyframes error_draw-left {
  0% {
    height: 0;
    transform: rotate(0);
  }
  50% {
    height: 3.5em;
    transform: rotate(0);
  }
  100% {
    transform: rotate(-45deg);
  }
}
@keyframes loader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes circle-loader__checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  20% {
    height: 0;
    width: 1.75em;
    opacity: 1;
  }
  40% {
    height: 3.5em;
    width: 1.75em;
    opacity: 1;
  }
  100% {
    height: 3.5em;
    width: 1.75em;
    opacity: 1;
  }
}
.has-dropdown {
  position: relative;
}
.has-dropdown:hover > .nav-dropdown, .has-dropdown:focus-within > .nav-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}

.nav-dropdown {
  position: absolute;
  top: 100%;
  transform: translateX(-50%) translateY(6px);
  min-width: 280px;
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06);
  padding: 12px 0;
  transition: opacity 0.22s ease, visibility 0.22s ease, transform 0.22s ease;
  display: flex;
  flex-direction: column;
  max-height: 70vh;
  overflow-y: auto;
}
.nav-dropdown a.nav-dropdown__item {
  padding: 0 !important;
  display: flex !important;
  height: auto !important;
}
.nav-dropdown a.nav-dropdown__item .nav-dropdown__label {
  flex: unset;
}
.nav-dropdown::before {
  content: "";
  position: absolute;
  top: -14px;
  left: 0;
  right: 0;
  height: 14px;
}
.nav-dropdown__view-all {
  display: block;
  padding: 8px 20px 10px !important;
  font-size: 15px;
  font-weight: 600;
  color: #111;
  text-decoration: none;
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 4px;
  transition: color 0.15s ease;
}
.nav-dropdown__view-all:hover {
  color: #2a7d2e;
  text-decoration: underline;
}
.nav-dropdown__item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  padding: 8px 20px;
  text-decoration: none;
  color: #444;
  font-size: 14px;
  transition: background 0.15s ease, color 0.15s ease;
  white-space: nowrap;
}
.nav-dropdown__item:hover {
  background: #f7f7f7;
  color: #111;
}
.nav-dropdown__thumb {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nav-dropdown__thumb img {
  max-width: 50px;
  max-height: 50px;
  object-fit: contain;
}
.nav-dropdown__thumb .nav-dropdown__color-dot {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: block;
}
.nav-dropdown__label {
  flex: 1;
  line-height: 1.3;
}

.hide-for-xlarge .has-dropdown,
.header-main-menu .has-dropdown {
  position: static;
}
.hide-for-xlarge .nav-dropdown,
.header-main-menu .nav-dropdown {
  position: static;
  opacity: 1;
  visibility: visible;
  transform: none;
  pointer-events: auto;
  box-shadow: none;
  border-radius: 0;
  min-width: 0;
  padding: 0 0 0 12px;
  display: none;
}
.hide-for-xlarge .nav-dropdown::before,
.header-main-menu .nav-dropdown::before {
  display: none;
}
.hide-for-xlarge .has-dropdown .nav-dropdown,
.header-main-menu .has-dropdown .nav-dropdown {
  display: block;
}
.hide-for-xlarge .nav-dropdown__view-all,
.header-main-menu .nav-dropdown__view-all {
  padding: 6px 12px;
  font-size: 14px;
  border-bottom: none;
  margin-bottom: 0;
}
.hide-for-xlarge .nav-dropdown__item,
.header-main-menu .nav-dropdown__item {
  padding: 6px 12px;
  font-size: 13px;
}
.hide-for-xlarge .nav-dropdown__thumb,
.header-main-menu .nav-dropdown__thumb {
  width: 30px;
  height: 30px;
}

#error404Page {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  margin-top: 130px;
  margin-bottom: 100px;
  padding-left: 10px;
  padding-right: 10px;
}
@media screen and (max-width: 59.9375em) {
  #error404Page {
    margin-top: 50px;
  }
}
#error404Page h1 {
  font-size: 1.75rem;
  margin-bottom: 0;
  margin-top: 100px;
}
#error404Page h2 {
  font-size: 1.5rem;
}
#error404Page a {
  color: #58BF4F;
  font-size: 1.25rem;
}

.tips-content-container {
  padding-left: 0;
  padding-right: 0;
  flex-direction: column;
}
.tips-content-container .main-title {
  font-size: 2.25rem;
  line-height: 2.875rem;
  font-weight: bold;
  color: #333333;
  margin-top: 10px;
  text-align: left;
}
@media (max-width: 800px) {
  .tips-content-container .main-title {
    font-size: 1.625rem;
    padding-bottom: 25px;
    margin-bottom: 10px;
  }
}
.tips-content-container .tips-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(clamp(125px, 20vw, 182px), 182px));
  gap: 14px;
  justify-content: center;
}
.tips-content-container .tips-top-selection {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 80px;
  margin-bottom: 20px;
}
.tips-content-container .tips-top-selection .tips-welcome-image-container {
  min-width: calc(50% - 10px);
  max-width: 580px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/x8AAwMCAO+ip1sAAAAASUVORK5CYII=) repeat-x #F8F8F8;
  background-size: 78px;
  border-radius: 5px;
}
.tips-content-container .tips-top-selection .tips-welcome-image-container img {
  position: relative;
  top: -40px;
  padding: 20px;
}
.tips-content-container .tips-top-selection .tips-top-selection-types-container {
  min-width: calc(50% - 10px);
  max-width: 580px;
  display: flex;
  flex-wrap: wrap;
  align-self: flex-end;
  gap: 20px;
}
.tips-content-container .categories {
  padding-right: 15px;
  margin-bottom: 30px;
}
.tips-content-container .categories a {
  font-size: 12px;
  font-weight: bold;
  color: #333333;
}
.tips-content-container .categories a:hover,
.tips-content-container .categories a:active,
.tips-content-container .categories a:focus {
  text-decoration: underline;
}
.tips-content-container .nav-links {
  display: flex;
  justify-content: center;
  margin-top: 80px;
  flex-wrap: wrap;
  margin-left: 10px;
  margin-right: 10px;
}
.tips-content-container .page-numbers {
  overflow: hidden;
  display: inline-block;
  background-color: #58BF4F;
  padding: 5px 60px;
  height: auto;
  border: 0;
  cursor: pointer;
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-transition: all 100ms ease-in;
  -webkit-transition: all 100ms ease-in;
  -o-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
}
.tips-content-container .page-numbers:not(.disabled):hover {
  cursor: pointer;
}
.tips-content-container .page-numbers:not(.disabled):focus {
  color: #fff;
}
.tips-content-container .page-numbers a {
  text-transform: uppercase;
  color: white;
}
.tips-content-container .page-numbers {
  display: inline-block;
  font-size: 1.25rem;
  color: #ffffff;
  text-align: center;
  margin: 0 0 10px;
  height: 50px;
  border-radius: 3px;
}
@media screen and (max-width: 59.9375em) {
  .tips-content-container .page-numbers {
    width: 100%;
    padding: 15px 50px;
    font-size: 1.125rem;
  }
}
.tips-content-container .page-numbers {
  font-size: 1rem;
}
@media screen and (min-width: 60em) {
  .tips-content-container .page-numbers {
    padding: 5px 0;
    width: 300px;
    max-width: 100%;
  }
}
.tips-content-container .page-numbers:not(.disabled):hover {
  transform: translateY(1px);
}
.tips-content-container .page-numbers:not(.disabled):active {
  transform: translateY(3px);
}
.tips-content-container .page-numbers.disabled {
  background-color: #eaeaea;
  color: #b1b1b1;
}
.tips-content-container .page-numbers.disabled:hover {
  cursor: default;
}
.tips-content-container .page-numbers div {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.tips-content-container .page-numbers input {
  height: 100%;
  background: none;
  border: none;
}
.tips-content-container .page-numbers {
  line-height: 30px;
  width: 50px !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .tips-content-container .page-numbers {
    width: 100% !important;
  }
}
.tips-content-container .page-numbers.current {
  overflow: hidden;
  display: inline-block;
  background-color: #F28C40;
  padding: 5px 60px;
  height: auto;
  border: 0;
  cursor: pointer;
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-transition: all 100ms ease-in;
  -webkit-transition: all 100ms ease-in;
  -o-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
}
.tips-content-container .page-numbers.current:not(.disabled):hover {
  cursor: pointer;
}
.tips-content-container .page-numbers.current:not(.disabled):focus {
  color: #fff;
}
.tips-content-container .page-numbers.current a {
  text-transform: uppercase;
  color: white;
}
.tips-content-container .page-numbers.current {
  display: inline-block;
  font-size: 1.25rem;
  color: #ffffff;
  text-align: center;
  margin: 0 0 10px;
  height: 50px;
  border-radius: 3px;
}
@media screen and (max-width: 59.9375em) {
  .tips-content-container .page-numbers.current {
    width: 100%;
    padding: 15px 50px;
    font-size: 1.125rem;
  }
}
.tips-content-container .page-numbers.current {
  font-size: 1rem;
}
@media screen and (min-width: 60em) {
  .tips-content-container .page-numbers.current {
    padding: 5px 0;
    width: 300px;
    max-width: 100%;
  }
}
.tips-content-container .page-numbers.current:not(.disabled):hover {
  transform: translateY(1px);
}
.tips-content-container .page-numbers.current:not(.disabled):active {
  transform: translateY(3px);
}
.tips-content-container .page-numbers.current.disabled {
  background-color: #eaeaea;
  color: #b1b1b1;
}
.tips-content-container .page-numbers.current.disabled:hover {
  cursor: default;
}
.tips-content-container .page-numbers.current div {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.tips-content-container .page-numbers.current input {
  height: 100%;
  background: none;
  border: none;
}
.tips-content-container .page-numbers.current {
  display: flex;
  justify-content: center;
  align-items: center;
}
.tips-content-container .page-numbers:hover {
  color: white;
}
.tips-content-container .page-numbers + .page-numbers {
  margin-left: 5px;
}
.tips-content-container .page-numbers.next,
.tips-content-container .page-numbers.prev {
  width: auto !important;
  padding: 0 30px;
}
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .tips-content-container .page-numbers.next,
  .tips-content-container .page-numbers.prev {
    width: 100% !important;
  }
}
.tips-content-container .page-numbers.dots {
  border: none;
}

.tips-top-selection-type {
  background-color: #F8F8F8;
  height: 200px;
  border-radius: 5px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding: 0 30px;
  cursor: pointer;
  color: black;
}
.tips-top-selection-type.active, .tips-top-selection-type:hover {
  background-color: #58BF4F;
  color: white;
}
.tips-top-selection-type .tips-top-selection-type-part {
  height: 160px;
  font-size: 28px;
  font-weight: normal;
  display: flex;
  align-items: center;
}
.tips-top-selection-type .tips-top-selection-type-part .bold {
  font-weight: bolder;
  display: contents;
}
.tips-top-selection-type .tips-top-selection-type-image {
  margin-right: 30px;
  max-width: 130px;
  max-height: 160px;
}

.tips-post-item a {
  text-decoration: none;
  display: block;
  height: 100%;
}
.tips-post-item .post-item__inside-wrapper {
  background: #F8F8F8;
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-left: 3px solid transparent;
  padding: 10px 10px 10px 12px;
  transition: border-color 0.2s ease, background 0.2s ease;
  color: #333333;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.tips-post-item .post-item__inside-wrapper:hover {
  border-left-color: #58BF4F;
  border-color: rgba(88, 191, 79, 0.25);
  background: rgb(94.7607843137%, 97.9921568627%, 94.4784313725%);
}
.tips-post-item .post-item__inside-wrapper h3 {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 8px;
}
.tips-post-item.selected .post-item__inside-wrapper {
  border-left-color: #58BF4F;
  border-color: rgba(88, 191, 79, 0.4);
  background: rgb(90.1764705882%, 96.2352941176%, 89.6470588235%);
}
.tips-post-item.selected .post-item__inside-wrapper h3 {
  color: #58BF4F;
}
.tips-post-item .post-item__img-wrapper_img {
  width: 100%;
  aspect-ratio: 4/3;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin-bottom: 10px;
}
.tips-post-item .post-item__img-wrapper_img img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.tips-post-item .tip-categories {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: auto;
}
.tips-post-item .tip-category-text {
  font-size: 9px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 4px;
}

@media screen and (max-width: 69.9375em) {
  #TipContainer {
    margin-left: 10px;
    margin-right: 10px;
  }
  #TipContainer .main-title {
    font-size: 1.625rem;
  }
}
#TipContainer h1 {
  text-align: center;
  margin-bottom: 90px;
  margin-top: 90px;
  font-size: 2.25rem;
  line-height: 2.875rem;
  font-weight: bold;
  color: #333333;
}
@media screen and (max-width: 69.9375em) {
  #TipContainer h1 {
    font-size: 1.625rem;
  }
}
#TipContainer h2 {
  margin-top: 20px 0;
}
#TipContainer .tip-content-wrapper #mainTipImage {
  width: 100%;
  float: left;
}
#TipContainer .tip-content-wrapper img {
  height: auto !important;
}
#TipContainer #mainTipImage {
  width: 40%;
  height: auto;
  max-width: 580px;
}
#TipContainer .single-post-nav {
  padding: 30px 0 20px;
  clear: both;
  display: flex;
  margin-bottom: 50px;
  justify-content: space-between;
}
#TipContainer .single-post-nav a {
  color: #333333;
  font-size: 14px;
  padding: 10px;
  border: 1px solid #D9D9D9;
  border-radius: 0.3rem;
  font-weight: bolder;
  margin: 5px 5px 0px 0;
  width: fit-content;
  align-self: center;
  display: block;
}
#TipContainer #socialShareIcons {
  margin-top: 30px;
}

.tip-category-text {
  font-size: 10px;
  padding: 3px 6px;
  border: 1px solid #D9D9D9;
  border-radius: 0.3rem;
  font-weight: bolder;
  margin: 5px 5px 0px 0;
  width: fit-content;
  align-self: center;
  display: inline-flex;
  cursor: pointer;
}

.tip-category-text__oncart {
  margin-top: 0;
}

.category-item__optional_new_mark {
  background-color: red;
  color: white;
  font-weight: bold;
}

#socialShareIcons {
  float: left;
}
#socialShareIcons .resp-sharing-button__link,
#socialShareIcons .resp-sharing-button__icon {
  display: inline-block;
}
#socialShareIcons .resp-sharing-button__link {
  text-decoration: none;
  color: #fff;
  margin: 0.5em;
}
#socialShareIcons .resp-sharing-button {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  transition: 25ms ease-out;
  padding: 0.5em 0.75em;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}
#socialShareIcons .resp-sharing-button__icon svg {
  width: 1em;
  height: 1em;
  margin-right: 0.4em;
  vertical-align: top;
}
#socialShareIcons .resp-sharing-button--small svg {
  margin: 0;
  vertical-align: middle;
}
#socialShareIcons {
  /* Non solid icons get a stroke */
}
#socialShareIcons .resp-sharing-button__icon {
  stroke: #fff;
  fill: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 2px;
}
#socialShareIcons {
  /* Solid icons get a fill */
}
#socialShareIcons .resp-sharing-button__icon--solid,
#socialShareIcons .resp-sharing-button__icon--solidcircle {
  fill: #fff;
  stroke: none;
}
#socialShareIcons .resp-sharing-button--twitter {
  background-color: #55acee;
}
#socialShareIcons .resp-sharing-button--twitter:hover {
  background-color: #2795e9;
}
#socialShareIcons .resp-sharing-button--pinterest {
  background-color: #bd081c;
}
#socialShareIcons .resp-sharing-button--pinterest:hover {
  background-color: #8c0615;
}
#socialShareIcons .resp-sharing-button--facebook {
  background-color: #3b5998;
}
#socialShareIcons .resp-sharing-button--facebook:hover {
  background-color: #2d4373;
}
#socialShareIcons .resp-sharing-button--tumblr {
  background-color: #35465C;
}
#socialShareIcons .resp-sharing-button--tumblr:hover {
  background-color: #222d3c;
}
#socialShareIcons .resp-sharing-button--reddit {
  background-color: #5f99cf;
}
#socialShareIcons .resp-sharing-button--reddit:hover {
  background-color: #3a80c1;
}
#socialShareIcons .resp-sharing-button--google {
  background-color: #dd4b39;
}
#socialShareIcons .resp-sharing-button--google:hover {
  background-color: #c23321;
}
#socialShareIcons .resp-sharing-button--linkedin {
  background-color: #0077b5;
}
#socialShareIcons .resp-sharing-button--linkedin:hover {
  background-color: #046293;
}
#socialShareIcons .resp-sharing-button--email {
  background-color: #777;
}
#socialShareIcons .resp-sharing-button--email:hover {
  background-color: #5e5e5e;
}
#socialShareIcons .resp-sharing-button--xing {
  background-color: #1a7576;
}
#socialShareIcons .resp-sharing-button--xing:hover {
  background-color: #114c4c;
}
#socialShareIcons .resp-sharing-button--whatsapp {
  background-color: #25D366;
}
#socialShareIcons .resp-sharing-button--whatsapp:hover {
  background-color: #1da851;
}
#socialShareIcons .resp-sharing-button--hackernews {
  background-color: #FF6600;
}
#socialShareIcons .resp-sharing-button--hackernews:hover, #socialShareIcons .resp-sharing-button--hackernews:focus {
  background-color: #FB6200;
}
#socialShareIcons .resp-sharing-button--vk {
  background-color: #507299;
}
#socialShareIcons .resp-sharing-button--vk:hover {
  background-color: #43648c;
}
#socialShareIcons .resp-sharing-button--facebook {
  background-color: #3b5998;
  border-color: #3b5998;
}
#socialShareIcons .resp-sharing-button--facebook:hover,
#socialShareIcons .resp-sharing-button--facebook:active {
  background-color: #2d4373;
  border-color: #2d4373;
}
#socialShareIcons .resp-sharing-button--twitter {
  background-color: #55acee;
  border-color: #55acee;
}
#socialShareIcons .resp-sharing-button--twitter:hover,
#socialShareIcons .resp-sharing-button--twitter:active {
  background-color: #2795e9;
  border-color: #2795e9;
}
#socialShareIcons .resp-sharing-button--pinterest {
  background-color: #bd081c;
  border-color: #bd081c;
}
#socialShareIcons .resp-sharing-button--pinterest:hover,
#socialShareIcons .resp-sharing-button--pinterest:active {
  background-color: #8c0615;
  border-color: #8c0615;
}

.form__field-quote {
  overflow: hidden;
}

.form__field-quote-error {
  font-weight: bold;
  color: red !important;
  overflow: hidden;
  clear: both;
}

.form__field--quote {
  overflow: hidden;
  margin-bottom: 15px;
}
.form__field--quote label {
  display: block;
  float: left;
  width: 40%;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.form__field--quote input {
  display: block;
  float: left;
  width: 55%;
  font-size: 0.8125rem;
  font-weight: 400;
  color: #202020;
}

.form__field--radios {
  display: flex;
  justify-content: space-between;
}
.form__field--radios input {
  height: auto;
  margin-left: 10px;
}
.form__field--radios label {
  display: inline-block;
  width: 30%;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 5px;
  padding-left: 15px;
  font-size: 1rem;
}

.banner-wrapper {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media screen and (min-width: 40em) {
  .banner-wrapper {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
.banner-wrapper {
  width: 100%;
  float: left;
}
.banner-wrapper:last-child:not(:first-child) {
  float: right;
}
.banner-wrapper {
  display: none;
}

@media (max-width: 800px) {
  .banner-wrapper {
    display: none !important;
  }
}
.how-to-buy-banner {
  clear: both;
  position: relative;
  overflow: hidden;
  width: 100%;
  background: #9cbd46;
  padding: 25px 15px;
  border-radius: 3px;
  margin-top: 35px;
  margin-bottom: 15px;
}

.banner__column {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media screen and (min-width: 40em) {
  .banner__column {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
.banner__column {
  width: 25%;
  float: left;
}
.banner__column:last-child:not(:first-child) {
  float: right;
}
.banner__column {
  width: 27%;
}
.banner__column:first-child {
  margin-left: 2%;
}

.banner__column--small {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media screen and (min-width: 40em) {
  .banner__column--small {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
.banner__column--small {
  width: 16.6666666667%;
  float: left;
}
.banner__column--small:last-child:not(:first-child) {
  float: right;
}
.banner__column--small {
  padding-top: 10px;
}

.banner__icon {
  display: block;
  float: left;
}

.banner__info {
  display: block;
  float: left;
  font-size: 0.8125rem;
  line-height: 0.9375rem;
  color: #202020;
  font-weight: bold;
  margin-left: 20px;
  margin-top: 15px;
}

.banner__close-button {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

.how-to-buy__sections_flex {
  display: flex;
  padding-bottom: 60px;
}
.how-to-buy__sections_flex .how-to-buy__section {
  width: 320px;
  margin: 0 auto;
  text-align: left;
}
.how-to-buy__sections_flex .how-to-buy__section .main-title {
  text-align: center;
}
.how-to-buy__sections_flex .how-to-buy__icon {
  margin: 50px 0 50px 0;
  text-align: center;
}
.how-to-buy__sections_flex .how-to-buy__icon img {
  margin: 0 10px 0 10px;
  height: 50px;
}
.how-to-buy__sections_flex .smaller-image img {
  padding: 10px 0;
}
.how-to-buy__sections_flex .how-to-buy__content {
  color: #202020;
  font-size: 0.8125rem;
}
.how-to-buy__sections_flex .how-to-buy__content .main-title {
  line-height: 2.5rem;
}
.how-to-buy__sections_flex .how-to-buy__content p {
  margin-top: 15px;
  line-height: 1.25rem;
  color: inherit;
}
.how-to-buy__sections_flex .how-to-buy__content li {
  color: inherit;
}
.how-to-buy__sections_flex .how-to-buy__content a,
.how-to-buy__sections_flex .how-to-buy__content span {
  color: #0089c4;
}
.how-to-buy__sections_flex .how-to-buy__content div.text-bold-red {
  color: red;
  font-weight: bold;
}

.row-description {
  margin-bottom: 30px;
}
.row-description h2 {
  font-size: 1.5rem;
}
.row-description img {
  height: 20px;
}

.testimonials_header {
  text-align: center;
  font-size: 32px;
  font-weight: 500;
  margin: 80px;
}

.testimonials_caruzele {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
}
.testimonials_caruzele .testimonial-arrow {
  align-self: center;
}
.testimonials_caruzele .testimonial-arrow.testimonial-right-arrow {
  margin-left: 40px;
}
.testimonials_caruzele .testimonials-conteiner {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  overflow: hidden;
  transition: transform 0.7s ease-in-out;
}
.testimonials_caruzele .testimonials-conteiner .testimonial-context {
  width: 320px;
  margin: 0 30px;
  flex-shrink: 0;
  font-size: 14px;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}
.testimonials_caruzele .testimonials-conteiner .testimonial-context .testimonial-context-signature {
  display: flex;
  justify-content: space-between;
}
.testimonials_caruzele .testimonials-conteiner .testimonial-context .testimonial-context-signature .testimonial-context-signature-logo {
  max-width: 100px;
  max-height: 50px;
  align-self: center;
  margin-right: 10px;
}

.admin_function_rmb_menu {
  display: None;
  position: absolute;
  min-width: 200px;
  background-color: #BFBFBF;
  flex-direction: column;
  overflow: hidden;
  border: 2px solid lightgreen;
}
.admin_function_rmb_menu.menu_active_show {
  z-index: 10001;
  display: flex;
}
.admin_function_rmb_menu .admin_function_rmb_menu_option {
  padding: 8px;
  color: #333333;
}
.admin_function_rmb_menu .admin_function_rmb_menu_option:not(.text_header) {
  background-color: #ffffff;
  cursor: pointer;
}
.admin_function_rmb_menu .admin_function_rmb_menu_option:not(.text_header):hover {
  background-color: lightgrey;
  margin-left: 5px;
}
.admin_function_rmb_menu .admin_function_rmb_menu_option.text_header {
  cursor: default;
  font-weight: bold;
  background-color: lightgreen;
}

.admin_toggle_on_off {
  transition: background-color 1s ease-in;
  margin: 5px;
  padding: 0 2px;
  color: antiquewhite;
  font-size: 10px;
  cursor: pointer;
}
.admin_toggle_on_off:hover {
  color: lightcoral;
  font-weight: bold;
  padding: 0;
}
.admin_toggle_on_off.adminable_present {
  color: green;
  background-color: lightgreen;
}

.adminable.adminable_present {
  min-height: 30px;
  min-width: 30px;
  box-shadow: 0px 0px 2px 2px indianred;
}
.adminable.adminable_present:hover {
  box-shadow: 0px 0px 10px 10px greenyellow;
}
.adminable.adminable_present .admin_tool_box_wrapper {
  display: block;
}
.adminable .admin_tool_box_wrapper {
  display: none;
  position: absolute;
  z-index: 1000000;
}
.adminable .admin_tool_box_wrapper .admin_tool_box {
  position: relative;
  display: flex;
  border: 2px solid red;
  flex-direction: column;
}

.questionnare_form {
  width: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-self: center;
  gap: 1rem;
  border: 1px solid #a8d4a6;
  border-radius: 6px;
  padding: 0 35px;
  margin-left: auto;
  margin-right: auto;
}
.questionnare_form .questionnaire_fields_grid {
  display: flex;
  flex-direction: column;
  width: fit-content;
}
.questionnare_form .questionnaire_fields_grid label {
  min-height: 39px;
  justify-self: center; /* aligns label text to right */
  align-content: center;
  font-weight: 500;
}
.questionnare_form .questionnaire_fields_grid input, .questionnare_form .questionnaire_fields_grid textarea, .questionnare_form .questionnaire_fields_grid select {
  margin: 0;
  position: static;
  left: unset;
  margin-bottom: 10px;
}
.questionnare_form .questionnaire_fields_grid input.questionnaire_textfield, .questionnare_form .questionnaire_fields_grid textarea, .questionnare_form .questionnaire_fields_grid select {
  padding: 0.4rem 0.6rem;
  border-radius: 6px;
}
.questionnare_form .questionnaire_fields_grid input.questionnaire_textfield, .questionnare_form .questionnaire_fields_grid select {
  width: 350px;
}
.questionnare_form .questionnaire_fields_grid fieldset.questionnaire_radiobuttons {
  display: flex;
  gap: 1rem;
}

/*# sourceMappingURL=app.css.map */