/*! sanitize.css v7.0.3 | CC0 License | github.com/csstools/sanitize.css */
/* Document
 * ========================================================================== */
/**
 * 1. Remove repeating backgrounds in all browsers (opinionated).
 * 2. Add border box sizing in all browsers (opinionated).
 */
*,
::before,
::after {
  background-repeat: no-repeat;
  /* 1 */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 2 */
}

/**
 * 1. Add text decoration inheritance in all browsers (opinionated).
 * 2. Add vertical alignment inheritance in all browsers (opinionated).
 */
::before,
::after {
  text-decoration: inherit;
  /* 1 */
  vertical-align: inherit;
  /* 2 */
}

/**
 * 1. Use the default cursor in all browsers (opinionated).
 * 2. Use the default user interface font in all browsers (opinionated).
 * 3. Correct the line height in all browsers.
 * 4. Use a 4-space tab width in all browsers (opinionated).
 * 5. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 * 6. Breaks words to prevent overflow in all browsers (opinionated).
 */
html {
  cursor: default;
  /* 1 */
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Oxygen, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 2 */
  line-height: 1.15;
  /* 3 */
  -moz-tab-size: 4;
  /* 4 */
  -o-tab-size: 4;
  tab-size: 4;
  /* 4 */
  -ms-text-size-adjust: 100%;
  /* 5 */
  -webkit-text-size-adjust: 100%;
  /* 5 */
  word-break: break-word;
  /* 6 */
}

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

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

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

/**
 * Add the correct display in IE.
 */
main {
  display: block;
}

/**
 * Remove the list style on navigation lists in all browsers (opinionated).
 */
nav ol,
nav ul {
  list-style: none;
}

/**
 * 1. Use the default monospace user interface font
 *    in all browsers (opinionated).
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: Menlo, Consolas, Roboto Mono, Ubuntu Monospace, Oxygen Mono, Liberation Mono, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
 * ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Add the correct text decoration in Edge, IE, Opera, and Safari.
 */
abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

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

/**
 * 1. Use the default monospace user interface font
 *    in all browsers (opinionated).
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: Menlo, Consolas, Roboto Mono, Ubuntu Monospace, Oxygen Mono, Liberation Mono, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

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

/*
 * Remove the text shadow on text selections in Firefox 61- (opinionated).
 * 1. Restore the coloring undone by defining the text shadow
 *    in all browsers (opinionated).
 */
::-moz-selection {
  background-color: #b3d4fc;
  /* 1 */
  color: #000;
  /* 1 */
  text-shadow: none;
}

::selection {
  background-color: #b3d4fc;
  /* 1 */
  color: #000;
  /* 1 */
  text-shadow: none;
}

/* Embedded content
 * ========================================================================== */
/*
 * Change the alignment on media elements in all browers (opinionated).
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

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

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

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

/**
 * Change the fill color to match the text color in all browsers (opinionated).
 */
svg {
  fill: currentColor;
}

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

/* Tabular data
 * ========================================================================== */
/**
 * Collapse border spacing in all browsers (opinionated).
 */
table {
  border-collapse: collapse;
}

/* Forms
 * ========================================================================== */
/**
 * Inherit styling in all browsers (opinionated).
 */
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

/**
 * Remove the margin in Safari.
 */
button,
input,
select {
  margin: 0;
}

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

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * Show the overflow in Edge and IE.
 */
input {
  overflow: visible;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 */
legend {
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  white-space: normal;
  /* 1 */
}

/**
 * 1. Add the correct display in Edge and IE.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Remove the inheritance of text transform in Firefox.
 */
select {
  text-transform: none;
}

/**
 * 1. Remove the margin in Firefox and Safari.
 * 2. Remove the default vertical scrollbar in IE.
 * 3. Change the resize direction on textareas in all browsers (opinionated).
 */
textarea {
  margin: 0;
  /* 1 */
  overflow: auto;
  /* 2 */
  resize: vertical;
  /* 3 */
}

/**
 * Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  padding: 0;
}

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

/**
 * Correct the cursor style of increment and decrement buttons in Safari.
 */
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

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

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

/**
 * Remove the inner border and padding of focus outlines in Firefox.
 */
::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus outline styles unset by the previous rule in Firefox.
 */
:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/* Interactive
 * ========================================================================== */
/*
 * Add the correct display in Edge and IE.
 */
details {
  display: block;
}

/*
 * Add the correct styles in Edge, IE, and Safari.
 */
dialog {
  background-color: white;
  border: solid;
  color: black;
  display: block;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}

dialog:not([open]) {
  display: none;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
 * ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* User interaction
 * ========================================================================== */
/*
 * 1. Remove the tapping delay on clickable elements
      in all browsers (opinionated).
 * 2. Remove the tapping delay in IE 10.
 */
a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
  -ms-touch-action: manipulation;
  /* 1 */
  touch-action: manipulation;
  /* 2 */
}

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

/* Accessibility
 * ========================================================================== */
/**
 * Change the cursor on busy elements in all browsers (opinionated).
 */
[aria-busy=true] {
  cursor: progress;
}

/*
 * Change the cursor on control elements in all browsers (opinionated).
 */
[aria-controls] {
  cursor: pointer;
}

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements in all browsers (opinionated).
 */
[aria-disabled],
[disabled] {
  cursor: not-allowed;
}

/*
 * Change the display on visually hidden accessible elements
 * in all browsers (opinionated).
 */
[aria-hidden=false][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  display: inherit;
  position: absolute;
}

.container,
.main-container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
}

.container,
.main-container {
  max-width: 1440px;
}

.container--widest,
.main-container--widest {
  max-width: 1700px;
  padding: 0;
}

.container--wide,
.main-container--wide {
  max-width: 1540px;
}

.row {
  margin-left: -16px;
  margin-right: -16px;
}

.col--xs-1, .col--sm-1, .col--md-1, .col--lg-1, .col--xs-2, .col--sm-2, .col--md-2, .col--lg-2, .col--xs-3, .col--sm-3, .col--md-3, .col--lg-3, .col--xs-4, .col--sm-4, .col--md-4, .col--lg-4, .col--xs-5, .col--sm-5, .col--md-5, .col--lg-5, .col--xs-6, .col--sm-6, .col--md-6, .col--lg-6, .col--xs-7, .col--sm-7, .col--md-7, .col--lg-7, .col--xs-8, .col--sm-8, .col--md-8, .col--lg-8, .col--xs-9, .col--sm-9, .col--md-9, .col--lg-9, .col--xs-10, .col--sm-10, .col--md-10, .col--lg-10, .col--xs-11, .col--sm-11, .col--md-11, .col--lg-11, .col--xs-12, .col--sm-12, .col--md-12, .col--lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 16px;
  padding-right: 16px;
}

.col--xs-1, .col--xs-2, .col--xs-3, .col--xs-4, .col--xs-5, .col--xs-6, .col--xs-7, .col--xs-8, .col--xs-9, .col--xs-10, .col--xs-11, .col--xs-12 {
  float: left;
}

.col--xs-12 {
  width: 100%;
}

.col--xs-11 {
  width: 91.66666667%;
}

.col--xs-10 {
  width: 83.33333333%;
}

.col--xs-9 {
  width: 75%;
}

.col--xs-8 {
  width: 66.66666667%;
}

.col--xs-7 {
  width: 58.33333333%;
}

.col--xs-6 {
  width: 50%;
}

.col--xs-5 {
  width: 41.66666667%;
}

.col--xs-4 {
  width: 33.33333333%;
}

.col--xs-3 {
  width: 25%;
}

.col--xs-2 {
  width: 16.66666667%;
}

.col--xs-1 {
  width: 8.33333333%;
}

.col--xs-pull-12 {
  right: 100%;
}

.col--xs-pull-11 {
  right: 91.66666667%;
}

.col--xs-pull-10 {
  right: 83.33333333%;
}

.col--xs-pull-9 {
  right: 75%;
}

.col--xs-pull-8 {
  right: 66.66666667%;
}

.col--xs-pull-7 {
  right: 58.33333333%;
}

.col--xs-pull-6 {
  right: 50%;
}

.col--xs-pull-5 {
  right: 41.66666667%;
}

.col--xs-pull-4 {
  right: 33.33333333%;
}

.col--xs-pull-3 {
  right: 25%;
}

.col--xs-pull-2 {
  right: 16.66666667%;
}

.col--xs-pull-1 {
  right: 8.33333333%;
}

.col--xs-pull-0 {
  right: auto;
}

.col--xs-push-12 {
  left: 100%;
}

.col--xs-push-11 {
  left: 91.66666667%;
}

.col--xs-push-10 {
  left: 83.33333333%;
}

.col--xs-push-9 {
  left: 75%;
}

.col--xs-push-8 {
  left: 66.66666667%;
}

.col--xs-push-7 {
  left: 58.33333333%;
}

.col--xs-push-6 {
  left: 50%;
}

.col--xs-push-5 {
  left: 41.66666667%;
}

.col--xs-push-4 {
  left: 33.33333333%;
}

.col--xs-push-3 {
  left: 25%;
}

.col--xs-push-2 {
  left: 16.66666667%;
}

.col--xs-push-1 {
  left: 8.33333333%;
}

.col--xs-push-0 {
  left: auto;
}

.col--xs-offset-12 {
  margin-left: 100%;
}

.col--xs-offset-11 {
  margin-left: 91.66666667%;
}

.col--xs-offset-10 {
  margin-left: 83.33333333%;
}

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

.col--xs-offset-8 {
  margin-left: 66.66666667%;
}

.col--xs-offset-7 {
  margin-left: 58.33333333%;
}

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

.col--xs-offset-5 {
  margin-left: 41.66666667%;
}

.col--xs-offset-4 {
  margin-left: 33.33333333%;
}

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

.col--xs-offset-2 {
  margin-left: 16.66666667%;
}

.col--xs-offset-1 {
  margin-left: 8.33333333%;
}

.col--xs-offset-0 {
  margin-left: 0%;
}

@media (min-width: 768px) {
  .col--sm-1, .col--sm-2, .col--sm-3, .col--sm-4, .col--sm-5, .col--sm-6, .col--sm-7, .col--sm-8, .col--sm-9, .col--sm-10, .col--sm-11, .col--sm-12 {
    float: left;
  }
  .col--sm-12 {
    width: 100%;
  }
  .col--sm-11 {
    width: 91.66666667%;
  }
  .col--sm-10 {
    width: 83.33333333%;
  }
  .col--sm-9 {
    width: 75%;
  }
  .col--sm-8 {
    width: 66.66666667%;
  }
  .col--sm-7 {
    width: 58.33333333%;
  }
  .col--sm-6 {
    width: 50%;
  }
  .col--sm-5 {
    width: 41.66666667%;
  }
  .col--sm-4 {
    width: 33.33333333%;
  }
  .col--sm-3 {
    width: 25%;
  }
  .col--sm-2 {
    width: 16.66666667%;
  }
  .col--sm-1 {
    width: 8.33333333%;
  }
  .col--sm-pull-12 {
    right: 100%;
  }
  .col--sm-pull-11 {
    right: 91.66666667%;
  }
  .col--sm-pull-10 {
    right: 83.33333333%;
  }
  .col--sm-pull-9 {
    right: 75%;
  }
  .col--sm-pull-8 {
    right: 66.66666667%;
  }
  .col--sm-pull-7 {
    right: 58.33333333%;
  }
  .col--sm-pull-6 {
    right: 50%;
  }
  .col--sm-pull-5 {
    right: 41.66666667%;
  }
  .col--sm-pull-4 {
    right: 33.33333333%;
  }
  .col--sm-pull-3 {
    right: 25%;
  }
  .col--sm-pull-2 {
    right: 16.66666667%;
  }
  .col--sm-pull-1 {
    right: 8.33333333%;
  }
  .col--sm-pull-0 {
    right: auto;
  }
  .col--sm-push-12 {
    left: 100%;
  }
  .col--sm-push-11 {
    left: 91.66666667%;
  }
  .col--sm-push-10 {
    left: 83.33333333%;
  }
  .col--sm-push-9 {
    left: 75%;
  }
  .col--sm-push-8 {
    left: 66.66666667%;
  }
  .col--sm-push-7 {
    left: 58.33333333%;
  }
  .col--sm-push-6 {
    left: 50%;
  }
  .col--sm-push-5 {
    left: 41.66666667%;
  }
  .col--sm-push-4 {
    left: 33.33333333%;
  }
  .col--sm-push-3 {
    left: 25%;
  }
  .col--sm-push-2 {
    left: 16.66666667%;
  }
  .col--sm-push-1 {
    left: 8.33333333%;
  }
  .col--sm-push-0 {
    left: auto;
  }
  .col--sm-offset-12 {
    margin-left: 100%;
  }
  .col--sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col--sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col--sm-offset-9 {
    margin-left: 75%;
  }
  .col--sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col--sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col--sm-offset-6 {
    margin-left: 50%;
  }
  .col--sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col--sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col--sm-offset-3 {
    margin-left: 25%;
  }
  .col--sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col--sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col--sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col--md-1, .col--md-2, .col--md-3, .col--md-4, .col--md-5, .col--md-6, .col--md-7, .col--md-8, .col--md-9, .col--md-10, .col--md-11, .col--md-12 {
    float: left;
  }
  .col--md-12 {
    width: 100%;
  }
  .col--md-11 {
    width: 91.66666667%;
  }
  .col--md-10 {
    width: 83.33333333%;
  }
  .col--md-9 {
    width: 75%;
  }
  .col--md-8 {
    width: 66.66666667%;
  }
  .col--md-7 {
    width: 58.33333333%;
  }
  .col--md-6 {
    width: 50%;
  }
  .col--md-5 {
    width: 41.66666667%;
  }
  .col--md-4 {
    width: 33.33333333%;
  }
  .col--md-3 {
    width: 25%;
  }
  .col--md-2 {
    width: 16.66666667%;
  }
  .col--md-1 {
    width: 8.33333333%;
  }
  .col--md-pull-12 {
    right: 100%;
  }
  .col--md-pull-11 {
    right: 91.66666667%;
  }
  .col--md-pull-10 {
    right: 83.33333333%;
  }
  .col--md-pull-9 {
    right: 75%;
  }
  .col--md-pull-8 {
    right: 66.66666667%;
  }
  .col--md-pull-7 {
    right: 58.33333333%;
  }
  .col--md-pull-6 {
    right: 50%;
  }
  .col--md-pull-5 {
    right: 41.66666667%;
  }
  .col--md-pull-4 {
    right: 33.33333333%;
  }
  .col--md-pull-3 {
    right: 25%;
  }
  .col--md-pull-2 {
    right: 16.66666667%;
  }
  .col--md-pull-1 {
    right: 8.33333333%;
  }
  .col--md-pull-0 {
    right: auto;
  }
  .col--md-push-12 {
    left: 100%;
  }
  .col--md-push-11 {
    left: 91.66666667%;
  }
  .col--md-push-10 {
    left: 83.33333333%;
  }
  .col--md-push-9 {
    left: 75%;
  }
  .col--md-push-8 {
    left: 66.66666667%;
  }
  .col--md-push-7 {
    left: 58.33333333%;
  }
  .col--md-push-6 {
    left: 50%;
  }
  .col--md-push-5 {
    left: 41.66666667%;
  }
  .col--md-push-4 {
    left: 33.33333333%;
  }
  .col--md-push-3 {
    left: 25%;
  }
  .col--md-push-2 {
    left: 16.66666667%;
  }
  .col--md-push-1 {
    left: 8.33333333%;
  }
  .col--md-push-0 {
    left: auto;
  }
  .col--md-offset-12 {
    margin-left: 100%;
  }
  .col--md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col--md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col--md-offset-9 {
    margin-left: 75%;
  }
  .col--md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col--md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col--md-offset-6 {
    margin-left: 50%;
  }
  .col--md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col--md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col--md-offset-3 {
    margin-left: 25%;
  }
  .col--md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col--md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col--md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col--lg-1, .col--lg-2, .col--lg-3, .col--lg-4, .col--lg-5, .col--lg-6, .col--lg-7, .col--lg-8, .col--lg-9, .col--lg-10, .col--lg-11, .col--lg-12 {
    float: left;
  }
  .col--lg-12 {
    width: 100%;
  }
  .col--lg-11 {
    width: 91.66666667%;
  }
  .col--lg-10 {
    width: 83.33333333%;
  }
  .col--lg-9 {
    width: 75%;
  }
  .col--lg-8 {
    width: 66.66666667%;
  }
  .col--lg-7 {
    width: 58.33333333%;
  }
  .col--lg-6 {
    width: 50%;
  }
  .col--lg-5 {
    width: 41.66666667%;
  }
  .col--lg-4 {
    width: 33.33333333%;
  }
  .col--lg-3 {
    width: 25%;
  }
  .col--lg-2 {
    width: 16.66666667%;
  }
  .col--lg-1 {
    width: 8.33333333%;
  }
  .col--lg-pull-12 {
    right: 100%;
  }
  .col--lg-pull-11 {
    right: 91.66666667%;
  }
  .col--lg-pull-10 {
    right: 83.33333333%;
  }
  .col--lg-pull-9 {
    right: 75%;
  }
  .col--lg-pull-8 {
    right: 66.66666667%;
  }
  .col--lg-pull-7 {
    right: 58.33333333%;
  }
  .col--lg-pull-6 {
    right: 50%;
  }
  .col--lg-pull-5 {
    right: 41.66666667%;
  }
  .col--lg-pull-4 {
    right: 33.33333333%;
  }
  .col--lg-pull-3 {
    right: 25%;
  }
  .col--lg-pull-2 {
    right: 16.66666667%;
  }
  .col--lg-pull-1 {
    right: 8.33333333%;
  }
  .col--lg-pull-0 {
    right: auto;
  }
  .col--lg-push-12 {
    left: 100%;
  }
  .col--lg-push-11 {
    left: 91.66666667%;
  }
  .col--lg-push-10 {
    left: 83.33333333%;
  }
  .col--lg-push-9 {
    left: 75%;
  }
  .col--lg-push-8 {
    left: 66.66666667%;
  }
  .col--lg-push-7 {
    left: 58.33333333%;
  }
  .col--lg-push-6 {
    left: 50%;
  }
  .col--lg-push-5 {
    left: 41.66666667%;
  }
  .col--lg-push-4 {
    left: 33.33333333%;
  }
  .col--lg-push-3 {
    left: 25%;
  }
  .col--lg-push-2 {
    left: 16.66666667%;
  }
  .col--lg-push-1 {
    left: 8.33333333%;
  }
  .col--lg-push-0 {
    left: auto;
  }
  .col--lg-offset-12 {
    margin-left: 100%;
  }
  .col--lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col--lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col--lg-offset-9 {
    margin-left: 75%;
  }
  .col--lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col--lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col--lg-offset-6 {
    margin-left: 50%;
  }
  .col--lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col--lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col--lg-offset-3 {
    margin-left: 25%;
  }
  .col--lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col--lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col--lg-offset-0 {
    margin-left: 0%;
  }
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}

.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}

body {
  background-color: white;
  color: #303030;
  font-family: Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
}

body.contentmanager-contenttype-front-page .main-container {
  max-width: 100%;
  padding: 0;
}

body.contentmanager-contenttype-front-page .main-container .main {
  padding: 0 0 40px;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4 {
  font-weight: bold;
}

/*
h1, .h1 {
	font-size: 34px;
	line-height: 46px;
	margin-bottom: 48px;
}
*/
h1, .h1 {
  font-size: 26px;
  line-height: 28px;
  margin-bottom: 32px;
}

h2, .h2 {
  font-size: 22px;
  line-height: 26px;
  margin-bottom: 24px;
}

h3, .h3 {
  font-size: 18px;
  line-height: 21px;
  margin-bottom: 16px;
}

h4, .h4 {
  font-size: 18px;
  line-height: 21px;
  margin-bottom: 16px;
}

a, .inline-link {
  color: #303030;
  font-weight: bold;
  text-decoration: none;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  cursor: pointer;
}

a:hover, .inline-link:hover {
  text-decoration: underline;
}

ul {
  padding: 0;
  list-style: none;
}

ul li {
  margin-bottom: 16px;
}

ul li a {
  color: #707070;
}

ul li a:hover {
  color: #303030;
  text-decoration: none;
}

.sub-title {
  font-size: 22px;
  line-height: 26px;
}

.show-on-mobile {
  display: none;
}

/* 
	Layout
*/
.main {
  padding: 40px 0;
}

.main::after {
  content: "";
  clear: both;
  display: table;
}

.col-main {
  z-index: 1;
  position: relative;
}

.col2-left-layout .col-left {
  float: left;
  width: 272px;
  padding-right: 32px;
}

.col2-left-layout .col-main {
  float: right;
  width: calc(100% - 272px);
}

.page-title {
  padding-right: 250px;
}

.page-title h1 {
  margin-top: 0;
}

img {
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

input,
select,
textarea,
button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
}

input[type=checkbox] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
  outline: checkbox;
}

input[type=radio] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
  appearance: radio;
  outline: radio;
}

.input {
  display: inline-block !important;
  vertical-align: middle;
}

.input > * {
  display: inline-block !important;
  vertical-align: middle;
}

.labels {
  display: inline-block !important;
  vertical-align: middle;
}

.labels label {
  margin: 0;
}

::-webkit-input-placeholder {
  opacity: 1;
}

:-ms-input-placeholder {
  opacity: 1;
}

::-ms-input-placeholder {
  opacity: 1;
}

::placeholder {
  opacity: 1;
}

input[type=text],
input[type=password],
input[type=number],
textarea {
  background-color: #ededed;
  border: none;
  border-radius: 2px;
  color: #303030;
  height: 50px;
  line-height: 50px;
  padding: 0 16px;
  max-width: 320px;
  width: 100%;
}

textarea {
  height: 80px;
  line-height: inherit;
  padding: 16px;
}

label {
  color: #707070;
  display: inline-block;
  font-weight: bold;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  font-variant: small-caps;
  margin-bottom: 8px;
}

button, .button {
  display: inline-block;
  background-color: white;
  border: 1px solid #303030;
  border-radius: 2px;
  font-weight: 700;
  height: 50px;
  line-height: 50px;
  padding: 0 16px;
  cursor: pointer;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

button:hover, .button:hover {
  background-color: #303030;
  color: white;
  text-decoration: none;
}

button--slim, .button--slim {
  padding: 0px 16px;
  line-height: 36px;
  height: 36px;
  margin-top: 16px;
  white-space: nowrap;
}

select {
  background: url("../images/icon-select-arrow.svg") calc(100% - 16px) no-repeat #ededed;
  border: none;
  border-radius: 2px;
  line-height: 50px;
  padding: 0 40px 0 16px;
  max-width: 320px;
  width: 100%;
}

/* 
	Utilities
*/
.no-display {
  display: none;
}

.show-on-small {
  display: none;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.float-clear {
  clear: both;
}

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

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

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

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

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

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

.breadcrumbs ul {
  margin: 0 0 50px;
  font-size: 13px;
  padding-right: 250px;
}

.breadcrumbs ul li {
  display: inline-block;
  margin-bottom: 0;
}

.breadcrumbs ul li a {
  color: #707070;
  text-decoration: none;
}

.breadcrumbs ul li a:hover {
  color: #303030;
}

.breadcrumbs ul li span {
  margin: 0 4px;
}

.breadcrumbs ul li.product {
  padding: 0;
}

.breadcrumbs ul li.product:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.page-print {
  margin: 32px 24px;
  font-size: 14px;
  line-height: 20px;
}

.page-print h3 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  margin: 0;
}

.page-print .col2-set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.page-print .col2-set .col-1,
.page-print .col2-set .col-2 {
  width: 50%;
}

.page-print .data-table .first,
.page-print .data-table .last {
  padding-left: 14px;
  padding-right: 14px;
}

.page-print .data-table td {
  white-space: nowrap;
}

.page-print .data-table td .product-name {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}

.margin {
  margin: 16px;
}

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

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

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

.margin--left {
  margin-left: 16px;
}

.modal-loader-outer {
  display: table;
  height: 100%;
  width: 100%;
}

.modal-loader-outer-inner {
  display: table-cell;
  vertical-align: middle;
}

.modal-loader {
  height: 35px;
  width: 35px;
  display: block;
  margin: 0 auto;
  background: url("../images/loader.gif") 0 0 no-repeat transparent;
}

.modal-loader-note {
  text-align: center;
  margin: 10px 0 0;
}

/* MESSAGES */
#messages_product_view {
  padding: 0 16px;
}

ul.messages ul li {
  display: inline-block;
  margin: 0 10px 10px 0;
  padding: 5px 10px;
}

ul.messages .success-msg li {
  background-color: #2EA03C;
  color: #fff;
}

ul.messages .error-msg li {
  background-color: #E24028;
  color: #fff;
}

#category-list-messages {
  position: fixed;
  top: 10px;
  left: 50%;
  z-index: 10;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#category-list-messages .message {
  opacity: 1;
  display: inline-block;
  padding: 20px 24px 20px 88px;
  background-color: #fff;
  -webkit-transition-property: opacity, z-index;
  transition-property: opacity, z-index;
  -webkit-transition-duration: 0.5s, 0s;
  transition-duration: 0.5s, 0s;
  -webkit-transition-delay: 1s, 1.5s;
  transition-delay: 1s, 1.5s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  position: relative;
  font-weight: 600;
  -webkit-box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.08);
}

#category-list-messages .message:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 17px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  width: 26px;
  height: 25px;
  z-index: 2;
}

#category-list-messages .message:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 64px;
  height: 100%;
  z-index: 1;
}

#category-list-messages .message--success {
  color: #2EA03C;
}

#category-list-messages .message--error {
  color: #E24028;
}

#category-list-messages .message--success:before {
  background: url("../images/icon-26px-25px-cart-added.svg") 0 0 no-repeat transparent;
}

#category-list-messages .message--error:before {
  background: url("../images/icon-26px-25px-cart-removed.svg") 0 0 no-repeat transparent;
}

#category-list-messages .message--success:after {
  background-color: #dff0d8;
}

#category-list-messages .message--error:after {
  background-color: #f2dede;
}

#category-list-messages .message.hide {
  opacity: 0;
  z-index: -10;
}

@media (max-width: 991px) {
  body {
    font-size: 13px;
    line-height: 16px;
  }
  h1, .h1 {
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 32px;
  }
  h2, .h2 {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 24px;
  }
  h3, .h3 {
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 16px;
  }
  h4, .h4 {
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 16px;
  }
  /* LAYOUT */
  .col2-left-layout .col-left {
    width: 200px;
    padding-right: 16px;
  }
  .col2-left-layout .col-main {
    width: calc(100% - 200px);
  }
}
@media (max-width: 767px) {
  h1, .h1 {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 24px;
  }
  h2, .h2 {
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 16px;
  }
  h3, .h3 {
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 16px;
  }
  h4, .h4 {
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 16px;
  }
  .show-on-mobile {
    display: block;
  }
  .col2-left-layout .col-left {
    display: none;
  }
  .col2-left-layout .col-main {
    width: 100%;
  }
  .breadcrumbs {
    display: none;
  }
  .page-print .data-table .border.first, .page-print .data-table .border.last {
    padding-left: 0;
    padding-right: 0;
  }
  .page-print .data-table tr {
    margin-bottom: 32px;
  }
  .page-print .data-table td {
    padding: 8px 0;
    white-space: normal;
  }
  .page-print .data-table td.first, .page-print .data-table td.last {
    padding-left: 0;
    padding-right: 0;
  }
  .page-print .data-table tfoot tr {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 350px;
    margin: 0 0 0 auto;
  }
  .page-print .data-table tfoot tr td {
    vertical-align: top !important;
    margin-right: -4px;
    width: 50%;
    text-align: right !important;
  }
}
@media (max-width: 549px) {
  .page-title {
    padding-right: 0;
  }
}
@media (max-width: 499px) {
  .page-print .col2-set {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .page-print .col2-set .col-1,
.page-print .col2-set .col-2 {
    width: 100%;
  }
}
/**
 * Swiper 4.4.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: December 19, 2018
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-property: transform, -webkit-transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 0.3s opacity;
  transition: 0.3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 0.2s top, 0.2s -webkit-transform;
  transition: 0.2s top, 0.2s -webkit-transform;
  -webkit-transition: 0.2s transform, 0.2s top;
  transition: 0.2s transform, 0.2s top;
  -webkit-transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s left, 0.2s -webkit-transform;
  transition: 0.2s left, 0.2s -webkit-transform;
  -webkit-transition: 0.2s transform, 0.2s left;
  transition: 0.2s transform, 0.2s left;
  -webkit-transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s right, 0.2s -webkit-transform;
  transition: 0.2s right, 0.2s -webkit-transform;
  -webkit-transition: 0.2s transform, 0.2s right;
  transition: 0.2s transform, 0.2s right;
  -webkit-transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform;
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}

.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}

.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-coverflow .swiper-wrapper {
  -ms-perspective: 1200px;
}

.topbar {
  background-color: #303030;
  color: white;
  font-size: 14px;
  line-height: 17px;
  height: 48px;
  line-height: 48px;
}

.topbar__button {
  display: inline-block;
  background-color: #006A95;
  color: white;
  text-decoration: none;
  height: 48px;
  line-height: 48px;
  padding: 0 24px;
  position: absolute;
  top: 0;
  left: 0;
}

.topbar__button::before {
  content: "";
  display: inline-block;
  background: url("../images/icon-home.svg") center no-repeat;
  background-size: 16px;
  width: 16px;
  height: 16px;
  position: relative;
  top: 2px;
  margin-right: 8px;
}

.topbar__disclaimer {
  display: block;
  text-align: center;
  width: 100%;
}

.header {
  height: 115px;
  border-bottom: 1px solid #ededed;
}

.header__container {
  position: relative;
  z-index: 5;
}

.header__container::after {
  content: "";
  clear: both;
  display: table;
}

.header__left {
  float: left;
  position: relative;
}

.header__left::after {
  content: "";
  clear: both;
  display: table;
}

.header__right {
  position: absolute;
  right: 24px;
}

.header__right .header__nav li {
  display: inline-block;
  vertical-align: middle;
  line-height: 28px;
}

.header__right .header__nav li.header-external {
  margin-right: 52px;
  min-height: 21px;
}

.header__logo {
  display: block;
  position: relative;
  float: left;
  width: 285px;
  height: 90px;
  top: 13px;
}

.header__logo__image {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: left center;
  object-position: left center;
  background-size: contain;
  background-position: left center;
  padding: 10px 0;
}

.header__logo__no-image {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 100%;
}

.header__nav {
  float: left;
  height: 115px;
  margin-left: 24px;
}

.header__nav #ct-menu-bestillingmenu,
.header__nav .inside {
  height: 100%;
}

.header .inside > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.header .inside > ul li {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 10px 24px;
}

.header .inside > ul li a {
  display: block;
  color: #707070;
}

.header .inside > ul li a svg {
  margin-right: 8px;
}

.header .inside > ul li a:hover {
  color: #303030;
  text-decoration: none;
}

.header .inside > ul li a:hover svg path {
  fill: #303030;
}

.header .header-minicart {
  margin-left: -24px;
}

.header__login svg {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.header__cart.no-count .header__cart__count {
  display: none;
}

.header__cart__count {
  background-color: #303030;
  color: white;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  line-height: 22px;
  font-size: 12px;
  font-weight: normal;
  white-space: nowrap;
  position: relative;
  top: -1px;
}

.header__logout svg {
  margin-right: 0 !important;
}

.header .children {
  display: none;
  position: absolute;
  left: 0;
  width: 200px;
  margin-top: 10px;
  background: #dfdfdf;
}

.header .children li {
  display: list-item !important;
}

.header .no-click {
  cursor: default;
}

.header .has-children:hover .children {
  display: block;
}

.burger-toggle {
  display: none;
  position: absolute;
  z-index: 1;
  left: 16px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url("../images/burger.svg") center no-repeat;
  background-size: 26px 21px;
  width: 40px;
  height: 40px;
  cursor: pointer;
  text-indent: -9999px;
  opacity: 0.67;
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}

.burger-toggle:hover {
  opacity: 1;
}

.burger-toggle--toggled {
  background-image: url("../images/burger-close.svg");
  opacity: 1;
}

@media (max-width: 1324px) {
  .header ul li {
    padding: 8px 16px;
    font-size: 14px;
  }
  .header ul li a svg {
    width: 20px;
    height: 20px;
  }
  .header__right {
    top: -10px;
  }
  .header__right .header__nav li.header-external {
    margin-right: 36px;
  }
}
@media (max-width: 1099px) {
  .header .header-minicart {
    padding-right: 0;
  }
  .header__logo {
    width: 200px;
  }
}
@media (max-width: 991px) {
  .topbar {
    font-size: 12px;
    height: 30px;
    line-height: 30px;
  }
  .burger-toggle {
    display: block;
  }
  .header {
    height: 70px;
  }
  .header__logo {
    float: none;
    width: 190px;
    height: 70px;
    left: 56px;
    top: 0;
  }
  .header__left {
    float: none;
  }
  .header__left .header__nav {
    display: none;
    float: none;
    margin-left: 0;
    position: absolute;
    z-index: 5;
    height: auto;
    width: calc(100% + 32px);
    left: -16px;
  }
  .header__left .header__nav--open {
    display: block;
  }
  .header__right {
    float: none;
    position: absolute;
    right: 0;
    top: 0;
  }
  .header__nav {
    height: 70px;
  }
  .header__logout svg {
    margin: 0 auto 4px !important;
  }
  #ct-menu-bestillingmenu .inside {
    height: auto;
    position: relative;
    z-index: 5;
  }
  #ct-menu-bestillingmenu .inside ul {
    background: white;
    top: 0;
    -webkit-transform: none;
    transform: none;
    -webkit-box-shadow: 0px 30px 30px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 30px 30px rgba(0, 0, 0, 0.2);
  }
  #ct-menu-bestillingmenu .inside ul li {
    display: block;
    padding: 0;
  }
  #ct-menu-bestillingmenu .inside ul li a {
    padding: 16px;
    border-bottom: 1px solid #ededed;
  }
  #ct-menu-bestillingmenu .inside ul li a:hover {
    background-color: #ededed;
  }
  #ct-menu-bestillingmenu .inside ul .has-children .no-click {
    cursor: pointer;
  }
  #ct-menu-bestillingmenu .inside ul .has-children .no-click::after {
    content: "+";
    position: absolute;
    right: 16px;
    font-size: 20px;
    font-weight: 400;
  }
  #ct-menu-bestillingmenu .inside ul .children {
    display: none;
    position: relative;
    width: 100%;
    margin-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  #ct-menu-bestillingmenu .inside ul .children.is-open {
    display: block;
  }
  #ct-menu-bestillingmenu .inside ul .children li a {
    padding-left: 40px;
  }
}
@media (max-width: 767px) {
  #ct-menu-bestillingmenu .category-tree-top-wrap {
    margin-top: -49px;
  }
  #ct-menu-bestillingmenu .category-toggle-link {
    display: block;
    color: #707070;
    padding: 16px;
    background-color: white;
    border-bottom: 1px solid #ededed;
    font-weight: bold;
    cursor: pointer;
    z-index: 1;
    position: relative;
  }
  #ct-menu-bestillingmenu .category-toggle-link::after {
    content: "+";
    position: absolute;
    right: 16px;
    font-size: 20px;
    font-weight: 400;
  }
  #ct-menu-bestillingmenu .category-toggle-link:hover {
    background-color: #ededed;
  }
  #ct-menu-bestillingmenu #category-tree-top {
    -webkit-box-shadow: none;
    box-shadow: none;
    display: none;
  }
  #ct-menu-bestillingmenu #category-tree-top.is-open {
    display: block;
  }
  #ct-menu-bestillingmenu #category-tree-top li a {
    padding-left: 40px;
  }
  #ct-menu-bestillingmenu #category-tree-top li ul {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  #ct-menu-bestillingmenu #category-tree-top li ul li a {
    padding-left: 56px;
  }
  #ct-menu-bestillingmenu #category-tree-top li ul li ul li a {
    padding-left: 72px;
  }
}
@media (max-width: 499px) {
  .burger-toggle {
    left: 9px;
  }
  .header__logo {
    width: 160px;
    left: 40px;
  }
  .header ul li a svg {
    display: block;
    margin: 0 auto 4px;
  }
  .header__right .header__nav ul {
    margin: 0;
  }
  .header__right .header__nav ul li {
    padding: 8px;
  }
  .header__right .header__nav ul li.header-external {
    margin-right: 0;
  }
}
@media (max-width: 425px) {
  .header__right .header__nav ul li.header-external {
    display: none;
  }
}
.footer {
  background-color: #303030;
  color: white;
}

.footer__inner {
  max-width: 324px;
  padding: 64px 0;
}

.footer__inner a {
  color: white;
}

.account-login {
  max-width: 320px;
  margin: 0 auto;
}

#remember-me-box .input-box {
  display: inline-block;
}

#remember-me-box label {
  display: inline-block;
}

#remember-me-box .link-tip {
  display: none;
}

.forgot-password {
  display: inline-block;
  font-size: 14px;
  line-height: 17px;
  margin: 40px 0 0;
}

.account-forgot-password {
  max-width: 500px;
  margin: 0 auto;
}

.back-link {
  margin: 40px 0 0;
}

.form-list {
  margin-bottom: 40px;
}

.form-list li.control > label {
  padding-left: 8px;
}

.col2-set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 32px;
}

.col2-set .col-1,
.col2-set .col-2 {
  width: 50%;
}

.col2-set .col-1 {
  padding-right: 8px;
}

.col2-set .col-2 {
  padding-left: 8px;
}

.col2-set .box {
  border: 1px solid #dfdfdf;
  padding: 32px;
  height: 100%;
}

.col2-set .box-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.col2-set .box-title h2 {
  font-size: 22px;
  line-height: 26px;
  margin-bottom: 16px;
  margin-top: 0;
}

.col2-set .box-title h3 {
  margin: 0;
}

.col2-set .box-title a {
  margin-left: 16px;
}

.col2-set .box-content p {
  margin-top: 0;
}

.business-addressbook-index .my-account .row {
  width: 100%;
}

.box-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.box-content--no-flex {
  display: block;
}

.box-content .col-1 {
  width: 50%;
}

.box-content .col-2 {
  width: 50%;
}

.order-info dd {
  margin: 0;
}

#order-info-tabs {
  display: inline-block;
}

#order-info-tabs li {
  margin-bottom: 0;
  display: inline-block;
  padding: 8px 16px;
  border: 1px solid #303030;
  vertical-align: middle;
  margin-right: 4px;
}

#order-info-tabs li.current {
  background-color: #303030;
  color: white;
}

.order-items {
  overflow-x: auto;
  width: 100%;
}

.order-items .data-table colgroup {
  display: none;
}

.actionbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: top;
  -ms-flex-align: top;
  align-items: top;
  margin: 0 0 20px;
}

.my-account > .actionbar {
  margin-top: 60px;
}

@media (max-width: 549px) {
  .my-account > .actionbar {
    margin-top: 0;
  }
}
.action--order {
  width: 138px;
}

.action--order a {
  margin-left: 16px;
}

.accordion-wrap {
  cursor: pointer;
}

.accordion-wrap--active {
  background-color: #ededed;
}

.toggle-accordion {
  margin-right: 4px;
}

.status-label {
  background-color: #dfdfdf;
  border-radius: 2px;
  color: white;
  padding: 8px 16px;
}

.search-table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 24px;
}

.search-table__input {
  border-radius: 2px 0 0 2px !important;
  max-width: 190px !important;
}

.search-table__button {
  border-radius: 0 2px 2px 0 !important;
  width: 80px;
  white-space: nowrap;
}

.data-table .icon-checkbox {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../images/icon-checkbox.svg") center no-repeat;
  background-size: 16px;
}

.data-table .icon-edit {
  display: inline-block;
  width: 19px;
  height: 18px;
  background: url("../images/icon-edit.svg") center no-repeat;
  background-size: 19px 18px;
  position: relative;
  z-index: 2;
}

.data-table .icon-loginas {
  display: inline-block;
  width: 16px;
  height: 18px;
  background: url("../images/icon-loginas.svg") center no-repeat;
  background-size: 16px 18px;
  position: relative;
  z-index: 2;
}

.data-table .icon-delete-user {
  display: inline-block;
  width: 16px;
  height: 18px;
  background: url("../images/icon-delete-user.svg") center no-repeat;
  background-size: 16px 18px;
  position: relative;
  z-index: 2;
}

.data-table .icon {
  position: relative;
}

.data-table .icon__tooltip {
  position: absolute;
  display: none;
  top: -36px;
  right: 0;
  font-weight: 400;
  background: white;
  border: 1px solid;
  padding: 4px 8px;
  font-size: 14px;
}

.data-table .icon:hover > .icon__tooltip {
  display: block;
}

.data-table .order-products {
  display: none;
}

.data-table .order-products--show {
  display: table-row;
}

.data-table .order-products__td {
  padding: 0;
}

.data-table .order-products__td .product {
  padding: 24px 16px;
  background-color: #ededed;
  border-bottom: 1px solid #dfdfdf;
  font-size: 13px;
  line-height: 15px;
}

.data-table .order-products__td .product:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.data-table .order-products__td .product:last-child {
  border-bottom: none;
}

.data-table .order-products__td .product__image {
  margin-bottom: 0;
  display: block;
}

.data-table .order-products__td .product__name {
  font-size: 13px;
  line-height: 15px;
  height: auto;
  display: block;
  -webkit-line-clamp: unset;
  -webkit-box-orient: unset;
  margin-bottom: 4px;
}

.data-table .order-products__td .product__attributes {
  margin-bottom: 0;
}

.data-table .order-products__td .product__attributes div {
  margin-bottom: 0;
}

.data-table .order-products__td .product__qty {
  margin-left: auto;
  margin-bottom: 4px;
}

.data-table .order-products__td .product__qty .price-unit {
  margin-right: 8px;
}

.data-table .order-products__td .product__qty .qty {
  text-transform: lowercase;
}

.data-table .order-products__td .product__price {
  margin-bottom: 0;
}

.data-table .order-products__td .product__price .price-box {
  font-size: 13px;
  line-height: 15px;
  margin-bottom: 0;
}

.data-table .order-products__td .product-line__left {
  width: 40px;
}

.data-table .order-products__td .product-line__right {
  width: calc(100% - 40px);
  padding-left: 24px;
}

.data-table--employees th {
  white-space: nowrap;
}

.data-table--employees .cell--name {
  white-space: normal;
  min-width: 200px;
}

.data-table--employees .a-left {
  text-align: left !important;
}

.data-table--employees .a-center {
  text-align: center !important;
}

.data-table--employees .a-right {
  text-align: right !important;
}

.data-table tr.filtered {
  display: table-row;
}

.data-table tr.filtered .order-products {
  display: table-cell;
}

.data-table tr.unfiltered {
  display: none;
}

.data-table tr.unfiltered.order-products--show {
  display: table-row;
}

.data-table .placed__by {
  font-size: 12px;
}

.page-title h1 span {
  font-size: 30px;
  line-height: 35px;
}

.amount-update {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: #707070;
}

.amount-update__input-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.amount-update__input {
  max-width: 110px !important;
  text-align: center;
  padding: 0 2px 0 16px !important;
  border-radius: 2px 0 0 2px !important;
  border: 1px solid #dfdfdf !important;
  border-right: none !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.amount-update__currency {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border: 1px solid #dfdfdf;
  border-radius: 0 2px 2px 0;
}

.amount-update__add-or-subtract {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 8px;
  border: 1px solid #dfdfdf;
  margin: 0 16px;
  border-radius: 2px;
}

.amount-update__add-or-subtract span {
  display: block;
  padding: 0 8px;
}

.amount-update__add-or-subtract span label {
  margin-bottom: 0;
  text-transform: none;
  font-variant: none;
  font-size: 14px;
}

.amount-update__add-or-subtract [type=radio]:checked,
.amount-update__add-or-subtract [type=radio]:not(:checked) {
  position: absolute;
  left: -9999px;
}

.amount-update__add-or-subtract [type=radio]:checked + label,
.amount-update__add-or-subtract [type=radio]:not(:checked) + label {
  position: relative;
  padding-left: 20px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #666;
}

.amount-update__add-or-subtract [type=radio]:checked + label:before,
.amount-update__add-or-subtract [type=radio]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 16px;
  height: 16px;
  border: 2px solid #dfdfdf;
  border-radius: 100%;
  background: #fff;
}

.amount-update__add-or-subtract [type=radio]:checked + label:after,
.amount-update__add-or-subtract [type=radio]:not(:checked) + label:after {
  content: "";
  width: 16px;
  height: 16px;
  background: url("../images/icon-radiobutton.svg") center no-repeat #303030;
  position: absolute;
  top: 2px;
  left: 0;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.amount-update__add-or-subtract [type=radio]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.amount-update__add-or-subtract [type=radio]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.amount-update__add-or-subtract [type=radio]:checked + label {
  color: #303030;
}

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

.amount-available__current {
  display: block;
  font-size: 22px;
  font-weight: 700;
  line-height: 50px;
}

.account-table {
  color: #303030 !important;
  margin: 32px 0;
}

.account-table th {
  padding: 16px 0 16px 16px !important;
}

.account-table th:first-child {
  padding-left: 0 !important;
}

.account-table td {
  padding: 24px 0 24px 16px !important;
}

.account-table td:first-child {
  padding-left: 0 !important;
}

.account-table .a-left {
  text-align: left !important;
}

.account-table .a-center {
  text-align: center !important;
}

.account-table .a-right {
  text-align: right !important;
}

.account-table__date {
  width: 120px;
}

.account-table__view {
  width: 64px;
}

.account-table__view .view-order {
  text-decoration: none;
}

.account-table__view .view-order:hover .view-order__icon {
  opacity: 1;
}

.account-table__view .view-order__icon {
  position: relative;
  top: -2px;
  margin-right: 4px;
  opacity: 0.9;
}

.account-table__amount {
  width: 144px;
}

.account-table__account-balance {
  width: 144px;
}

.amount {
  font-weight: bold;
}

.amount--minus {
  color: #E24028;
}

.amount--plus {
  color: #2EA03C;
}

body.business-employee-edit .col2-set .col-1 {
  padding-right: 32px;
  border-right: 1px solid #dfdfdf;
}

body.business-employee-edit .col2-set .col-2 {
  padding-left: 32px;
}

body.business-employee-edit .col2-set .col-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

body.business-employee-edit .col2-set .col-header .edit-content {
  margin-left: 20px;
  margin-bottom: 0;
}

body.business-employee-edit .col2-set .edit-content {
  display: block;
  margin-bottom: 24px;
  position: relative;
}

body.business-employee-edit .col2-set .edit-content::after {
  content: "";
  display: inline-block;
  width: 19px;
  height: 18px;
  background: url("../images/icon-edit.svg") center no-repeat;
  background-size: 19px 18px;
  position: relative;
  top: 2px;
  margin-left: 8px;
}

body.business-employee-edit .col2-set address {
  font-size: 16px;
  font-style: normal;
  line-height: 22px;
}

.address-item {
  border: 1px solid #DFDFDF;
  border-top-color: #dfdfdf;
  border-right-color: #dfdfdf;
  border-bottom-color: #dfdfdf;
  border-left-color: #dfdfdf;
  padding: 24px;
  background-color: white;
  margin-bottom: 32px;
  position: relative;
  height: 180px;
}

.address-item .address-item__edit-overlay {
  display: block;
  position: absolute;
  background: transparent;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 5;
}

.address-item .address-item__edit {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

.address-item .address-item__edit .button-edit {
  padding: 10px 16px;
  display: inline-block;
  background-color: #303030;
  border: 1px solid #303030;
  color: white;
  border-radius: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
  cursor: pointer;
}

.address-item .address-item__content {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.address-item .address-item__content > * {
  font-size: 14px;
  line-height: 20px;
}

.address-item .address-item__content > :first-child {
  font-weight: 600;
}

.address-item--create {
  background-color: #303030;
  color: white;
  border-color: #303030;
  -webkit-transition: -webkit-box-shadow 0.1s ease;
  transition: -webkit-box-shadow 0.1s ease;
  transition: box-shadow 0.1s ease;
  transition: box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease;
}

.address-item--create:hover {
  -webkit-box-shadow: 0px 22px 34px -13px rgba(20, 55, 127, 0.39);
  box-shadow: 0px 22px 34px -13px rgba(20, 55, 127, 0.39);
  background-color: #707070;
}

.address-item--create .address-item__overlay-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.address-item--create .address-item__content .address-item__create-icon {
  width: 48px;
  height: 48px;
  margin-right: 10px;
  text-indent: -9999px;
  background: url("../images/icon-28px-create.svg") center no-repeat;
}

.address-item--create .address-item__content > * {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  line-height: 22px;
  text-align: left;
}

.address-item__delete {
  opacity: 0;
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 6;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

.address-item__delete .button-delete {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid white;
  display: block;
  text-indent: -9999px;
  border: 1px solid white;
  background: url("../images/icon-10px-delete.svg") center no-repeat;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
}

.address-item:hover .address-item__edit,
.address-item:hover .address-item__delete {
  opacity: 1;
}

.addresses-compact .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.addresses-compact .row > div {
  margin-bottom: 32px;
  width: 33.33%;
}

.addresses-compact .address-item {
  height: 100%;
  padding: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0;
}

.addresses-compact .address-item__content {
  top: inherit;
  -webkit-transform: inherit;
  transform: inherit;
}

.addresses-compact .address-item__content > * {
  font-size: 12px;
  line-height: 18px;
}

.addresses-compact .address-item__edit .button-edit {
  padding: 4px 8px;
  font-size: 12px;
}

.addresses-compact .address-item--create .address-item__content .address-item__create-icon {
  width: 16px !important;
  height: 16px !important;
  background-size: 16px !important;
  margin-right: 2px !important;
}

.status-label {
  background: transparent;
  color: #17a2b8;
  border: 1px solid #17a2b8;
}

.status-label--Pending, .status-label--Afventer {
  background: transparent;
  color: #17a2b8;
  border: 1px solid #17a2b8;
}

.status-label--Processing, .status-label--Behandler {
  background: transparent;
  color: #007bff;
  border: 1px solid #007bff;
}

.status-label--Complete, .status-label--Fuldendt {
  background: transparent;
  color: #28a745;
  border: 1px solid #28a745;
}

.status-label--Closed, .status-label--Lukket {
  background: transparent;
  color: #dc3545;
  border: 1px solid #dc3545;
}

.status-label--On, .status-label--Pauset {
  background: transparent;
  color: #ffc107;
  border: 1px solid #ffc107;
}

@media (max-width: 1099px) {
  .addresses-compact .row > div {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .dashboard .col2-set .col-1,
.dashboard .col2-set .col-2 {
    width: 100%;
    padding: 0;
  }
  .dashboard .col2-set .col-1 {
    margin-bottom: 16px;
  }
}
@media (max-width: 599px) {
  .order-info-box.col2-set {
    display: block;
    -ms-flex-wrap: unset;
    flex-wrap: unset;
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
    margin-bottom: 0;
  }
  .order-info-box.col2-set .col-1,
.order-info-box.col2-set .col-2 {
    padding: 0;
    width: 100%;
    margin-bottom: 16px;
  }
  .order-info-box.col2-set .box {
    padding: 16px;
  }
}
@media (max-width: 499px) {
  .dashboard .col2-set .box-title {
    display: block;
  }
  .dashboard .col2-set .box-title a {
    margin-left: 0;
    margin-top: 10px;
    display: block;
  }
  .addresses-compact .row > div {
    width: 100%;
  }
}
.filters-toggle,
.mobile-filters {
  display: none;
}

.catalog-category-view .filters-wrap {
  margin: 50px 0;
}

.catalog-category-view .filters-wrap .filter__group {
  padding: 20px;
  border: 1px solid #606060;
  border-radius: 2px;
  margin: 0 0 25px;
}

.catalog-category-view .filters-wrap .filter__group__option input,
.catalog-category-view .filters-wrap .filter__group__option label {
  cursor: pointer;
}

.catalog-category-view .filters-wrap h3 {
  margin: 0 0 20px;
  font-size: 18px;
}

#filter-reset {
  display: block;
  margin: 20px 0 0;
  cursor: pointer;
  font-weight: bold;
}

#filter-reset:hover {
  text-decoration: underline;
}

.toolbar .sort-by__select select {
  background-color: white;
  line-height: inherit;
}

.block-layered-nav {
  margin-bottom: 60px;
}

.row--products {
  margin: 0;
}

#category-tree li {
  margin: 0 0 10px;
  padding: 0 0 0 16px;
  position: relative;
}

#category-tree a {
  position: relative;
  z-index: 1;
  font-size: 14px;
}

#category-tree ul {
  max-height: 0;
  overflow: hidden;
  margin: 0;
}

#category-tree li.shown > ul,
#category-tree li.active > ul,
#category-tree li.expanded > ul {
  max-height: 10000px;
  padding: 10px 0 0;
}

#category-tree li.shown > a {
  color: #000;
}

#category-tree li.active > a {
  font-weight: bold;
  color: #006A95;
}

#category-tree .expand {
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
  height: 22px;
  width: 100%;
  z-index: 2;
  cursor: pointer;
}

#category-tree .expand:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  background: url("../images/icon-chev-right.svg") center center no-repeat transparent;
}

#category-tree .shown > .expand:before {
  background: url("../images/icon-chev-down.svg") center center no-repeat transparent;
}

.categories--grid .column {
  height: 338px;
  border-top: 1px solid #ededed;
  border-right: 1px solid #ededed;
  padding: 48px 24px;
  text-align: center;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  position: relative;
}

.categories--grid .column:nth-child(1), .categories--grid .column:nth-child(2), .categories--grid .column:nth-child(3), .categories--grid .column:nth-child(4) {
  border-top: none;
}

.categories--grid .column:nth-child(4n+4) {
  border-right: none;
}

.categories--grid .column:hover {
  -webkit-box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.08);
}

.categories--grid .column a {
  position: absolute;
  top: 48px;
  left: 0;
  width: 100%;
  height: 100%;
}

.categories--grid .column .image {
  margin-bottom: 24px;
}

.categories--grid .column .name {
  font-size: 16px;
  font-weight: bold;
}

.categories--grid .column--home {
  height: 288px;
}

.categories--grid .column--home .image {
  width: 125px;
  height: 125px;
  margin: 0 auto;
}

.categories--grid .column--home .image img {
  width: 100%;
  height: auto;
}

.categories--grid .column--home .name {
  font-size: 14px;
  padding: 0 16px;
}

.categories--grid .column--home.alone {
  border-right: none;
}

.section h2 {
  border-bottom: 1px solid #ededed;
  padding-bottom: 12px;
}

.section--inner {
  margin-left: 16px;
}

.toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  height: 58px;
  border-bottom: 1px solid #dfdfdf;
  font-size: 12px;
  line-height: 14px;
}

.toolbar::before, .toolbar::after {
  display: none;
}

.toolbar__sorter {
  height: 100%;
}

.toolbar .float-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.toolbar .sort-by {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.toolbar .sort-by label {
  display: none;
}

.toolbar .sort-by__select {
  height: 100%;
}

.toolbar .sort-by__select select {
  padding: 10px 50px 10px 24px;
  height: 100%;
  border: none;
  border-right: 1px solid #dfdfdf;
  border-radius: 0;
  font-weight: 700;
  cursor: pointer;
  background-color: white;
  line-height: inherit;
}

.toolbar .view-mode {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 24px;
  color: #303030;
}

.toolbar .view-mode label {
  margin-right: 12px;
  margin-bottom: 0;
  text-transform: none;
  font-variant: none;
  font-size: 12px;
  line-height: 14px;
  font-weight: 700;
  color: #303030;
}

.toolbar .view-mode strong,
.toolbar .view-mode > span {
  background-color: white;
  border: 1px solid #303030;
  width: 26px;
  height: 26px;
  display: inline-block;
  vertical-align: middle;
  margin-right: -1px;
  position: relative;
  top: -2px;
}

.toolbar .view-mode strong svg,
.toolbar .view-mode > span svg {
  position: absolute;
  top: 7px;
  left: 7px;
}

.toolbar .view-mode strong {
  background-color: #303030;
  border: 1px solid #303030;
}

.toolbar .view-mode strong svg {
  fill: #ffffff;
}

.toolbar .view-mode > span {
  -webkit-transition: all 0.05s linear;
  transition: all 0.05s linear;
  cursor: pointer;
}

.toolbar .view-mode > span svg {
  fill: #ffffff;
  -webkit-transition: all 0.05s linear;
  transition: all 0.05s linear;
}

.toolbar .view-mode > span:hover {
  border-color: #303030;
}

.toolbar .view-mode > span:hover svg {
  fill: #dfdfdf;
}

.toolbar .view-mode .grid {
  border-radius: 2px 0 0 2px;
}

.toolbar .view-mode .list {
  border-radius: 0 2px 2px 0;
}

.toolbar .view-mode .compact {
  display: none;
}

.toolbar .view-mode .grid span,
.toolbar .view-mode .list span {
  display: block;
  position: absolute;
  top: 7px;
  left: 7px;
  width: 10px;
  height: 10px;
  background-repeat: no-repeat;
}

.toolbar .view-mode .grid span {
  background: url(../images/view-mode-grid.svg);
}

.toolbar .view-mode .list span {
  background: url(../images/view-mode-list.svg);
}

.toolbar--hr {
  display: none;
}

.row--products {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.product {
  position: relative;
  padding: 48px 24px;
}

.product:hover {
  -webkit-box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.08);
}

.product__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.product__image {
  margin-bottom: 24px;
}

.product__image img {
  width: 100%;
  height: auto;
}

.product__name {
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 13px;
  line-height: 16px;
  height: 48px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.product__attributes {
  font-size: 13px;
  line-height: 15px;
  margin-bottom: 16px;
}

.product__attributes > * {
  margin-bottom: 4px;
  height: 15px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.product__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.product__price.pricewrap-package, .product__price.pricewrap-carton {
  display: none;
}

.product__price .price-unit {
  font-size: 14px;
  text-transform: lowercase;
  margin-right: 8px;
}

.product__price .price-box {
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
}

.product__addtocart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 1;
  max-width: 244px;
  margin: 0 auto;
}

.product__addtocart__qty {
  width: calc(100% - 120px);
  padding-right: 8px;
}

.product__addtocart__qty input {
  padding: 0 8px;
  text-align: center;
}

.product__addtocart__button {
  width: 120px;
  white-space: nowrap;
  padding: 0 8px;
}

.product.product-list {
  width: 100%;
}

.product .product-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.product .product-line__left {
  width: 175px;
}

.product .product-line__right {
  width: calc(100% - 175px);
  padding-left: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.product .product-line__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}

.product .product-line .product__name-attr {
  width: 50%;
}

.product .product-line .product__prices {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.product .product-line .product__price {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.product .product-line .product__addtocart {
  margin-left: auto;
  margin-right: 0;
}

.product .product-line .product__addtocart__qty {
  width: 80px;
}

.product .product-line .product__addtocart__button {
  width: calc(100% - 80px);
}

.product.product-grid .product-item {
  text-align: center;
}

.product.product-grid .product-item .product {
  position: relative;
}

.product.product-grid .product-item .product__status {
  margin-bottom: 16px;
}

.product.product-grid .product-item .product__details .button {
  position: relative;
  z-index: 1;
}

.product.product-grid .product-item .product__details .button:hover {
  text-decoration: none;
}

.stock {
  position: relative;
}

.stock .stock-label {
  color: #E24028;
  font-weight: bold;
  position: relative;
  cursor: pointer;
}

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

.stock .stock-label .stock-icon {
  display: inline-block;
  vertical-align: middle;
  background: url("../images/icon-info.svg") center no-repeat;
  background-size: 16px;
  width: 16px;
  height: 16px;
  margin-left: 4px;
}

.stock__available .stock-label {
  color: #2EA03C;
}

.stock__available:hover .stock-items {
  display: block;
}

.stock .stock-items {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 22px;
  padding: 8px;
  z-index: 2;
  background: white;
  border: 1px solid #303030;
  -webkit-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.05);
}

img:-moz-broken {
  display: none;
}

.block-related {
  margin: 32px 0 0;
}

.block-related .block-title {
  font-size: 22px;
  line-height: 26px;
  margin-bottom: 24px;
}

.block-related .block-content {
  border: 1px solid;
}

.block-related .product {
  padding: 24px;
}

.block-related .product .product-line__left {
  width: 64px;
}

.block-related .product .product-line__right {
  width: calc(100% - 64px);
  padding-left: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.block-related .product .product-line .product__name-attr {
  width: 100%;
}

.block-related .product .product-line .product__name {
  height: auto;
}

.block-related .product .product-line .product__attributes {
  margin-bottom: 0;
}

.block-related .product .product-line .product > .product__details {
  width: calc(100% - 100px);
}

.block-related .product .product-line .product__prices-add {
  width: 100px;
}

.block-related .product .product-line .product__prices-add .button {
  width: 100px;
  padding: 0 4px;
}

.category-description ul {
  padding-left: 16px;
  list-style: disc;
}

.category-description ol {
  padding-left: 16px;
}

.product-view .product-essential {
  padding: 0 0 40px;
}

.product-view .essential-info__readmore {
  display: block;
}

.product-view .col--product-info {
  padding-left: 48px;
}

.product-view .product-name h1 {
  margin-top: 0;
}

.product-view .product-img-box {
  margin-bottom: 32px;
}

.product-view .product-image {
  border: 1px solid #ededed;
  margin: 0;
}

.product-view .product-image img {
  margin: 0;
  width: 100%;
  height: auto;
}

.product-view .product__price {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.product-view .product__price__regular {
  width: 300px;
  margin-bottom: 24px;
}

.product-view .product__price .indicative-wrap--product-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #ddd;
}

.product-view .product__price .indicative-wrap--product-view .indicative {
  margin-left: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.product-view .product__price .indicative-wrap--product-view .indicative .price {
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 0;
  margin-right: 8px;
  font-weight: 400;
}

.product-view .product__price .indicative-your-price {
  display: block;
  margin: 16px 0 8px;
}

.product-view .product__price .price .price {
  font-size: 26px;
  line-height: 28px;
  margin-bottom: 32px;
  font-weight: 700;
}

.product-view .product__price .product__price__unit {
  display: inline-block;
}

.product-view .gallery__wrapper {
  margin-top: 15px;
  margin-bottom: 15px;
}

.product-view .gallery__slide img {
  width: 100%;
  height: auto;
  cursor: pointer;
  border: 1px solid #ededed;
}

.product-view .gallery .swiper-button-next, .product-view .gallery .swiper-button-prev {
  height: 22px !important;
  margin-top: 0 !important;
  background-size: 13px 22px !important;
  -webkit-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
}

.product-view .product-desc {
  padding-bottom: 40px;
  border-bottom: 1px solid #ededed;
}

.product-view .product-desc #main-desc-expand {
  max-height: 43px;
  overflow: hidden;
  -webkit-transition: max-height 0.3s ease;
  transition: max-height 0.3s ease;
  line-height: 21px;
  font-size: 15px;
}

.product-view .product-desc #main-desc-expand.shown {
  max-height: 10000px;
}

.product-view .product-desc #main-desc-expand #main-desc-inner > *:first-child {
  margin-top: 0;
  padding-top: 0;
}

.product-view .product-desc ul {
  margin-top: 0;
  padding-left: 16px;
  list-style: disc;
}

.product-view .product-desc ul li {
  margin-bottom: 0;
}

.product-view .product-desc ol {
  padding-left: 16px;
}

.product-view .product-desc ol li {
  margin-bottom: 0;
}

.product-view .product-desc input {
  opacity: 0;
  position: absolute;
  pointer-events: none;
}

.product-view .product-desc p {
  margin-top: 0;
  margin-bottom: 21px;
}

.product-view .product-desc .desc-label {
  font-family: Arial;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 18px;
  color: #303030;
  text-transform: none;
  font-variant: none;
  margin: 0;
  cursor: pointer;
}

.product-view .utility-icons {
  margin: 32px 0 0;
}

.product-view .product-essential {
  max-width: 530px;
  padding: 40px 0;
  margin-bottom: 40px;
  border-bottom: 1px solid #ededed;
}

.product-view .price-box {
  margin-bottom: 16px;
  font-size: 22px;
  font-weight: 700;
  line-height: 19px;
}

.product-view .price-box .old-price {
  margin: 0;
  font-size: 16px;
  color: #dfdfdf;
  text-decoration: line-through;
  font-weight: 400;
}

.product-view .price-box .special-price {
  margin-top: 8px;
}

.product-view .price-box .price-label {
  display: none;
}

.product-view .add-to-cart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 526px;
}

.product-view .add-to-cart label {
  display: none;
}

.product-view .add-to-cart input {
  max-width: 148px;
  width: 100%;
  margin-right: 8px;
  padding: 0 8px;
  text-align: center;
}

.product-view .add-to-cart button {
  width: calc(100% - 148px);
  white-space: nowrap;
  padding: 0 8px;
  background-color: #303030;
  color: white;
}

.product-view .add-to-cart button:hover {
  background-color: #0e0e0e;
}

.product-collateral {
  margin-left: 272px;
}

.product-collateral .row::after {
  display: none;
}

.product-collateral__menu {
  text-align: left;
  border-bottom: solid 4px #ededed;
  padding: 20px 0 0 0;
  margin-bottom: 12px;
  margin: 0 auto;
}

.product-collateral__menu__item {
  display: inline-block;
  padding: 14px 0;
  position: relative;
  bottom: -4px;
  color: #707070;
  font-size: 18px;
  font-weight: 400;
  cursor: pointer;
  text-align: center;
  width: 250px;
  margin-right: -3px;
}

.product-collateral__menu__item--active {
  border-bottom: 4px solid #303030;
}

.product-collateral__menu__item--active .product-collateral__menu__item__svg svg path {
  fill: #303030;
}

.product-collateral__menu__item--active .product-collateral__menu__item__string {
  color: #303030;
}

.product-collateral__body {
  display: none;
}

.product-collateral__body--active {
  display: block;
}

.product-collateral__body table td {
  padding: 11px 14px;
}

.product-collateral__body--description ul, .product-collateral__body--description ol {
  list-style: inherit;
  padding-left: 14px;
}

.campaign {
  position: absolute;
  top: -16px;
  right: -16px;
}

@media (max-width: 1099px) {
  .block-related .product {
    padding: 12px;
  }
  .block-related .product .product-line .product__prices-add {
    display: none;
  }
  .block-related .product .product-line .product__prices-add .button {
    display: none;
  }
}
#messages_product_view {
  position: fixed;
  top: 10px;
  left: 50%;
  z-index: 10;
  width: 100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
  padding: 0;
}

#messages_product_view .messages > li {
  opacity: 1;
  display: inline-block;
  padding: 20px 24px 20px 88px;
  background-color: #fff;
  -webkit-transition-property: opacity, z-index;
  transition-property: opacity, z-index;
  -webkit-transition-duration: 0.5s, 0s;
  transition-duration: 0.5s, 0s;
  -webkit-transition-delay: 1s, 1.5s;
  transition-delay: 1s, 1.5s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  position: relative;
  font-weight: 600;
  -webkit-box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.08);
}

#messages_product_view .messages > li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 17px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  width: 26px;
  height: 25px;
  z-index: 2;
}

#messages_product_view .messages > li:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 64px;
  height: 100%;
  z-index: 1;
}

#messages_product_view .messages > li.success-msg {
  color: #2EA03C;
}

#messages_product_view .messages > li.success-msg li {
  color: #2EA03C;
}

#messages_product_view .messages > li .error-msg {
  color: #E24028;
}

#messages_product_view .messages > li .error-msg li {
  color: #E24028;
}

#messages_product_view .messages > li.success-msg:before {
  background: url("../images/icon-26px-25px-cart-added.svg") 0 0 no-repeat transparent;
}

#messages_product_view .messages > li.error-msg:before {
  background: url("../images/icon-26px-25px-cart-removed.svg") 0 0 no-repeat transparent;
}

#messages_product_view .messages > li.success-msg:after {
  background-color: #dff0d8;
}

#messages_product_view .messages > li.error-msg:after {
  background-color: #f2dede;
}

#messages_product_view .messages > li li {
  background-color: transparent;
  padding: 0;
  margin: 0;
}

#messages_product_view li.hide {
  display: none;
  opacity: 0;
  z-index: -10;
}

@media (max-width: 991px) {
  #category-tree a {
    font-size: 13px;
  }
  .product-list {
    padding: 24px;
  }
  .product__addtocart__qty {
    width: 64px;
  }
  .product__addtocart__button {
    width: calc(100% - 64px);
  }
  .product .product-line__left {
    width: 100px;
  }
  .product .product-line__right {
    width: calc(100% - 100px);
  }
  .product .product-line .product__attributes > * {
    height: auto;
  }
  .product .product-line .product__sku > * {
    display: block;
  }
}
@media (max-width: 767px) {
  body.show-mobile-filter {
    overflow-y: hidden;
  }
  .show-mobile-filter #catalog--mobile--close {
    display: block;
    position: fixed;
    z-index: 10;
    bottom: 20px;
    left: 20px;
    width: calc(100% - 46px);
  }
  .sidebar .filters-wrap {
    position: fixed;
    left: -100%;
    width: 100%;
    height: 100%;
    top: 0;
    background: rgba(255, 255, 255, 0.94);
    margin: 0;
    padding: 40px 23px 90px;
    z-index: 5;
  }
  .filters-wrap #filters {
    overflow-y: auto;
    height: 100%;
  }
  .show-mobile-filter .sidebar .filters-wrap {
    left: 0;
  }
  .catalog-category-view #category-tree,
.catalog-category-view .sidebar .seller-box,
.catalog-category-view .sidebar > .h3 {
    display: none;
  }
  .catalog-category-view .col2-left-layout .col-left {
    display: block;
  }
  #catalog--mobile--filter.enabled {
    display: block;
    width: 100%;
    margin: 0 0 10px;
  }
  #filters .filter__group--checkbox .filter__group__option {
    position: relative;
    height: 30px;
    overflow-x: hidden;
    overflow-y: visible;
    width: 100%;
  }
  #filters .filter__group--checkbox .filter__group__option input {
    position: absolute;
    top: 0;
    left: -50px;
  }
  #filters .filter__group--checkbox .filter__group__option label {
    padding: 4px 0 0 30px;
    display: block;
  }
  #filters .filter__group--checkbox .filter__group__option label:before {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    border: 2px solid #ededed;
    border-radius: 2px;
    position: absolute;
    top: 0;
    left: 0;
  }
  #filters .filter__group--checkbox .filter__group__option input:checked + label:before {
    border-color: #303030;
    background-color: #303030;
    background-image: url("../images/checkmark-filter.png");
    background-position: center center;
    background-size: 13px auto;
  }
}
@media (max-width: 549px) {
  .toolbar__pager {
    display: none;
  }
  .toolbar .view-mode {
    padding: 0 16px;
  }
  .category-products {
    margin-left: -16px;
    margin-right: -16px;
  }
  .product {
    padding: 24px 16px;
  }
  .product__image {
    margin-bottom: 16px;
    width: 100%;
    max-width: 100px;
    height: auto;
  }
  .product__name {
    font-size: 11px;
    line-height: 13px;
    height: 39px;
  }
  .product__sku > * {
    display: block;
  }
  .product__attributes > * {
    height: 30px;
  }
  .product__price .price-box {
    font-size: 16px;
    line-height: 16px;
  }
  .product__price .price-unit {
    display: none;
  }
  .product__addtocart__qty {
    width: auto;
  }
  .product__addtocart__qty input {
    width: 48px;
  }
  .product__addtocart__button {
    width: 100%;
  }
  .product__addtocart__button__text .hidden {
    display: none;
  }
  .product-list {
    border-bottom: 1px solid #dfdfdf;
  }
  .product-line__left {
    width: 80px !important;
  }
  .product-line__right {
    width: calc(100% - 80px) !important;
    padding-left: 16px;
  }
  .product-line .product__name-attr {
    width: 100% !important;
  }
  .product-line .product__attributes {
    display: none;
  }
  .product-line .product__prices {
    width: 100% !important;
  }
  .product-line .product__addtocart__qty {
    width: 60px !important;
  }
  .product-line .product__addtocart__button {
    width: calc(100% - 60px) !important;
  }
}
@media (max-width: 399px) {
  .product__attributes {
    display: none;
  }
}
#loginas {
  background-color: #303030;
  padding: 8px 0;
}

#loginas .loginas--container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 1440px;
  padding-left: 16px;
  padding-right: 16px;
  margin: 0 auto;
}

#loginas .loginas--container label {
  line-height: 30px;
  margin: 0 8px 0 0;
  color: white;
  font-weight: 400;
}

#loginas .loginas--container select {
  line-height: 30px;
  border-radius: 0;
}

#loggedinas {
  display: inline-block;
  vertical-align: top;
  position: absolute;
  top: 26px;
  right: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  line-height: 21px;
  -webkit-transition: -webkit-box-shadow 0.2s ease;
  transition: -webkit-box-shadow 0.2s ease;
  transition: box-shadow 0.2s ease;
  transition: box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease;
  width: 250px;
}

#loggedinas:hover {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

#loggedinas.admin {
  padding: 24px 24px 24px 72px;
  border: 1px solid #000;
  /* ved ikke om det skal skjules men nu bliver det skjult */
  display: none;
  /* nemlig ja */
}

#loggedinas.admin:before {
  content: "";
  width: 47px;
  top: 0;
  left: 0;
  height: 100%;
  display: block;
  background-color: #000;
  position: absolute;
}

#loggedinas.admin:after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  top: 39px;
  left: 16px;
  position: absolute;
  background: url("../images/icon-info-white.svg") 0 0 no-repeat transparent;
}

#loggedinas.admin .text .underlined {
  font-weight: 400;
  text-decoration: underline;
}

#loggedinas.customer a {
  padding: 5px 20px 5px 60px;
  display: block;
}

#loggedinas.customer a:hover {
  text-decoration: none;
}

#loggedinas .inline {
  display: inline;
}

#loggedinas .initials {
  display: table;
  position: absolute;
  top: 5px;
  left: 5px;
  width: 40px;
  height: 40px;
}

#loggedinas .initials .label {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  border-radius: 50%;
  background-color: #dfdfdf;
  text-align: center;
}

#loggedinas .customer-info .customer-name {
  font-weight: 700;
  color: #303030;
  font-size: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#loggedinas .customer-info .customer-company {
  color: #707070;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#loggedinas .customer-info span {
  display: block;
}

@media (max-width: 991px) {
  #loggedinas {
    top: 16px;
  }
}
@media (max-width: 839px) {
  #loggedinas {
    font-size: 14px;
  }
  #loggedinas.customer a {
    padding: 5px 20px 5px 45px;
  }
  #loggedinas .initials {
    width: 30px;
    height: 30px;
    font-size: 12px;
    line-height: 12px;
  }
  #loggedinas .customer-info .customer-name {
    font-size: 14px;
  }
  #loggedinas .customer-info .customer-company {
    font-size: 12px;
  }
  #loggedinas .customer-info .customer-budget {
    height: 20px;
    line-height: 20px;
  }
  #loggedinas .customer-info .customer-budget::before {
    top: -4px;
    left: -37px;
    width: 24px;
    height: 24px;
    background: url("../images/icon-wallet-medium.svg") center no-repeat;
  }
}
@media (max-width: 549px) {
  #loggedinas {
    position: relative;
    top: -22px;
    width: 100%;
  }
}
/* TOPMEDIA */
.topmedia-wrap {
  margin-top: -45px;
}

.container--topmedia {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.topmedia {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: #dfdfdf;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}

.topmedia__ar {
  max-width: 100%;
  height: auto;
  display: block;
}

.topmedia__inner {
  max-width: 500px;
  position: relative;
  top: calc(50% + 16px);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.topmedia__inner--white {
  color: white;
}

.topmedia--position-1 .topmedia__inner {
  left: 0;
}

.topmedia--position-2 .topmedia__inner {
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.topmedia--position-3 .topmedia__inner {
  right: 0;
}

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

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

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

.topmedia.front {
  z-index: 3;
}

.topmedia.fadein {
  z-index: 2;
}

.topmedia.fadeout {
  opacity: 0;
}

.topmedia h1 {
  margin: 0 0 24px;
  line-height: 70px;
  font-size: 70px;
  font-weight: 700;
}

.topmedia p {
  font-size: 18px;
  margin: 16px 0;
}

.topmedia .button {
  margin-top: 16px;
}

.topmedia_controls {
  position: absolute;
  z-index: 4;
  bottom: 16px;
  left: 0;
  right: 0;
  text-align: center;
  height: 16px;
}

.topmedia_controls span {
  display: inline-block;
  vertical-align: top;
  margin: 0 2px;
  width: 10px;
  height: 10px;
  cursor: pointer;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  border: 1px solid transparent;
}

.topmedia_controls span.active {
  background-color: #707070;
  border-color: white;
}

@media (max-width: 1339px) {
  .topmedia h1 {
    font-size: 55px;
    line-height: 55px;
  }
  .topmedia p {
    font-size: 16px;
  }
}
@media (max-width: 1139px) {
  .topmedia h1 {
    font-size: 40px;
    line-height: 40px;
  }
}
@media (max-width: 991px) {
  .topmedia-wrap {
    margin-top: -35px;
  }
  .topmedia__ar {
    height: auto;
  }
  .topmedia h1 {
    font-size: 30px;
    line-height: 30px;
  }
}
@media (max-width: 839px) {
  .topmedia-wrap {
    margin-top: -25px;
  }
  .topmedia__ar {
    height: auto;
  }
  .topmedia h1 {
    font-size: 30px;
    line-height: 30px;
  }
}
@media (max-width: 767px) {
  .topmedia h1 {
    font-size: 32px !important;
    line-height: 40px !important;
  }
  .topmedia--has-small-image {
    position: relative;
  }
  .topmedia--has-small-image.front .topmedia__image-for-small {
    display: block !important;
    width: 100%;
    height: auto;
  }
  .topmedia__ar {
    height: 300px;
  }
  .topmedia__ar--hidden {
    display: none;
  }
}
.topmedia-wrap {
  margin-top: 0;
}

.topmedia-wrap .container--widest {
  max-width: 100%;
}

.topmedia__link-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.topmedia__image-for-small {
  display: none;
}

.topmedia__ar {
  max-height: 440px;
}

.topmedia__inner h1, .topmedia__inner h2, .topmedia__inner h3 {
  margin-top: 0;
}

.topmedia--position-1 .topmedia__inner, .topmedia--position-2 .topmedia__inner, .topmedia--position-3 .topmedia__inner {
  top: 50%;
}

.topmedia h1 {
  font-size: 60px;
  line-height: 76px;
}

.topmedia h2 {
  margin-bottom: 0;
}

/* TOPMEDIA SLUT */
/* INFOBOXES */
.infoboxes-wrap {
  padding: 80px 0;
}

.infobox {
  line-height: normal;
  max-width: 310px;
  margin: 0 auto;
}

.infobox > * {
  float: left;
}

.infobox::after {
  content: "";
  clear: both;
  display: table;
}

.infobox__icon {
  width: 48px;
  height: 48px;
  background-size: 48px 48px;
  background-position: center;
  background-repeat: no-repeat;
}

.infobox__icon--help {
  background-image: url("../images/icons/icon-48px-help.svg");
}

.infobox__icon--padlock {
  background-image: url("../images/icons/icon-48px-padlock.svg");
}

.infobox__icon--call {
  background-image: url("../images/icons/icon-48px-call.svg");
}

.infobox__content {
  width: calc(100% - 48px);
  max-width: 260px;
  padding-left: 16px;
}

.infobox__link-text {
  color: #006A95;
  font-weight: 600;
}

.infobox h3 {
  font-weight: 600;
  line-height: normal;
  font-size: 18px;
  margin: 0 0 8px;
}

.infobox p {
  margin: 8px 0;
}

.infobox a {
  font-weight: 600;
  position: relative;
}

.infobox a::after {
  content: "";
  height: 2px;
  width: 0;
  background-color: #303030;
  position: absolute;
  left: 0;
  bottom: -6px;
  -webkit-transition: width 0.2s ease-in-out;
  transition: width 0.2s ease-in-out;
}

.infobox a:hover::after {
  width: 100%;
}

@media (max-width: 991px) {
  .infobox__icon {
    width: 32px;
    height: 32px;
    background-size: 32px 32px;
  }
  .infobox__content {
    line-height: 1.15;
  }
  .infobox h3 {
    font-size: 14px;
    margin: 0 0 4px;
    line-height: 1.15;
  }
  .infobox p {
    font-size: 14px;
    margin: 0 0 4px;
    line-height: 1.15;
  }
  .infobox a {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .infoboxes-wrap {
    padding: 40px 0;
  }
  .infoboxes-wrap .row {
    margin-right: 0;
    margin-left: 0;
  }
  .infoboxes-wrap .col--xs-4 {
    padding: 0 5px;
  }
  .infoboxes-wrap .col--xs-4:first-child {
    padding-left: 0;
  }
  .infoboxes-wrap .col--xs-4:last-child {
    padding-right: 0;
  }
  .infobox {
    padding: 16px 0;
  }
  .infobox__icon {
    width: 40px;
    height: 40px;
    background-size: 40px 40px;
    float: none;
    margin: 0 auto 20px;
  }
  .infobox__content {
    width: 100%;
    float: none;
    padding: 0;
    text-align: center;
    max-width: 100%;
    line-height: 1.15;
  }
  .infobox h3 {
    line-height: 1.15;
  }
  .infobox a::after {
    display: none;
  }
}
@media (max-width: 639px) {
  .infoboxes-wrap {
    padding: 16px 0;
  }
  .infobox__icon {
    margin-bottom: 10px;
  }
  .infobox h3, .infobox p, .infobox a {
    font-size: 12px;
    display: block;
  }
  .infobox p {
    margin: 0;
  }
  .infobox a {
    margin-top: 4px;
  }
}
.infoboxes-wrap {
  background-color: #dfdfdf;
  padding: 0;
}

.infoboxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 28px 0;
}

.infobox {
  opacity: 0.8;
  max-width: none;
  position: relative;
}

.infobox:hover {
  opacity: 1;
}

.infobox__icon {
  width: 24px;
  height: 24px;
  margin: 0 auto;
  background-size: 24px;
}

.infobox__content {
  width: calc(100% - 24px);
  margin: 0;
  max-width: none;
}

.infobox__content h3 {
  color: #707070;
  line-height: 24px;
  margin: 0;
}

.infobox__content p {
  line-height: 1;
  margin: 0;
  margin-top: 4px;
}

.infobox__content a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.infobox__content a:hover::after {
  display: none;
}

.infobox__link-wrap {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.infobox__link-wrap:hover::after {
  display: none;
}

/* INFOBOXES SLUT */
/* DEPARTMENTS */
.contentmanager-contenttype-front-page .departments-wrap--bottom {
  display: none;
}

.departments-wrap {
  margin: 80px 0;
}

.departments-container {
  max-width: 1140px;
}

.departments-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.department {
  background: white;
  -webkit-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.05);
  padding: 32px 16px 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  position: relative;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.department:hover {
  -webkit-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
}

.department--blue {
  color: #00A6CE;
}

.department--blue a {
  color: #00A6CE;
}

.department--orange {
  color: #F38A00;
}

.department--orange a {
  color: #F38A00;
}

.department--green {
  color: #016836;
}

.department--green a {
  color: #016836;
}

.department__overlay-link {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.department__logo {
  width: 70px;
  height: 70px;
}

.department__content {
  width: calc(100% - 70px);
  padding-left: 32px;
}

.department__title {
  font-size: 26px;
  line-height: 30px;
  font-weight: 600;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 16px;
  white-space: nowrap;
}

.department__text {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 16px;
}

.department__link {
  position: absolute;
  bottom: 32px;
  font-weight: 600;
}

@media (max-width: 1099px) {
  .departments-wrap {
    margin: 40px 0;
  }
  .department {
    padding-bottom: 40px;
  }
  .department__logo {
    width: 50px;
    height: 50px;
  }
  .department__content {
    width: calc(100% - 50px);
    padding-left: 16px;
  }
  .department__title {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 8px;
  }
  .department__text {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 8px;
  }
  .department__link {
    bottom: 16px;
  }
}
@media (max-width: 849px) {
  .departments-wrap {
    margin: 40px 0;
  }
  .department {
    display: block;
    text-align: center;
  }
  .department__logo {
    width: 70px;
    height: 70px;
  }
  .department__content {
    width: 100%;
    padding: 0;
  }
  .department__link {
    left: 0;
    right: 0;
  }
}
@media (max-width: 767px) {
  .departments-row {
    margin-left: -8px;
    margin-right: -8px;
  }
  .department-col {
    padding-left: 8px;
    padding-right: 8px;
  }
  .department__text {
    display: none;
  }
}
@media (max-width: 499px) {
  .departments-wrap {
    margin: 0 0 40px;
  }
  .departments-container {
    padding: 0;
  }
  .departments-row {
    margin-left: -2px;
    margin-right: -2px;
  }
  .department-col {
    padding-left: 2px;
    padding-right: 2px;
  }
  .department {
    padding: 16px 8px 32px;
  }
  .department__logo {
    width: 40px;
    height: 40px;
  }
  .department__title {
    font-size: 14px;
  }
}
/* DEPARTMENTS SLUT */
/* TILES */
.tile-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.tile {
  background: #FFFFFF;
  -webkit-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.05);
  height: 100%;
  position: relative;
}

.tile:hover {
  -webkit-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
}

.tile__ar {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 290px;
  display: block;
}

.tile__inner {
  padding: 32px;
}

.tile h2 {
  margin-top: 0;
}

.tile__linkwrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (max-width: 767px) {
  .tilewrap {
    width: 100%;
    margin-bottom: 32px;
  }
}
@media (max-width: 549px) {
  .tile {
    padding: 16px;
  }
  .tile__ar {
    height: 220px;
  }
  .tile h2 {
    font-size: 24px;
    margin-bottom: 16px;
  }
}
/* TILES SLUT */
/* OUR BRANDS */
.ourbrands-list {
  margin: 40px 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ourbrands-list__item {
  width: 16.6%;
  height: 190px;
  text-align: center;
}

.ourbrands-list__item__link {
  display: block;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.ourbrands-list__item__link.no-link {
  cursor: default;
}

@media (max-width: 1299px) {
  .ourbrands-list__item {
    height: 150px;
  }
}
@media (max-width: 991px) {
  .ourbrands-list__item {
    width: 25%;
    height: 110px;
  }
}
@media (max-width: 599px) {
  .ourbrands-list__item {
    width: 33.33%;
    height: 90px;
  }
}
@media (max-width: 459px) {
  .ourbrands-list__item {
    width: 50%;
  }
}
/* OUR BRANDS SLUT */
.sidebar dl dd {
  margin: 0;
}

.sidebar ol {
  padding: 0;
  list-style: none;
}

.sidebar ol li {
  margin-bottom: 16px;
}

/* DEFAULT TABLES & CART-TABLE */
.table-responsive {
  overflow-x: auto;
  width: 100%;
}

.data-table {
  width: 100%;
  color: #707070;
  margin-bottom: 32px;
}

.data-table h1, .data-table h2, .data-table h3, .data-table h4 {
  font-size: inherit;
  line-height: inherit;
  margin: inherit;
}

.data-table th {
  text-align: left;
  padding: 16px;
  border-bottom: 1px solid #dfdfdf;
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
  letter-spacing: 0.01em;
  font-variant: small-caps;
  white-space: nowrap;
}

.data-table th:first-child {
  padding-left: 0;
}

.data-table th:last-child {
  padding-right: 0;
}

.data-table td {
  padding: 24px 16px 24px;
  border-bottom: 1px solid #dfdfdf;
  white-space: nowrap;
}

.data-table td:first-child {
  padding-left: 0;
}

.data-table td:last-child {
  padding-right: 0;
}

.cart-table__image-name > * {
  display: inline-block;
  vertical-align: middle;
  margin-right: -4px;
}

.cart-table__image-name .product-name {
  color: #303030;
  padding-left: 24px;
}

.cart-table__image-name .product-name a:hover {
  text-decoration: none;
}

.cart-table .product-sku .th-name {
  display: none;
}

.cart-table .product-qty input {
  background-color: #ededed;
  border: none;
  border-radius: 2px;
  color: #707070;
  height: 32px;
  line-height: 32px;
  padding: 0 16px;
  width: 70px;
  text-align: center;
  margin-right: 2px;
}

.cart-table .product-qty span {
  text-transform: lowercase;
}

#cart-totals {
  margin: 32px 0;
}

#shopping-cart-totals-table,
#cart-totals-review {
  width: 100%;
  max-width: 500px;
  margin-left: auto;
}

#shopping-cart-totals-table colgroup,
#cart-totals-review colgroup {
  display: none;
}

#shopping-cart-totals-table td,
#cart-totals-review td {
  text-align: right;
  width: 50%;
}

#cart .update {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#cart .update a {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

#cart .update .float-right {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.dynamiccheckout-section {
  margin-bottom: 48px;
}

.dynamiccheckout-section .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.dynamiccheckout-section .inline-link {
  margin-top: 16px;
}

.dynamiccheckout--bottom .dynamiccheckout-section {
  margin-bottom: 24px;
}

.dynamiccheckout .block {
  padding: 24px;
  border: 1px solid #dfdfdf;
  height: 100%;
}

#dynamiccheckout-submit {
  margin: 32px 0;
}

/* CONTACT FORM */
#contactForm {
  max-width: 720px;
}

#contactForm .field {
  margin-bottom: 16px;
}

#contactForm input[type=text],
#contactForm input[type=password],
#contactForm input[type=number],
#contactForm textarea {
  max-width: 100%;
}

#contactForm .field {
  margin-bottom: 16px;
}

#contactForm input[type=text],
#contectForm input[type=password],
#contactForm input[type=number],
#contactForm textarea {
  max-width: none;
}

#contactForm textarea {
  height: 200px;
}

/* FNE EMPLOYEES */
.employee-department {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.employee-col {
  margin-bottom: 32px;
}

.employee {
  background: white;
  -webkit-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.05);
  height: 100%;
  padding: 42px 16px;
  text-align: center;
}

.employee__picture {
  max-width: 75px;
  height: 75px;
  border-radius: 50%;
  margin: 0 auto;
  width: 100%;
  position: relative;
}

.employee__picture--placeholder {
  background: url(../images/icon-userprofile.svg) center no-repeat #EDEDED;
  background-size: 20px 24px;
}

.employee__picture img {
  width: 100%;
  height: 100%;
  display: block;
}

.employee__content {
  margin-top: 24px;
}

.employee__name {
  font-size: 16px;
  margin: 0;
  white-space: nowrap;
}

.employee__title {
  height: 40px;
  margin-top: 8px;
  display: block;
  line-height: 1.15;
}

.employee a {
  display: block;
  font-weight: 400;
  margin-bottom: 4px;
}

@media (max-width: 767px) {
  .infoboxes {
    padding: 0;
  }
  .infobox__icon {
    width: 24px;
    height: 24px;
    background: 24px;
    float: left;
    margin: 0 auto;
  }
  .infobox__content {
    width: calc(100% - 24px);
    margin: 0;
    max-width: none;
    padding-left: 8px;
    float: left;
  }
}
@media (max-width: 649px) {
  .infobox {
    padding: 10px 0;
  }
  .infobox__icon {
    float: none;
  }
  .infobox__content {
    float: none;
    width: 100%;
    text-align: center;
    padding: 0;
  }
  .infobox__content p {
    margin: 0 !important;
  }
}
@media (max-width: 549px) {
  .employee-col {
    width: 100%;
  }
}
@media (max-width: 499px) {
  .infoboxes-wrap .container {
    padding: 0;
  }
  .infobox__box {
    margin-bottom: 0px;
  }
  .infobox__content h3 {
    line-height: 14px;
    margin-bottom: 4px;
  }
}
@media (max-width: 439px) {
  .infoboxes {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.ui-helper-hidden {
  display: none;
}

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

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-front {
  z-index: 100;
}

.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
}

.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: center;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: 0.5em;
  top: 0.3em;
}

.ui-widget {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1em;
}

.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5;
}

.ui-widget-content {
  border: 1px solid #ddd;
  background: #fff;
  color: #333;
}

.ui-widget-content a {
  color: #333;
}

.ui-widget-header {
  border: 1px solid #ddd;
  background: #e9e9e9;
  color: #333;
  font-weight: bold;
}

.ui-widget-header a {
  color: #333;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
  color: #454545;
  text-decoration: none;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
  border: 1px solid #ccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b;
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none;
}

.ui-visual-focus {
  -webkit-box-shadow: 0 0 3px 1px #5e9ed6;
  box-shadow: 0 0 3px 1px #5e9ed6;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  border: 1px solid #ddd;
  background: #888;
  font-weight: normal;
  color: #fff;
}

.ui-icon-background, .ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #fff;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #fff;
  text-decoration: none;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620;
}

.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90;
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #777620;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
}

.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon, .ui-widget-content .ui-icon {
  background-image: url("../../default/images/icons/ui-icons_444444_256x240.png");
}

.ui-widget-header .ui-icon {
  background-image: url("../../default/images/icons/ui-icons_444444_256x240.png");
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon {
  background-image: url("../../default/images/icons/ui-icons_555555_256x240.png");
}

.ui-state-active .ui-icon, .ui-button:active .ui-icon {
  background-image: url("../../default/images/icons/ui-icons_ffffff_256x240.png");
}

.ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon {
  background-image: url("../../default/images/icons/ui-icons_777620_256x240.png");
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url("../../default/images/icons/ui-icons_cc0000_256x240.png");
}

.ui-button .ui-icon {
  background-image: url("../../default/images/icons/ui-icons_777777_256x240.png");
}

.ui-icon-blank {
  background-position: 16px 16px;
}

.ui-icon-caret-1-n {
  background-position: 0 0;
}

.ui-icon-caret-1-ne {
  background-position: -16px 0;
}

.ui-icon-caret-1-e {
  background-position: -32px 0;
}

.ui-icon-caret-1-se {
  background-position: -48px 0;
}

.ui-icon-caret-1-s {
  background-position: -65px 0;
}

.ui-icon-caret-1-sw {
  background-position: -80px 0;
}

.ui-icon-caret-1-w {
  background-position: -96px 0;
}

.ui-icon-caret-1-nw {
  background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
  background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-top-left-radius: 3px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  border-top-right-radius: 3px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-bottom-left-radius: 3px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-bottom-right-radius: 3px;
}

.ui-widget-overlay {
  background: #aaa;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
  -webkit-box-shadow: 0 0 5px #666;
  box-shadow: 0 0 5px #666;
}

/* ARTICLES */
.article-wrap {
  margin-bottom: 40px;
}

.article {
  padding-bottom: 0;
  max-width: 720px;
  margin-bottom: 0;
  padding-bottom: 0;
}

.article__date {
  background-color: #dfdfdf;
  margin-bottom: 8px;
}

.article .button {
  margin-bottom: 8px;
}

.article__content--columns {
  -webkit-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 4%;
  column-gap: 4%;
}

@media (max-width: 449px) {
  .article__content--columns {
    -webkit-columns: unset;
    columns: unset;
  }
}
.article__content p {
  margin-top: 0;
}

.article__content ul {
  list-style: disc;
  padding-left: 20px;
}

.article__content ul li {
  margin-bottom: 4px;
}

.article__content ol {
  list-style: decimal;
  padding-left: 20px;
}

.article__content ol li {
  margin-bottom: 4px;
}

.article__image {
  display: block;
}

.article__image img {
  max-width: 100%;
  height: auto;
}

.article__intro-text {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 24px;
}

.col--left {
  float: left;
  width: 240px;
  min-height: 10px;
  padding: 0 16px 0 0;
  position: relative;
}

.col--right {
  float: right;
  width: 293px;
  padding: 0 16px;
  position: relative;
}

.col--right.sidebar .tile__top {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.col--right.sidebar .tile__top__left {
  margin: 0 auto;
}

.col--right.sidebar .tile__top__right {
  padding: 16px 0 0;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}

.col--main {
  float: left;
  width: calc(100% - 293px);
  padding: 0 16px;
  position: relative;
}

.col--main--3col {
  width: calc(100% - 533px) !important;
}

@media (max-width: 1059px) {
  .article-bottom-tiles .container {
    padding-left: 0;
    padding-right: 0;
  }
}
.article-bottom-tiles .tile-row {
  margin-left: -4px;
  margin-right: -4px;
}

.article-bottom-tiles .tilewrap {
  width: 33.33%;
  padding: 0 4px;
  margin-bottom: 8px;
}

@media (max-width: 767px) {
  .article-bottom-tiles .tilewrap {
    width: 50%;
  }
}
@media (max-width: 649px) {
  .article-bottom-tiles .tilewrap {
    width: 100%;
  }
}
.article-bottom-tiles .tile__ar {
  max-height: 360px;
}

@media (max-width: 991px) {
  .article-bottom-tiles .tile__ar {
    max-height: 210px;
  }
}
.sidebar__menu-toggle {
  display: none;
  font-size: 16px;
  height: 50px;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

@media (max-width: 767px) {
  .sidebar__menu-toggle {
    display: block;
  }
  .sidebar__menu-toggle.is-toggled {
    background-color: #303030;
    color: white;
  }
  .sidebar__menu-toggle.is-toggled span {
    top: -50px;
  }
  .sidebar__menu-toggle.is-toggled span svg {
    fill: white;
  }
}
.sidebar__menu-toggle span {
  display: block;
  height: 50px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
}

.sidebar__menu-toggle span svg {
  position: relative;
  top: -2px;
  margin-right: 10px;
  fill: #303030;
}

@media (max-width: 767px) {
  .sidebar__menu {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.35s cubic-bezier(0.65, 0.05, 0.36, 1);
    transition: max-height 0.35s cubic-bezier(0.65, 0.05, 0.36, 1);
    margin-bottom: 24px;
  }
  .sidebar__menu.is-active {
    max-height: 5000px;
    border: 1px solid #303030;
  }
  .sidebar__menu ul {
    margin-top: 0;
    margin-bottom: 0;
  }
  .sidebar__menu ul li {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
  }
  .sidebar__menu ul li a {
    padding: 16px 16px 17px;
    display: block;
    border-bottom: 1px solid #303030;
    position: relative;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
  }
  .sidebar__menu ul li:last-child a {
    border-bottom: none;
  }
}
.sidebar .tile-row .tilewrap {
  margin: 8px 0 0;
}

.sidebar .sidebar-news__inner {
  background-color: #dfdfdf;
  -webkit-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  padding: 24px;
}

.sidebar .sidebar-news__inner:hover {
  -webkit-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
}

.sidebar .sidebar-news h2 {
  margin: 0 0 16px;
  font-size: 20px;
  line-height: 110%;
  color: #303030;
}

.sidebar .sidebar-news__item {
  margin-bottom: 16px;
  color: #707070;
}

.sidebar .sidebar-news__item:last-child {
  margin-bottom: 0;
}

.sidebar .sidebar-news__item a {
  color: #707070;
  line-height: 130%;
  display: block;
}

.sidebar .sidebar-news__item .ct-field {
  line-height: 110%;
  font-size: 12px;
  line-height: 14px;
}

.sidebar .container {
  padding: 0 !important;
}

.sidebar__menu ul li.menu-item-active > a {
  color: #303030;
}

.sidebar__menu ul li a:hover {
  color: #303030;
}

.sidebar .tilewrap {
  margin: 0 0 8px;
  padding: 0;
}

.sidebar .tile-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: unset;
  flex-wrap: unset;
  margin: 0;
}

.sidebar .tile {
  height: 100%;
}

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

.sidebar .tile__ar {
  display: block;
  max-height: 210px;
}

.sidebar .tile__inner {
  padding: 24px;
  height: auto;
}

.sidebar .tile__top {
  top: 0;
  -webkit-transform: none;
  transform: none;
  font-weight: 400;
  line-height: 120%;
  margin: 0;
}

.sidebar .tile__top h2 {
  font-size: 20px;
  line-height: 110%;
  margin: 0;
}

.sidebar .tile__content {
  margin: 0;
}

.sidebar .tile__content p {
  margin: 8px 0;
  opacity: 0.75;
}

.sidebar .tile__content a {
  opacity: 0.75;
}

.sidebar .tile__content a:hover {
  opacity: 1;
}

.sidebar .tile__subtext {
  margin: 8px 0;
  display: block;
}

@media (max-width: 1059px) {
  .sidebar .sidebar-news {
    padding: 0;
  }
  .sidebar .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .sidebar .tile-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    height: 100%;
    margin: 0 -4px !important;
  }
  .sidebar .tilewrap {
    padding: 0 4px !important;
    width: 50%;
  }
  .sidebar .tile__top {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .sidebar .tile__top h2 {
    margin-bottom: 16px !important;
  }
  .sidebar .tile__top__right {
    padding-top: 0 !important;
    padding-left: 16px !important;
    text-align: left !important;
    width: calc(100% - 45px) !important;
  }
  .col--main--3col {
    width: calc(100% - 240px) !important;
  }
  .col--right {
    width: 100%;
    padding: 40px 0 0;
  }
}
@media (max-width: 991px) {
  .article-wrap {
    margin-bottom: 8px;
  }
  .col--right.sidebar .tile__inner,
.tile__inner {
    padding: 24px !important;
  }
  .col--right.sidebar .tile__top--flex,
.tile__top--flex {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .col--right.sidebar .tile__top__left,
.tile__top__left {
    width: 70px !important;
  }
  .col--right.sidebar .tile__top__right,
.tile__top__right {
    padding: 0 !important;
    width: 100% !important;
    margin-top: 16px !important;
    text-align: center !important;
  }
  .col--right.sidebar .tile__top,
.tile__top {
    text-align: center;
  }
  .col--left {
    width: 200px;
  }
  .col--main--3col {
    width: calc(100% - 200px);
  }
}
@media (max-width: 767px) {
  .article-wrap {
    margin-top: 44px;
  }
  .col--left {
    width: 100%;
    padding: 0;
  }
  .col--main {
    width: 100% !important;
    padding: 0;
  }
}
@media (max-width: 649px) {
  .sidebar .tile-row {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .sidebar .tilewrap {
    width: 100% !important;
  }
}
@media (max-width: 549px) {
  .article-wrap {
    margin: 0;
  }
  .sidebar__menu {
    margin-bottom: 16px;
  }
  .sidebar .tile {
    padding: 0;
  }
  .tile h2 {
    font-size: 18px;
    line-height: 21px;
  }
}
.faq-list-wrap {
  padding: 80px 0;
}

.faq-list-wrap__title {
  margin-bottom: 32px;
}

.faq-list {
  max-width: 800px;
}

.faq-list__item {
  margin-bottom: 32px;
}

.faq-list__item__title {
  font-weight: bold;
  font-size: 18px;
  line-height: 21px;
  position: relative;
  cursor: pointer;
  margin: 0 0 16px;
  padding-left: 28px;
}

.faq-list__item__title::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 12px;
  height: 20px;
  background: url("../images/icon-plus.svg") center no-repeat;
  background-size: 12px;
  margin-right: 10px;
}

.faq-list__item__title--active::before {
  background: url("../images/icon-minus.svg") center no-repeat;
}

.faq-list__item__content {
  display: none;
  padding-left: 28px;
}

.faq-list__item__content--open {
  display: block;
}

.seller-box {
  background-color: white;
  border: 1px solid #606060;
  border-radius: 2px;
  margin: 60px 0;
  max-width: 240px;
}

.seller-box__title {
  padding: 24px;
  font-weight: bold;
  font-size: 18px;
  line-height: 21px;
  margin: 0;
}

.seller-box__image {
  width: 100%;
  height: auto;
}

.seller-box__content {
  padding: 24px;
  font-weight: bold;
  font-size: 16px;
  line-height: 18px;
}

.seller-box__phone {
  font-weight: bold;
  font-size: 22px;
  line-height: 25px;
  margin-bottom: 8px;
}

.show-on-mobile .seller-box {
  margin: 0;
}

.wrapper #co-modal-box {
  border-radius: 0;
  background: none #fff;
  -webkit-box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.08);
}

.wrapper #co-modal-box #modal-header {
  background: white;
  border-radius: 0;
}

.wrapper #co-modal-box #close-dialog-button,
.wrapper #co-modal-box #close-dialog-button:hover {
  top: 10px;
  right: 12px;
  background-size: 16px auto;
  width: 16px;
  height: 18px;
  border-radius: 0;
  background: url("../images/icon-16px-close.svg") 0 0 no-repeat transparent;
}

.wrapper #co-modal-box #modal-content,
.wrapper #co-modal-box.no-border #modal-content {
  padding: 0 18px;
  border-radius: 0;
  border: none;
}

.wrapper #co-modal-box.no-header #modal-content,
.wrapper #co-modal-box.no-border.no-header #modal-content {
  padding: 18px;
  border-radius: 0;
  border: none;
}

.wrapper .modalbox-content--footer {
  padding: 0 18px 18px;
  text-align: right;
}

.modal__notice {
  display: block;
  position: relative;
  background-color: #fff;
  -webkit-box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.08);
  border-radius: 2px;
  font-size: 16px;
  padding: 16px 0 16px 88px;
  margin: 0 0 30px;
}

.modal__notice:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 17px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  width: 26px;
  height: 25px;
  z-index: 2;
}

.modal__notice--success:before {
  background: url("../images/icon-26px-25px-cart-added.svg") 0 0 no-repeat transparent;
}

.modal__notice--error:before {
  background: url("../images/icon-26px-25px-cart-removed.svg") 0 0 no-repeat transparent;
}

.modal__notice:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 64px;
  height: 100%;
  z-index: 1;
}

.modal__notice--success:after {
  background-color: #dff0d8;
}

.modal-login#co-modal-box {
  width: calc(100% - 32px) !important;
  max-width: 1054px;
  height: 576px !important;
  margin: 0 !important;
  -webkit-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
  top: 50% !important;
  left: 50% !important;
}

.modal-login#co-modal-box #modal-header {
  height: 60px !important;
}

.modal-login#co-modal-box #modal-header #close-dialog-button {
  top: 24px !important;
  right: 24px !important;
  width: 20px !important;
  height: 20px !important;
  background-size: 20px !important;
}

.modal-login#co-modal-box #modal-content {
  overflow: hidden !important;
  padding: 0 80px 80px !important;
}

.modal-login#co-modal-box #modal-content .buttons-set {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .modal-login#co-modal-box #modal-content {
    padding: 0 48px 48px !important;
  }
}
@media (max-width: 599px) {
  .modal-login#co-modal-box #modal-content {
    padding: 0 48px 48px !important;
  }
  .modal-login#co-modal-box #modal-content .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .modal-login#co-modal-box #modal-content .new-users {
    width: 100%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .modal-login#co-modal-box #modal-content .registered-users {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .modal-login#co-modal-box #modal-content .buttons-set {
    margin-bottom: 40px;
  }
  .modal-login#co-modal-box #modal-content .buttons-set .button--login {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
  }
  .modal-login#co-modal-box #modal-content .buttons-set .forgot-password {
    display: inline-block;
    vertical-align: middle;
    margin-left: 32px;
    font-size: 14px;
  }
}
@media (max-width: 399px) {
  .modal-login#co-modal-box #modal-content {
    padding: 0 16px 16px !important;
  }
}
#modal-content .navtabs {
  border-bottom: 4px solid #dfdfdf;
  position: relative;
  margin-bottom: 40px;
}

#modal-content .navtabs .navtabs__item {
  width: 25%;
  display: inline-block;
  padding: 14px 0;
  position: relative;
  color: #606060;
  font-size: 18px;
  font-weight: 400;
  cursor: pointer;
  text-align: center;
  margin-right: -4px;
  border-bottom: 4px solid #dfdfdf;
}

#modal-content .navtabs .navtabs__item.active, #modal-content .navtabs .navtabs__item:hover {
  color: #303030;
  border-bottom: solid 4px #303030;
}

#modal-content .navtabcontents {
  width: 100%;
}

#modal-content .input-box {
  position: relative;
  margin-bottom: 16px;
}

#modal-content .validation-advice {
  top: -25px;
}

.customer-budget {
  position: relative;
  height: 36px;
  line-height: 42px;
}

.customer-budget::before {
  content: "";
  position: absolute;
  top: 4px;
  left: -51px;
  width: 32px;
  height: 32px;
  background: url("../images/icon-wallet-big.svg") center no-repeat;
  background-size: cover;
}

.customer-budget__amount {
  display: none !important;
  color: #707070;
  font-size: 12px;
  line-height: 14px;
}

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

.icon--wallet--open {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../images/icon-wallet.svg) center no-repeat;
  background-size: cover;
  position: relative;
  z-index: 2;
}

.icon--wallet--create {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../images/icon-wallet.svg) center no-repeat;
  background-size: cover;
  position: relative;
  z-index: 2;
}

.icon--wallet--create::after {
  content: "+";
  position: absolute;
  width: 13px;
  height: 13px;
  left: -5px;
  top: -9px;
  border-radius: 50%;
  color: #303030;
  font-size: 16px;
}

.navtabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-bottom: 4px solid #dfdfdf;
  margin-bottom: 20px;
}

.navtabs__item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 16px;
  margin-right: -1px;
  margin-bottom: -4px;
  cursor: pointer;
  color: #707070;
  max-width: 247px;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 4px solid #dfdfdf;
}

.navtabs__item.active {
  color: #303030;
  border-bottom: 4px solid #303030;
}

.balance-header {
  /*
  	display: flex;
  	flex-wrap: wrap;
  	width: 100%;
  */
}

.balance-title {
  padding-right: 32px;
  margin-bottom: 24px;
}

.balance-control-wrap {
  width: 300px;
  margin-bottom: 32px;
}

.balance-control {
  padding: 16px 24px;
  border: 1px solid #dfdfdf;
  line-height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.balance-control__value {
  width: calc(100% - 60px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.balance-control__value .grayed {
  color: #707070;
}

.balance-control__buttons {
  width: 60px;
  text-align: right;
}

.balance-control .button {
  font-size: 15px;
  padding: 5px;
  line-height: 12px;
  height: 24px;
  width: 24px;
  text-align: center;
}

.dynamiccheckout-section label {
  line-height: 20px;
}

.dynamiccheckout-section .form--radio--group--row {
  margin-bottom: 10px;
}

#payment_form_wallet {
  margin: 0;
}

#payment_form_wallet li {
  margin: 0;
}

#payment_form_wallet li .wallet-instructions-content {
  font-variant: none;
  text-transform: none;
}

#payment_form_wallet li .wallet-instructions-content .price {
  color: #303030;
  font-size: 14px;
}

#payment_form_wallet li .wallet-instructions-content i {
  color: #e10000;
}

#payment_form_wallet li .wallet-instructions-content i .price {
  color: #e10000;
  text-decoration: underline;
}

label[for=p_method_wallet] {
  position: relative;
  padding-left: 24px;
}

label[for=p_method_wallet]::before {
  content: "";
  background: url("../images/icon-wallet.svg") center no-repeat;
  width: 20px;
  height: 100%;
  background-size: 20px;
  position: absolute;
  left: 0;
  opacity: 0.8;
}

label[for=p_method_wallet] .title,
label[for=p_method_wallet] .desc {
  line-height: 14px;
}

.shopping-cart-warnings {
  color: #e10000;
  border: 1px solid;
  padding: 16px;
  display: inline-block;
  margin-bottom: 16px;
}

.wallet-view-extra {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #dfdfdf;
  height: 38px;
  line-height: 38px;
}

.wallet-view-extra div {
  padding: 0 8px;
}

@media (max-width: 839px) {
  .wallet-view-extra {
    line-height: 1;
    height: auto;
    height: 66px;
    padding: 8px 0;
  }
  .wallet-view-extra span {
    display: block;
  }
}
@media (max-width: 767px) {
  .balance-header {
    display: block;
  }
  .balance-title {
    width: 100%;
    padding: 0;
  }
  .balance-control-wrap {
    margin-bottom: 20px;
  }
  .wallet-view-extra {
    font-size: 14px;
  }
  .navtabs__item {
    max-width: none;
    width: 33.33%;
  }
  .navtabs__item {
    font-size: 14px !important;
  }
}
@media (max-width: 599px) {
  .navtabs__item {
    width: 50% !important;
    padding-top: 24px !important;
  }
}
@media (max-width: 499px) {
  .navtabs__item {
    max-width: none;
    width: 50%;
  }
}
@media (max-width: 399px) {
  .navtabs__item {
    font-size: 12px !important;
    font-weight: bold !important;
  }
  .wallet-view-extra {
    display: block;
    height: auto;
    padding: 8px 0;
  }
  .wallet-view-extra div {
    margin-top: 8px;
    margin-bottom: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .wallet-view-extra span {
    margin-right: 4px;
  }
}
/*# sourceMappingURL=styles.css.map */

/*# sourceMappingURL=styles.css.map */