﻿@charset "UTF-8";
@font-face {
  font-family: 'fontello';
  src: url("/Content/font/fontello.eot?35070855");
  src: url("/Content/font/fontello.eot?35070855#iefix") format("embedded-opentype"), url("/Content/font/fontello.woff2?35070855") format("woff2"), url("/Content/font/fontello.woff?35070855") format("woff"), url("/Content/font/fontello.ttf?35070855") format("truetype"), url("/Content/font/fontello.svg?35070855#fontello") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('/Content/font/fontello.svg?35070855#fontello') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.icon-menu:before {
  content: '\e800'; }

/* '' */
.icon-down-open:before {
  content: '\e801'; }

/* '' */
.icon-right-open:before {
  content: '\e802'; }

/* '' */
.icon-up-open:before {
  content: '\e803'; }

/* '' */
.icon-left-open:before {
  content: '\e804'; }

/* '' */
.icon-cancel:before {
  content: '\e805'; }

/* '' */
.icon-location:before {
  content: '\e806'; }

/* '' */
.icon-down-dir:before {
  content: '\e807'; }

/* '' */
.icon-ok-circle:before {
  content: '\e808'; }

/* '' */
.icon-cart:before {
  content: '\e809'; }

/* '' */
.icon-ok:before {
  content: '\e80a'; }

/* '' */
.icon-print:before {
  content: '\e80b'; }

/* '' */
.icon-ok-1:before {
  content: '\e80c'; }

/* '' */
.icon-params:before {
  content: '\e80d'; }

/* '' */
.icon-cancel-1:before {
  content: '\e80e'; }

/* '' */
.icon-sliders:before {
  content: '\f1de'; }

/* '' */
.form--side-by-side .form__field-wrapper, .grid {
  display: block;
  list-style: none;
  /* 5 */
  padding: 0;
  margin-left: -10px;
  margin-left: -0.71429rem;
  /* 1 */
  margin-right: -10px;
  margin-right: -0.71429rem;
  /* 1 */
  text-align: left;
  /* 2 */
  font-family: sans-serif;
  /* 3 */
  letter-spacing: -0.31em;
  /* 3 */
  text-rendering: optimizespeed;
  /* 4 */ }

/* line 287, ../components/style-standards/sass/fh/_mixins.scss */
.form--side-by-side .form__label-wrapper,
.form--side-by-side .form__input-wrapper, .grid__cell {
  width: 100%;
  display: inline-block;
  /* 1 */
  margin: 0;
  padding-left: 10px;
  padding-left: 0.71429rem;
  padding-right: 10px;
  padding-right: 0.71429rem;
  vertical-align: top;
  /* 3 */
  text-align: left;
  /* 4 */
  font-family: "Open Sans", sans-serif;
  /* 5 */
  letter-spacing: normal;
  /* 5 */
  word-spacing: normal;
  /* 5 */
  text-rendering: auto;
  /* 5 */
  /**
   * Since we need border-box on our grids to work,
   * apply when global setting is false
   */ }

/* line 337, ../components/style-standards/sass/fh/_mixins.scss */
input[type=text], input[type=password], input[type=date], input[type=datetime], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=month], input[type=week], input[type=url], textarea, .text-input {
  padding: 5px 10px;
  padding: 0.35714rem 0.71429rem;
  display: inline-block;
  width: 100%;
  max-width: 430px;
  margin: 0;
  /* 2 */
  border: 1px solid #333333;
  vertical-align: middle;
  /* 3 */
  font: inherit;
  /* 4 */ }

/**
 * Select element
 */
/* line 58, ../components/style-standards/sass/fh/base/_forms.scss */
select {
  width: 100%;
  max-width: 430px;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.71429; }

/* Form
\*------------------------------------------------------------------------*/
/**
 * Form template
 */
/* line 73, ../components/style-standards/sass/fh/base/_forms.scss */
.form__help {
  font-size: 13px;
  font-size: 0.92857rem;
  line-height: 1.38462; }

/* line 77, ../components/style-standards/sass/fh/base/_forms.scss */
.form__field-wrapper {
  margin-bottom: 20px;
  /* rem unit for modern browsers */
  margin-bottom: 1.42857rem; }

/* line 82, ../components/style-standards/sass/fh/base/_forms.scss */
.form__label-wrapper {
  margin-bottom: 5px;
  /* rem unit for modern browsers */
  margin-bottom: 0.35714rem; }

/* line 337, ../components/style-standards/sass/fh/_mixins.scss */
.form__input-wrapper input[type=text], .form__input-wrapper input[type=password], .form__input-wrapper input[type=date], .form__input-wrapper input[type=datetime], .form__input-wrapper input[type=email], .form__input-wrapper input[type=number], .form__input-wrapper input[type=search], .form__input-wrapper input[type=tel], .form__input-wrapper input[type=time], .form__input-wrapper input[type=month], .form__input-wrapper input[type=week], .form__input-wrapper input[type=url], .form__input-wrapper textarea, .form__input-wrapper .text-input {
  margin-bottom: 5px;
  /* rem unit for modern browsers */
  margin-bottom: 0.35714rem; }

/* line 90, ../components/style-standards/sass/fh/base/_forms.scss */
.form__input-wrapper select {
  margin-bottom: 5px;
  /* rem unit for modern browsers */
  margin-bottom: 0.35714rem; }

/* line 95, ../components/style-standards/sass/fh/base/_forms.scss */
.form__button-wrapper {
  margin-bottom: 20px;
  /* rem unit for modern browsers */
  margin-bottom: 1.42857rem; }

/* line 98, ../components/style-standards/sass/fh/base/_forms.scss */
/* line 104, ../components/style-standards/sass/fh/base/_forms.scss */
.form__checkbox-list,
.form__radio-list {
  padding: 0;
  margin-left: 0;
  list-style: none;
  list-style-image: none;
  margin-bottom: 0; }

/* line 108, ../components/style-standards/sass/fh/base/_forms.scss */
.form__checkbox-list span,
.form__radio-list span {
  padding-left: 5px;
  padding-left: 0.35714rem;
  font-size: 13px;
  font-size: 0.92857rem;
  line-height: 1.38462; }

/**
 * Modifyer: Side by side
 * Places labels & fields next to eachother
 * Make responsive in you application level css
 */
/* line 120, ../components/style-standards/sass/fh/base/_forms.scss */
.form--side-by-side {
  /**
   * Field wrapper
   * extends `%grid` in `_mixins.scss`
   */
  /**
   * Label & input wrappers
   * extends `%grid__cell` in `_mixins.scss`
   */
  /**
   * Help text
   */ }

/* line 128, ../components/style-standards/sass/fh/base/_forms.scss */
.form--side-by-side .form__field-wrapper.is-error {
  padding: 10px 0;
  padding: 0.71429rem 0; }

/* line 140, ../components/style-standards/sass/fh/base/_forms.scss */
.form--side-by-side .form__label-wrapper {
  width: 40%;
  text-align: right; }

/* line 144, ../components/style-standards/sass/fh/base/_forms.scss */
.form--side-by-side .form__input-wrapper {
  width: 60%; }

/* line 150, ../components/style-standards/sass/fh/base/_forms.scss */
.form--side-by-side .form__help {
  display: inline-block; }

/* Opera hack, see grid system for documentation */
/* line 156, ../components/style-standards/sass/fh/base/_forms.scss */
.opera:-o-prefocus,
.form--side-by-side .form__field-wrapper {
  word-spacing: -0.43em; }

/*----------------------------------------------------------------------------*\
    $STATE
\*----------------------------------------------------------------------------*/
/**
 * Form field error state
 */
/* line 172, ../components/style-standards/sass/fh/base/_forms.scss */
.form__field-wrapper.is-error {
  border: 1px solid #e40e0e;
  padding: 10px;
  padding: 0.71429rem; }

/**
 * Form expanded
 * Deprecated as per v2
 */
@media only screen and (min-width: 600px) {
  /* line 185, ../components/style-standards/sass/fh/base/_forms.scss */
  .form--expanded .form__label-wrapper {
    float: left;
    width: 220px;
    text-align: right; }
  /* line 191, ../components/style-standards/sass/fh/base/_forms.scss */
  .form--expanded .form__input-wrapper {
    margin-left: 240px; }
  /* line 195, ../components/style-standards/sass/fh/base/_forms.scss */
  .form--expanded .form__button-wrapper {
    margin-left: 240px; }
  /* line 199, ../components/style-standards/sass/fh/base/_forms.scss */
  .form--expanded .form__help {
    display: inline-block; } }

/*----------------------------------------------------------------------------*\
    $THEME
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
    $LISTS
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
    $CONTENTS
\*----------------------------------------------------------------------------*/
/*
CONTENTS................You're reading it, LOL
MODULE..................Includes base module & submodules
STATE...................States the module can be in
THEME...................Theming of the module
*/
/*----------------------------------------------------------------------------*\
    $MODULE
\*----------------------------------------------------------------------------*/
/**
 * undo margin bottom on nested lists
 */
/* line 29, ../components/style-standards/sass/fh/base/_lists.scss */
li > ul,
li > ol {
  margin-bottom: 0; }

/**
 * Just a blocky-list
 */
/* ul,ol */
/* line 39, ../components/style-standards/sass/fh/base/_lists.scss */
.list--clean,
.list--reset {
  list-style: none;
  list-style-image: none;
  margin-left: 0;
  padding: 0; }

/**
 * Have a numbered 'ul' without the semantics implied by using an 'ol'.
 */
/* ul,ol */
/* line 50, ../components/style-standards/sass/fh/base/_lists.scss */
.list--numbered {
  list-style-type: decimal; }

/**
 * Error list
 */
/* line 58, ../components/style-standards/sass/fh/base/_lists.scss */
.list--error {
  font-size: 13px;
  font-size: 0.92857rem;
  line-height: 1.38462;
  color: #e40e0e; }

/*----------------------------------------------------------------------------*\
    $STATE
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
    $THEME
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
    $IMAGES
    images
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
    $CONTENTS
\*----------------------------------------------------------------------------*/
/*
CONTENTS................You're reading it, LOL
MODULE..................Includes base module & submodules
STATE...................States the module can be in
THEME...................Theming of the module
*/
/*----------------------------------------------------------------------------*\
    $MODULE
\*----------------------------------------------------------------------------*/
/* line 25, ../components/style-standards/sass/fh/base/_images.scss */
img {
  max-width: 100%;
  height: auto; }

/**
 * Placement variations
 */
/* line 34, ../components/style-standards/sass/fh/base/_images.scss */
.img--right {
  float: right;
  margin-left: 20px;
  margin-left: 1.42857rem;
  margin-bottom: 20px;
  margin-bottom: 1.42857rem; }

/* line 39, ../components/style-standards/sass/fh/base/_images.scss */
.img--left {
  float: left;
  margin-right: 20px;
  margin-right: 1.42857rem;
  margin-bottom: 20px;
  margin-bottom: 1.42857rem; }

/* line 44, ../components/style-standards/sass/fh/base/_images.scss */
.img--center {
  display: block;
  margin-right: auto;
  margin-bottom: 20px;
  margin-bottom: 1.42857rem;
  margin-left: auto; }

/**
 * Keep your images on your baseline.
 *
 * Please note, these will not work too nicely with fluid images and will
 * distort when resized below a certain width. Use with caution.
 */
/* line 58, ../components/style-standards/sass/fh/base/_images.scss */
.img--short {
  height: 120px;
  height: 8.57143rem; }

/* line 61, ../components/style-standards/sass/fh/base/_images.scss */
.img--medium {
  height: 240px;
  height: 17.14286rem; }

/* line 64, ../components/style-standards/sass/fh/base/_images.scss */
.img--tall {
  height: 360px;
  height: 25.71429rem; }

/**
 * Images in `figure` elements.
 */
/* line 72, ../components/style-standards/sass/fh/base/_images.scss */
figure > img {
  display: block; }

/*----------------------------------------------------------------------------*\
    $STATE
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
    $THEME
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
    $BUTTONS
    Basic button structural styling. Extend in your theme stylesheet.
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
    $CONTENTS
\*----------------------------------------------------------------------------*/
/*
CONTENTS................You're reading it, LOL
MODULE..................Includes base module & submodules
STATE...................States the module can be in
THEME...................Theming of the module
*/
/*----------------------------------------------------------------------------*\
    $MODULE
\*----------------------------------------------------------------------------*/
/**
 * The button classes are best applied to links, buttons, and submit inputs.
 * These components can be used in forms, as calls to action, or as part of
 * the general UI of the site/app.
 *
 * Recommended use:
   <a class="button [button--modifier]" role="button" href="[url]">button text</a>
   <button class="button [button--modifier]" type="submit">button text</button>
   <input class="button [button--modifier]" type="submit" value="button text">
 */
/**
 * Button template
 *
 * Build on this component using rulesets in your application-level CSS.
 *
 * 1. Normalize `box-sizing` across all elements that this component could be
 *    applied to.
 * 2. Inherit text color from ancestor.
 * 3. Inherit font styles from ancestor.
 * 4. If the button’s text is 1em, and the button is (2 * font-size) tall,
 *    then there is .5em of space above and below that text. We therefore
 *    apply 1em of space to the left and right, as padding, to keep
 *    consistent spacing.
 * 5. Prevent wrapping across multiple lines.
 * 6. Corrects inability to style clickable `input` types in iOS
 */
/* line 53, ../components/style-standards/sass/fh/modules/_buttons.scss */
.button {
  position: relative;
  display: inline-block;
  padding-top: 0;
  padding-bottom: 0;
  border: 1px solid;
  margin: 0;
  background: transparent;
  color: inherit;
  /* 2 */
  cursor: pointer;
  font: inherit;
  /* 3 */
  line-height: 2;
  /* 4 */
  padding-left: 1em;
  /* 4 */
  padding-right: 1em;
  /* 4 */
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
  /* 5 */
  -webkit-appearance: none;
  /* 6 */
  /**
   * Remove excess padding and border in Firefox 4+
   */ }

/* line 78, ../components/style-standards/sass/fh/modules/_buttons.scss */
.button:hover, .button:focus, .button:active {
  text-decoration: none; }

/* line 86, ../components/style-standards/sass/fh/modules/_buttons.scss */
.button::-moz-focus-inner {
  border: 0;
  padding: 0; }

/* Sizes
\*------------------------------------------------------------------------*/
/**
 * Button size modifiers
 */
/* line 100, ../components/style-standards/sass/fh/modules/_buttons.scss */
.button--small {
  padding-right: 0.5em;
  padding-left: 0.5em;
  line-height: 1.5; }

/* line 105, ../components/style-standards/sass/fh/modules/_buttons.scss */
.button--large {
  padding-right: 1.5em;
  padding-left: 1.5em;
  line-height: 3; }

/* line 110, ../components/style-standards/sass/fh/modules/_buttons.scss */
.button--huge {
  padding-right: 2em;
  padding-left: 2em;
  line-height: 4; }

/**
 * full-width modifier
 */
/* line 120, ../components/style-standards/sass/fh/modules/_buttons.scss */
.button--full {
  display: block;
  width: 100%; }

/* Font sizes
\*------------------------------------------------------------------------*/
/**
 * Button font-size modifiers
 */
/* line 133, ../components/style-standards/sass/fh/modules/_buttons.scss */
.button--alpha {
  font-size: 24px;
  font-size: 1.71429rem; }

/* line 136, ../components/style-standards/sass/fh/modules/_buttons.scss */
.button--beta {
  font-size: 18px;
  font-size: 1.28571rem; }

/* line 139, ../components/style-standards/sass/fh/modules/_buttons.scss */
.button--gamma {
  font-size: 15px;
  font-size: 1.07143rem; }

/* line 142, ../components/style-standards/sass/fh/modules/_buttons.scss */
.button--delta {
  font-size: 14px;
  font-size: 1rem; }

/* line 145, ../components/style-standards/sass/fh/modules/_buttons.scss */
.button--epsilon {
  font-size: 14px;
  font-size: 1rem; }

/* line 148, ../components/style-standards/sass/fh/modules/_buttons.scss */
.button--zeta {
  font-size: 14px;
  font-size: 1rem; }

/* line 151, ../components/style-standards/sass/fh/modules/_buttons.scss */
.button--milli {
  font-size: 13px;
  font-size: 0.92857rem; }

/* line 154, ../components/style-standards/sass/fh/modules/_buttons.scss */
.button--micro {
  font-size: 12px;
  font-size: 0.85714rem; }

/**
 * Make the button inherit sizing from its parent.
 */
/* line 162, ../components/style-standards/sass/fh/modules/_buttons.scss */
.button--normalis {
  vertical-align: baseline;
  font-size: inherit;
  line-height: inherit;
  padding-right: 0.5em;
  padding-left: 0.5em; }

/* Dirty firefox hack, to circumvent line-height bug
\*------------------------------------------------------------------------*/
/* line 176, ../components/style-standards/sass/fh/modules/_buttons.scss */
input[type="submit"].button {
  height: 2em; }

/* line 179, ../components/style-standards/sass/fh/modules/_buttons.scss */
input[type="submit"] .button--small {
  height: 1.5em; }

/* line 182, ../components/style-standards/sass/fh/modules/_buttons.scss */
input[type="submit"] .button--large {
  height: 3em; }

/* line 185, ../components/style-standards/sass/fh/modules/_buttons.scss */
input[type="submit"] .button--huge {
  height: 4em; }

/*----------------------------------------------------------------------------*\
    $STATE
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
    $THEME
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
    $GRID
    Fluid and nestable grid system
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
    $CONTENTS
\*----------------------------------------------------------------------------*/
/*
CONTENTS................You're reading it, LOL
MODULE..................Includes base module & submodules
STATE...................States the module can be in
THEME...................Theming of the module
*/
/*----------------------------------------------------------------------------*\
    $MODULE
\*----------------------------------------------------------------------------*/
/*
 * Example usage:
 *
 * <div class="grid">
 *     <div class="grid__cell unit-1-2"></div>
 *     <div class="grid__cell unit-1-2"></div>
 *     <div class="grid__cell unit-1-3"></div>
 *     <div class="grid__cell unit-1-3 push-1-3"></div>
 * </div>
 *
 * <div class="grid grid--center">
 *     <div class="grid__cell unit-1-3"></div>
 *     <div class="grid__cell unit-1-3"></div>
 * </div>
 */
/**
 * Grid container
 * Must only contain `.grid` or `.grid__cell` components as children.
 *
 * extends `%grid` in `_mixins.scss`
 */
/**
 * Opera hack
 *
 * 1. Remove inter-unit whitespace that appears between `inline-block` child
 *    elements. Work for all non-monospace font-families.  If you're using a
 *    monospace base font, you will need to set the `grid` font-family to
 *   `sans-serif` and then redeclare the monospace font on the `grid__cell`
 *    objects.
 */
/* line 65, ../components/style-standards/sass/fh/modules/_grid.scss */
.opera:-o-prefocus,
.grid {
  word-spacing: -0.43em;
  /* 1 */ }

/**
 * Child `grid` object adjustments
 * Used for more complex fixed-fluid hybrid grids.
 */
/* line 74, ../components/style-standards/sass/fh/modules/_grid.scss */
.grid > .grid {
  overflow: hidden;
  margin-right: 0;
  margin-left: 0; }

/**
 * Grid cells
 *
 * extends `%grid__cell` in `_mixins.scss`
 */
/**
 * Modifier: Reverse grid direction
 */
/* line 94, ../components/style-standards/sass/fh/modules/_grid.scss */
.grid--rev {
  direction: rtl;
  text-align: left; }

/* line 99, ../components/style-standards/sass/fh/modules/_grid.scss */
.grid--rev > .grid__cell {
  direction: ltr; }

/**
 * Modifier: horizontally center all grid units
 * Allows for automatic unit centering irrespective of the number of
 * units in the grid.
 */
/* line 118, ../components/style-standards/sass/fh/modules/_grid.scss */
.grid--center {
  text-align: center; }

/* line 121, ../components/style-standards/sass/fh/modules/_grid.scss */
.grid--center > .grid__cell {
  text-align: left; }

/**
 * Modifier: align grid cells vertically
 */
/* line 131, ../components/style-standards/sass/fh/modules/_grid.scss */
.grid--middle > .grid__cell {
  vertical-align: middle; }

/* line 136, ../components/style-standards/sass/fh/modules/_grid.scss */
.grid--bottom > .grid__cell {
  vertical-align: bottom; }

/**
 * Modifier: horizontally center one unit
 * Set a specific unit to be horizontally centered. Doesn't affect
 * any other units. Can still contain a child `grid` object.
 */
/* line 147, ../components/style-standards/sass/fh/modules/_grid.scss */
.grid__cell--center {
  display: block;
  margin: 0 auto; }

/**
 * Create grids with narrower gutters. Extends `.grid`.
 */
/* line 156, ../components/style-standards/sass/fh/modules/_grid.scss */
.grid--narrow {
  margin-left: -5px;
  margin-left: -0.35714rem;
  margin-right: -5px;
  margin-right: -0.35714rem; }

/* line 160, ../components/style-standards/sass/fh/modules/_grid.scss */
.grid--narrow > .grid__cell {
  padding-left: 5px;
  padding-left: 0.35714rem;
  padding-right: 5px;
  padding-right: 0.35714rem; }

/**
 * Create grids with wider gutters. Extends `.grid`.
 */
/* line 170, ../components/style-standards/sass/fh/modules/_grid.scss */
.grid--wide {
  margin-left: -20px;
  margin-left: -1.42857rem;
  margin-right: -20px;
  margin-right: -1.42857rem; }

/* line 174, ../components/style-standards/sass/fh/modules/_grid.scss */
.grid--wide > .grid__cell {
  padding-left: 20px;
  padding-left: 1.42857rem;
  padding-right: 20px;
  padding-right: 1.42857rem; }

/**
 * Modifier: Remove gutters between columns
 */
/* line 184, ../components/style-standards/sass/fh/modules/_grid.scss */
.grid--gutterless {
  margin: 0; }

/* line 187, ../components/style-standards/sass/fh/modules/_grid.scss */
.grid--gutterless > .grid__cell {
  padding: 0; }

/*----------------------------------------------------------------------------*\
    $STATE
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
    $THEME
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
    $NAV
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
    $CONTENTS
\*----------------------------------------------------------------------------*/
/*
CONTENTS................You're reading it, LOL
MODULE..................Includes base module & submodules
STATE...................States the module can be in
THEME...................Theming of the module
*/
/*----------------------------------------------------------------------------*\
    $MODULE
\*----------------------------------------------------------------------------*/
/*  When used on an `ol` or `ul`, this class throws the list
    into horizontal mode eg.:
    <ul class="nav">
        <li><a>Home</a></li>
    </ul>
*/
/* line 31, ../components/style-standards/sass/fh/modules/_nav.scss */
.nav {
  padding: 0;
  margin: 0;
  list-style: none; }

/* line 39, ../components/style-standards/sass/fh/modules/_nav.scss */
.nav > li,
.nav > li > a {
  display: inline-block;
  *display: inline;
  zoom: 1; }

/*  Stacked nav
    `.nav--stacked` extends `.nav` and renders the list into vertical mode eg.:
    <ul class="nav nav--stacked">
        <li><a>Home</a></li>
    </ul>
*/
/* line 55, ../components/style-standards/sass/fh/modules/_nav.scss */
.nav--stacked > li {
  display: list-item; }

/* line 58, ../components/style-standards/sass/fh/modules/_nav.scss */
.nav--stacked > li > a {
  display: block; }

/* Banner nav
    `.nav--banner` extends `.nav` and centers the list eg.:
    <ul class="nav nav--banner">
        <li><a>Home</a></li>
    </ul>
*/
/* line 71, ../components/style-standards/sass/fh/modules/_nav.scss */
.nav--banner {
  text-align: center; }

/*----------------------------------------------------------------------------*\
    $STATE
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
    $THEME
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
    $NOTIFICATIONS
    Default notification styling
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
    $CONTENTS
\*----------------------------------------------------------------------------*/
/*
CONTENTS................You're reading it, LOL
MODULE..................Includes base module & submodules
STATE...................States the module can be in
THEME...................Theming of the module
*/
/*----------------------------------------------------------------------------*\
    $MODULE
\*----------------------------------------------------------------------------*/
/**
 * Base notification module
 *
 * 1. padding based on the spacing unit
 * 2. Margin bottom 2 * the spacing unit
 */
/* line 31, ../components/style-standards/sass/fh/modules/_notifications.scss */
.notification {
  padding: 20px;
  padding: 1.42857rem;
  /* 1 */
  font-size: 13px;
  font-size: 0.92857rem;
  line-height: 1.84615;
  background-color: #ffffbf;
  color: #333333; }

/* line 37, ../components/style-standards/sass/fh/modules/_notifications.scss */
.notification > :last-child {
  margin-bottom: 0; }

/* line 41, ../components/style-standards/sass/fh/modules/_notifications.scss */
.notification__title {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.71429;
  display: block;
  font-weight: bold; }

/* line 46, ../components/style-standards/sass/fh/modules/_notifications.scss */
.notification__actions {
  margin-top: 20px;
  margin-top: 1.42857rem; }

/*----------------------------------------------------------------------------*\
    $STATE
\*----------------------------------------------------------------------------*/
/* line 59, ../components/style-standards/sass/fh/modules/_notifications.scss */
.notification.is-success {
  background-color: #dff0d8; }

/* line 62, ../components/style-standards/sass/fh/modules/_notifications.scss */
.notification.is-warning {
  background-color: #f0ad4e; }

/* line 65, ../components/style-standards/sass/fh/modules/_notifications.scss */
.notification.is-error {
  background-color: #ff9797; }

/*----------------------------------------------------------------------------*\
    $THEME
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
    $RULES
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
    $CONTENTS
\*----------------------------------------------------------------------------*/
/*
CONTENTS................You're reading it, LOL
MODULE..................Includes base module & submodules
STATE...................States the module can be in
THEME...................Theming of the module
*/
/*----------------------------------------------------------------------------*\
    $MODULE
\*----------------------------------------------------------------------------*/
/* Horizontal rules, extend `hr`. */
/* line 26, ../components/style-standards/sass/fh/modules/_rules.scss */
.rule {
  color: #ccc;
  /* Sets border color, extend in your theme stylesheet. */
  border: none;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  margin-bottom: 19px;
  margin-bottom: 1.35714rem; }

/* Dotted rules */
/* line 35, ../components/style-standards/sass/fh/modules/_rules.scss */
.rule--dotted {
  border-bottom-style: dotted; }

/* Dashed rules */
/* line 40, ../components/style-standards/sass/fh/modules/_rules.scss */
.rule--dashed {
  border-bottom-style: dashed; }

/* Ornamental rules. Places a § over the rule. */
/* line 45, ../components/style-standards/sass/fh/modules/_rules.scss */
.rule--ornament {
  position: relative;
  /**
   * Pass in an arbitrary ornament though a data attribute, e.g.:
   * <hr class="rule rule--ornament" data-ornament="!">
   */ }

/* line 48, ../components/style-standards/sass/fh/modules/_rules.scss */
.rule--ornament:after {
  content: "§";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  line-height: 0;
  text-align: center; }

/* line 62, ../components/style-standards/sass/fh/modules/_rules.scss */
.rule--ornament[data-ornament]:after {
  content: attr(data-ornament); }

/*----------------------------------------------------------------------------*\
    $STATE
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
    $THEME
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
    $WIDTHS
    Sizes in human readable format. These are used in conjunction with other
    objects and abstractions found in blocss, most commonly the grid system
    and faux flexbox.
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
    $CONTENTS
\*----------------------------------------------------------------------------*/
/*
CONTENTS................You're reading it, LOL
MIXIN...................There's a mixin fo that
MODULE..................Includes base module & submodules
STATE...................States the module can be in
THEME...................Theming of the module
*/
/*----------------------------------------------------------------------------*\
    $MIXIN
\*----------------------------------------------------------------------------*/
/**
 * Find the greatest common factor of two integers
 */
/**
 * Check if a list contains a value
 */
/**
 * Fluid units
 * USAGE: provide a space-separated list of integers, each of which
 * represents the number of parts that make up a grid component.
 * Optionally provide a modifier suffix that can be used to adjust
 * grids in different contexts (e.g. viewport dimensions).
 */
/**
 * Fluid push classes
 * USAGE: provide a space-separated list of integers, each of which
 * represents the number of parts that make up a grid component.
 * Optionally provide a modifier suffix that can be used to adjust
 * grids in different contexts (e.g. viewport dimensions).
 */
/*----------------------------------------------------------------------------*\
    $MODULE
\*----------------------------------------------------------------------------*/
/**
 * Setup generic widths
 */
/**
 * Proportional units
 * Specify the proportional width of an object.
 * Primarily for, but not limited to, use with `.grid__cell` components.
 * Intentional redundancy build into each set of unit classes.
 */
/* Avoid creating rules like '.unit-12-12 {}'' */
/* Initialize variables */
/* Find the greatest common factor */
/**
 * Check if the reduced value of $n was also supplied in the
 * list of units to be built
 */
/**
 * Create units based on fractions
 */
/* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
.unit-1-12 {
  /**
   * Ff this unit can be reduced then extend the previous rule
   */
  width: 8.33333%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
 * Check if the reduced value of $n was also supplied in the
 * list of units to be built
 */
/**
 * Create units based on fractions
 */
/* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
.unit-2-12 {
  /**
   * Ff this unit can be reduced then extend the previous rule
   */
  width: 16.66667%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
 * Check if the reduced value of $n was also supplied in the
 * list of units to be built
 */
/**
 * Create units based on fractions
 */
/* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
.unit-3-12 {
  /**
   * Ff this unit can be reduced then extend the previous rule
   */
  width: 25%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
 * Check if the reduced value of $n was also supplied in the
 * list of units to be built
 */
/**
 * Create units based on fractions
 */
/* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
.unit-4-12 {
  /**
   * Ff this unit can be reduced then extend the previous rule
   */
  width: 33.33333%; }

/* Initialize variables */
/* Find the greatest common factor */
/**
 * Check if the reduced value of $n was also supplied in the
 * list of units to be built
 */
/**
 * Create units based on fractions
 */
/* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
.unit-5-12 {
  /**
   * Ff this unit can be reduced then extend the previous rule
   */
  width: 41.66667%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
 * Check if the reduced value of $n was also supplied in the
 * list of units to be built
 */
/**
 * Create units based on fractions
 */
/* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
.unit-6-12 {
  /**
   * Ff this unit can be reduced then extend the previous rule
   */
  width: 50%; }

/* Initialize variables */
/* Find the greatest common factor */
/**
 * Check if the reduced value of $n was also supplied in the
 * list of units to be built
 */
/**
 * Create units based on fractions
 */
/* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
.unit-7-12 {
  /**
   * Ff this unit can be reduced then extend the previous rule
   */
  width: 58.33333%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
 * Check if the reduced value of $n was also supplied in the
 * list of units to be built
 */
/**
 * Create units based on fractions
 */
/* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
.unit-8-12 {
  /**
   * Ff this unit can be reduced then extend the previous rule
   */
  width: 66.66667%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
 * Check if the reduced value of $n was also supplied in the
 * list of units to be built
 */
/**
 * Create units based on fractions
 */
/* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
.unit-9-12 {
  /**
   * Ff this unit can be reduced then extend the previous rule
   */
  width: 75%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
 * Check if the reduced value of $n was also supplied in the
 * list of units to be built
 */
/**
 * Create units based on fractions
 */
/* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
.unit-10-12 {
  /**
   * Ff this unit can be reduced then extend the previous rule
   */
  width: 83.33333%; }

/* Initialize variables */
/* Find the greatest common factor */
/**
 * Check if the reduced value of $n was also supplied in the
 * list of units to be built
 */
/**
 * Create units based on fractions
 */
/* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
.unit-11-12 {
  /**
   * Ff this unit can be reduced then extend the previous rule
   */
  width: 91.66667%; }

/**
 * Full width class
 */
/* line 110, ../components/style-standards/sass/fh/generic/_units.scss */
.unit-1-1 {
  width: 100%; }

/**
  * Setup generic push widths
  */
/**
 * Proportional units
 * Specify the proportional width of an object.
 * Primarily for, but not limited to, use with `.grid__cell` components.
 * Intentional redundancy build into each set of unit classes.
 */
/* Avoid creating rules like '.unit-12-12 {}'' */
/* Initialize variables */
/* Find the greatest common factor */
/**
 * Check if the reduced value of $n was also supplied in the
 * list of units to be built
 */
/**
 * Create unit offsets based on fractions
 */
/* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
.push-1-12 {
  /**
   * if this offset can be reduced then extend the previous rule
   */
  margin-left: 8.33333%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
 * Check if the reduced value of $n was also supplied in the
 * list of units to be built
 */
/**
 * Create unit offsets based on fractions
 */
/* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
.push-2-12 {
  /**
   * if this offset can be reduced then extend the previous rule
   */
  margin-left: 16.66667%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
 * Check if the reduced value of $n was also supplied in the
 * list of units to be built
 */
/**
 * Create unit offsets based on fractions
 */
/* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
.push-3-12 {
  /**
   * if this offset can be reduced then extend the previous rule
   */
  margin-left: 25%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
 * Check if the reduced value of $n was also supplied in the
 * list of units to be built
 */
/**
 * Create unit offsets based on fractions
 */
/* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
.push-4-12 {
  /**
   * if this offset can be reduced then extend the previous rule
   */
  margin-left: 33.33333%; }

/* Initialize variables */
/* Find the greatest common factor */
/**
 * Check if the reduced value of $n was also supplied in the
 * list of units to be built
 */
/**
 * Create unit offsets based on fractions
 */
/* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
.push-5-12 {
  /**
   * if this offset can be reduced then extend the previous rule
   */
  margin-left: 41.66667%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
 * Check if the reduced value of $n was also supplied in the
 * list of units to be built
 */
/**
 * Create unit offsets based on fractions
 */
/* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
.push-6-12 {
  /**
   * if this offset can be reduced then extend the previous rule
   */
  margin-left: 50%; }

/* Initialize variables */
/* Find the greatest common factor */
/**
 * Check if the reduced value of $n was also supplied in the
 * list of units to be built
 */
/**
 * Create unit offsets based on fractions
 */
/* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
.push-7-12 {
  /**
   * if this offset can be reduced then extend the previous rule
   */
  margin-left: 58.33333%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
 * Check if the reduced value of $n was also supplied in the
 * list of units to be built
 */
/**
 * Create unit offsets based on fractions
 */
/* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
.push-8-12 {
  /**
   * if this offset can be reduced then extend the previous rule
   */
  margin-left: 66.66667%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
 * Check if the reduced value of $n was also supplied in the
 * list of units to be built
 */
/**
 * Create unit offsets based on fractions
 */
/* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
.push-9-12 {
  /**
   * if this offset can be reduced then extend the previous rule
   */
  margin-left: 75%; }

/* Initialize variables */
/* Find the greatest common factor */
/* Reduced value of $i */
/* Reduced value of $n */
/**
 * Check if the reduced value of $n was also supplied in the
 * list of units to be built
 */
/**
 * Create unit offsets based on fractions
 */
/* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
.push-10-12 {
  /**
   * if this offset can be reduced then extend the previous rule
   */
  margin-left: 83.33333%; }

/* Initialize variables */
/* Find the greatest common factor */
/**
 * Check if the reduced value of $n was also supplied in the
 * list of units to be built
 */
/**
 * Create unit offsets based on fractions
 */
/* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
.push-11-12 {
  /**
   * if this offset can be reduced then extend the previous rule
   */
  margin-left: 91.66667%; }

/*----------------------------------------------------------------------------*\
    $STATE
\*----------------------------------------------------------------------------*/
/* Responsive widths & pushers
\*------------------------------------------------------------------------*/
@media only screen and (max-width: 480px) {
  /**
   * Proportional units
   * Specify the proportional width of an object.
   * Primarily for, but not limited to, use with `.grid__cell` components.
   * Intentional redundancy build into each set of unit classes.
   */
  /* Avoid creating rules like '.unit-12-12 {}'' */
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-1-12--palm {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 8.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-2-12--palm {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 16.66667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-3-12--palm {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 25%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-4-12--palm {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 33.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-5-12--palm {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 41.66667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-6-12--palm {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 50%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-7-12--palm {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 58.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-8-12--palm {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 66.66667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-9-12--palm {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 75%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-10-12--palm {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 83.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-11-12--palm {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 91.66667%; }
  /**
   * Full width class
   */
  /* line 110, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-1-1--palm {
    width: 100%; } }

@media only screen and (min-width: 481px) {
  /**
   * Proportional units
   * Specify the proportional width of an object.
   * Primarily for, but not limited to, use with `.grid__cell` components.
   * Intentional redundancy build into each set of unit classes.
   */
  /* Avoid creating rules like '.unit-12-12 {}'' */
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-1-12--gt-palm {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 8.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-2-12--gt-palm {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 16.66667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-3-12--gt-palm {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 25%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-4-12--gt-palm {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 33.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-5-12--gt-palm {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 41.66667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-6-12--gt-palm {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 50%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-7-12--gt-palm {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 58.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-8-12--gt-palm {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 66.66667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-9-12--gt-palm {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 75%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-10-12--gt-palm {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 83.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-11-12--gt-palm {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 91.66667%; }
  /**
   * Full width class
   */
  /* line 110, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-1-1--gt-palm {
    width: 100%; } }

@media only screen and (min-width: 481px) and (max-width: 1023px) {
  /**
   * Proportional units
   * Specify the proportional width of an object.
   * Primarily for, but not limited to, use with `.grid__cell` components.
   * Intentional redundancy build into each set of unit classes.
   */
  /* Avoid creating rules like '.unit-12-12 {}'' */
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-1-12--lap {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 8.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-2-12--lap {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 16.66667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-3-12--lap {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 25%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-4-12--lap {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 33.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-5-12--lap {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 41.66667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-6-12--lap {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 50%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-7-12--lap {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 58.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-8-12--lap {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 66.66667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-9-12--lap {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 75%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-10-12--lap {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 83.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-11-12--lap {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 91.66667%; }
  /**
   * Full width class
   */
  /* line 110, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-1-1--lap {
    width: 100%; } }

@media only screen and (max-width: 1023px) {
  /**
   * Proportional units
   * Specify the proportional width of an object.
   * Primarily for, but not limited to, use with `.grid__cell` components.
   * Intentional redundancy build into each set of unit classes.
   */
  /* Avoid creating rules like '.unit-12-12 {}'' */
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-1-12--lt-desk {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 8.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-2-12--lt-desk {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 16.66667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-3-12--lt-desk {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 25%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-4-12--lt-desk {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 33.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-5-12--lt-desk {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 41.66667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-6-12--lt-desk {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 50%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-7-12--lt-desk {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 58.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-8-12--lt-desk {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 66.66667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-9-12--lt-desk {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 75%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-10-12--lt-desk {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 83.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-11-12--lt-desk {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 91.66667%; }
  /**
   * Full width class
   */
  /* line 110, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-1-1--lt-desk {
    width: 100%; } }

@media only screen and (min-width: 1024px) {
  /**
   * Proportional units
   * Specify the proportional width of an object.
   * Primarily for, but not limited to, use with `.grid__cell` components.
   * Intentional redundancy build into each set of unit classes.
   */
  /* Avoid creating rules like '.unit-12-12 {}'' */
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-1-12--desk {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 8.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-2-12--desk {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 16.66667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-3-12--desk {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 25%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-4-12--desk {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 33.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-5-12--desk {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 41.66667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-6-12--desk {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 50%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-7-12--desk {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 58.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-8-12--desk {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 66.66667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-9-12--desk {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 75%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-10-12--desk {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 83.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-11-12--desk {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 91.66667%; }
  /**
   * Full width class
   */
  /* line 110, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-1-1--desk {
    width: 100%; } }

@media only screen and (min-width: 1240px) {
  /**
   * Proportional units
   * Specify the proportional width of an object.
   * Primarily for, but not limited to, use with `.grid__cell` components.
   * Intentional redundancy build into each set of unit classes.
   */
  /* Avoid creating rules like '.unit-12-12 {}'' */
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-1-12--gt-desk {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 8.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-2-12--gt-desk {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 16.66667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-3-12--gt-desk {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 25%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-4-12--gt-desk {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 33.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-5-12--gt-desk {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 41.66667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-6-12--gt-desk {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 50%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-7-12--gt-desk {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 58.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-8-12--gt-desk {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 66.66667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-9-12--gt-desk {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 75%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-10-12--gt-desk {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 83.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create units based on fractions
   */
  /* line 88, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-11-12--gt-desk {
    /**
     * Ff this unit can be reduced then extend the previous rule
     */
    width: 91.66667%; }
  /**
   * Full width class
   */
  /* line 110, ../components/style-standards/sass/fh/generic/_units.scss */
  .unit-1-1--gt-desk {
    width: 100%; } }

@media only screen and (max-width: 480px) {
  /**
   * Proportional units
   * Specify the proportional width of an object.
   * Primarily for, but not limited to, use with `.grid__cell` components.
   * Intentional redundancy build into each set of unit classes.
   */
  /* Avoid creating rules like '.unit-12-12 {}'' */
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-1-12--palm {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 8.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-2-12--palm {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 16.66667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-3-12--palm {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 25%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-4-12--palm {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 33.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-5-12--palm {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 41.66667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-6-12--palm {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 50%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-7-12--palm {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 58.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-8-12--palm {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 66.66667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-9-12--palm {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 75%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-10-12--palm {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 83.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-11-12--palm {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 91.66667%; } }

@media only screen and (min-width: 481px) {
  /**
   * Proportional units
   * Specify the proportional width of an object.
   * Primarily for, but not limited to, use with `.grid__cell` components.
   * Intentional redundancy build into each set of unit classes.
   */
  /* Avoid creating rules like '.unit-12-12 {}'' */
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-1-12--gt-palm {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 8.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-2-12--gt-palm {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 16.66667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-3-12--gt-palm {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 25%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-4-12--gt-palm {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 33.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-5-12--gt-palm {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 41.66667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-6-12--gt-palm {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 50%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-7-12--gt-palm {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 58.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-8-12--gt-palm {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 66.66667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-9-12--gt-palm {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 75%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-10-12--gt-palm {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 83.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-11-12--gt-palm {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 91.66667%; } }

@media only screen and (min-width: 481px) and (max-width: 1023px) {
  /**
   * Proportional units
   * Specify the proportional width of an object.
   * Primarily for, but not limited to, use with `.grid__cell` components.
   * Intentional redundancy build into each set of unit classes.
   */
  /* Avoid creating rules like '.unit-12-12 {}'' */
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-1-12--lap {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 8.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-2-12--lap {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 16.66667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-3-12--lap {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 25%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-4-12--lap {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 33.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-5-12--lap {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 41.66667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-6-12--lap {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 50%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-7-12--lap {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 58.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-8-12--lap {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 66.66667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-9-12--lap {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 75%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-10-12--lap {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 83.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-11-12--lap {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 91.66667%; } }

@media only screen and (max-width: 1023px) {
  /**
   * Proportional units
   * Specify the proportional width of an object.
   * Primarily for, but not limited to, use with `.grid__cell` components.
   * Intentional redundancy build into each set of unit classes.
   */
  /* Avoid creating rules like '.unit-12-12 {}'' */
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-1-12--lt-desk {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 8.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-2-12--lt-desk {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 16.66667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-3-12--lt-desk {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 25%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-4-12--lt-desk {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 33.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-5-12--lt-desk {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 41.66667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-6-12--lt-desk {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 50%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-7-12--lt-desk {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 58.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-8-12--lt-desk {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 66.66667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-9-12--lt-desk {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 75%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-10-12--lt-desk {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 83.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-11-12--lt-desk {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 91.66667%; } }

@media only screen and (min-width: 1024px) {
  /**
   * Proportional units
   * Specify the proportional width of an object.
   * Primarily for, but not limited to, use with `.grid__cell` components.
   * Intentional redundancy build into each set of unit classes.
   */
  /* Avoid creating rules like '.unit-12-12 {}'' */
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-1-12--desk {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 8.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-2-12--desk {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 16.66667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-3-12--desk {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 25%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-4-12--desk {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 33.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-5-12--desk {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 41.66667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-6-12--desk {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 50%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-7-12--desk {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 58.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-8-12--desk {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 66.66667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-9-12--desk {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 75%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-10-12--desk {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 83.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-11-12--desk {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 91.66667%; } }

@media only screen and (min-width: 1200px) {
  /**
   * Proportional units
   * Specify the proportional width of an object.
   * Primarily for, but not limited to, use with `.grid__cell` components.
   * Intentional redundancy build into each set of unit classes.
   */
  /* Avoid creating rules like '.unit-12-12 {}'' */
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-1-12--gt-desk {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 8.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-2-12--gt-desk {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 16.66667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-3-12--gt-desk {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 25%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-4-12--gt-desk {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 33.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-5-12--gt-desk {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 41.66667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-6-12--gt-desk {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 50%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-7-12--gt-desk {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 58.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-8-12--gt-desk {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 66.66667%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-9-12--gt-desk {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 75%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /* Reduced value of $i */
  /* Reduced value of $n */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-10-12--gt-desk {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 83.33333%; }
  /* Initialize variables */
  /* Find the greatest common factor */
  /**
   * Check if the reduced value of $n was also supplied in the
   * list of units to be built
   */
  /**
   * Create unit offsets based on fractions
   */
  /* line 161, ../components/style-standards/sass/fh/generic/_units.scss */
  .push-11-12--gt-desk {
    /**
     * if this offset can be reduced then extend the previous rule
     */
    margin-left: 91.66667%; } }

/*----------------------------------------------------------------------------*\
    $THEME
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
    $HELPERS
    A series of helper classes to use arbitrarily. Only use a helper class if an
    element/component doesn’t already have a class to which you could apply this
    styling, e.g. if you need to float `.nav--man` left then add `float:left;`
    to that ruleset as opposed to adding the `.float--left` class to the markup.
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
    $CONTENTS
\*----------------------------------------------------------------------------*/
/*
CONTENTS................You're reading it, LOL
MODULE..................Includes base module & submodules
STATE...................States the module can be in
THEME...................Theming of the module
*/
/*----------------------------------------------------------------------------*\
    $MODULE
\*----------------------------------------------------------------------------*/
/**
 * Add/remove floats
 */
/* line 31, ../components/style-standards/sass/fh/generic/_helpers.scss */
.float--right {
  float: right !important; }

/* line 34, ../components/style-standards/sass/fh/generic/_helpers.scss */
.float--left {
  float: left !important; }

/* line 37, ../components/style-standards/sass/fh/generic/_helpers.scss */
.float--none {
  float: none !important; }

/**
 * Text alignment
 */
/* line 45, ../components/style-standards/sass/fh/generic/_helpers.scss */
.text--left {
  text-align: left !important; }

/* line 48, ../components/style-standards/sass/fh/generic/_helpers.scss */
.text--center {
  text-align: center !important; }

/* line 51, ../components/style-standards/sass/fh/generic/_helpers.scss */
.text--right {
  text-align: right !important; }

/**
 * Font weight
 */
/* line 59, ../components/style-standards/sass/fh/generic/_helpers.scss */
.weight--light {
  font-weight: 300 !important; }

/* line 62, ../components/style-standards/sass/fh/generic/_helpers.scss */
.weight--normal {
  font-weight: 400 !important; }

/* line 65, ../components/style-standards/sass/fh/generic/_helpers.scss */
.weight--semibold {
  font-weight: 600 !important; }

/**
 * Capitals/lowercase
 */
/* line 73, ../components/style-standards/sass/fh/generic/_helpers.scss */
.caps {
  text-transform: uppercase !important; }

/* line 76, ../components/style-standards/sass/fh/generic/_helpers.scss */
.lowercase {
  text-transform: lowercase !important; }

/* line 79, ../components/style-standards/sass/fh/generic/_helpers.scss */
.firstcap {
  text-transform: capitalize !important; }

/**
 * Add a help cursor to any element that gives the user extra information on
 * `:hover`.
 */
/* line 88, ../components/style-standards/sass/fh/generic/_helpers.scss */
.informative {
  cursor: help !important; }

/**
 * Align items to the right where they imply progression/movement forward.
 */
/* line 96, ../components/style-standards/sass/fh/generic/_helpers.scss */
.proceed {
  text-align: right !important; }

/**
 * Add a right-angled quote to links that imply movement, e.g.:
 */
/* line 104, ../components/style-standards/sass/fh/generic/_helpers.scss */
.go:after {
  content: "\00A0»" !important; }

/**
 * Full bleed
 */
/* line 113, ../components/style-standards/sass/fh/generic/_helpers.scss */
.full-bleed {
  margin-left: -20px;
  margin-left: -1.42857rem;
  margin-right: -20px;
  margin-right: -1.42857rem; }

/* line 117, ../components/style-standards/sass/fh/generic/_helpers.scss */
.islet .full-bleed {
  margin-left: -10px;
  margin-left: -0.71429rem;
  margin-right: -10px;
  margin-right: -0.71429rem; }

/* line 122, ../components/style-standards/sass/fh/generic/_helpers.scss */
.continent .full-bleed {
  margin-left: -40px;
  margin-left: -2.85714rem;
  margin-right: -40px;
  margin-right: -2.85714rem; }

/**
 * Remove margin bottom
 */
/* line 132, ../components/style-standards/sass/fh/generic/_helpers.scss */
.flatten {
  margin-bottom: 0 !important; }

/**
 * Image replacement
 */
/* line 140, ../components/style-standards/sass/fh/generic/_helpers.scss */
.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  *line-height: 0; }

/* line 151, ../components/style-standards/sass/fh/generic/_helpers.scss */
.ir br {
  display: none; }

/**
 * Hide from screanreaders & browsers
 */
/* line 160, ../components/style-standards/sass/fh/generic/_helpers.scss */
.hidden {
  display: none !important;
  visibility: hidden; }

/**
 * Hide only visually, but have it available for screenreaders
 * as per: h5bp.com/v
 */
/* line 181, ../components/style-standards/sass/fh/generic/_helpers.scss */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/* Visuallyhidden based on breakpoint */
@media only screen and (max-width: 480px) {
  /* line 188, ../components/style-standards/sass/fh/generic/_helpers.scss */
  .visuallyhidden--palm {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; } }

@media only screen and (min-width: 481px) {
  /* line 188, ../components/style-standards/sass/fh/generic/_helpers.scss */
  .visuallyhidden--gt-palm {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; } }

@media only screen and (min-width: 481px) and (max-width: 1023px) {
  /* line 188, ../components/style-standards/sass/fh/generic/_helpers.scss */
  .visuallyhidden--lap {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; } }

@media only screen and (max-width: 1023px) {
  /* line 188, ../components/style-standards/sass/fh/generic/_helpers.scss */
  .visuallyhidden--lt-desk {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; } }

@media only screen and (min-width: 1024px) {
  /* line 188, ../components/style-standards/sass/fh/generic/_helpers.scss */
  .visuallyhidden--desk {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; } }

@media only screen and (min-width: 1200px) {
  /* line 188, ../components/style-standards/sass/fh/generic/_helpers.scss */
  .visuallyhidden--gt-desk {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; } }

/**
 * Hide visually and from screenreaders, but maintain layout
 */
/* line 198, ../components/style-standards/sass/fh/generic/_helpers.scss */
.invisible {
  visibility: hidden; }

/*----------------------------------------------------------------------------*\
    $STATE
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
    $THEME
\*----------------------------------------------------------------------------*/
/* $IMPORT BASE
\*------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$TOPLEVEL
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$CONTENTS
\*----------------------------------------------------------------------------*/
/*
CONTENTS................You're reading it
MODULE..................Includes base module & submodules
STATE...................States the module can be in
THEME...................Theming of the module
*/
/*----------------------------------------------------------------------------*\
	$MODULE
\*----------------------------------------------------------------------------*/
/* line 24, ../sass/base/_toplevel.scss */
body {
  background-color: #ffffff; }

/* line 30, ../sass/base/_toplevel.scss */
a {
  color: #00bae7; }

/* line 33, ../sass/base/_toplevel.scss */
a:hover {
  text-decoration: underline; }

/* line 38, ../sass/base/_toplevel.scss */
.info {
  /*height: 1.42857rem;*/
  height: 20px;
  /*width: 1.42857rem;*/
  width: 20px;
  display: inline-block;
  vertical-align: middle;
  border: solid 1px #0268ba;
  color: #0268ba;
  text-align: center; }

.info-vraag {
  /*height: 1.42857rem;*/
  height: 20px;
  /*width: 1.42857rem;*/
  width: 20px !important;
  height: 20px !important;
  line-height: 20px;
  display: inline-block;
  vertical-align: middle;
  border: solid 1px #0268ba;
  color: #0268ba;
  text-align: center;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  font-style: italic;
  font-family: 'Times New Roman', Times, serif; }

.info.orderregel-info {
  background: none;
  color: #d22907;
  text-decoration: underline;
  margin: initial;
  height: initial;
  display: initial;
  width: auto; }

/*----------------------------------------------------------------------------*\
	$STATE
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$THEME
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$IMAGES
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$CONTENTS
\*----------------------------------------------------------------------------*/
/*
CONTENTS................You're reading it
MODULE..................Includes base module & submodules
STATE...................States the module can be in
THEME...................Theming of the module
*/
/*----------------------------------------------------------------------------*\
	$MODULE
\*----------------------------------------------------------------------------*/
/* line 24, ../sass/base/_images.scss */
.imageholder {
  margin-bottom: 10px;
  margin-bottom: 0.71429rem; }

/*----------------------------------------------------------------------------*\
	$STATE
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$THEME
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
    $FORMS
    EXTENDS BASIC FORM
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
    $CONTENTS
\*----------------------------------------------------------------------------*/
/*
CONTENTS................You're reading it, LOL
MODULE..................Includes base module & submodules
STATE...................States the module can be in
THEME...................Theming of the module
*/
/*----------------------------------------------------------------------------*\
    $MODULE
\*----------------------------------------------------------------------------*/
/* $FORM FIELDS
\*------------------------------------------------------------------------*/
/* line 337, ../components/style-standards/sass/fh/_mixins.scss */
select, input[type=text], input[type=password], input[type=date], input[type=datetime], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=month], input[type=week], input[type=url], textarea, .text-input {
  border-radius: 3px;
  border-radius: 0.21429rem;
  font-size: 13px;
  font-size: 0.92857rem;
  line-height: 1.84615;
  border-color: #cccccc;
  box-shadow: inset 0 0 3px #f2f2f2; }

/* line 37, ../sass/base/_forms.scss */
input[type=text].is-disabled, input[type=password].is-disabled, input[type=date].is-disabled, input[type=datetime].is-disabled, input[type=email].is-disabled, input[type=number].is-disabled, input[type=search].is-disabled, input[type=tel].is-disabled, input[type=time].is-disabled, input[type=month].is-disabled, input[type=week].is-disabled, input[type=url].is-disabled, textarea.is-disabled, .text-input.is-disabled {
  background: #f4f4f4; }

/* line 42, ../sass/base/_forms.scss */
.fake-label {
  width: 100%;
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
  margin-bottom: 0.71429rem; }

/* line 49, ../sass/base/_forms.scss */
label {
  font-weight: bold; }

/* line 55, ../sass/base/_forms.scss */
.form--expanded .form__field-wrapper {
  margin-bottom: 10px;
  margin-bottom: 0.71429rem; }

/* line 60, ../sass/base/_forms.scss */
.form--expanded .form__field-wrapper.is-collapsed .form__label-wrapper {
  width: 100%; }

/* line 64, ../sass/base/_forms.scss */
.form--expanded .form__field-wrapper.is-collapsed .form__input-wrapper {
  width: 100%;
  margin-left: 0;
  max-width: none; }

/* line 72, ../sass/base/_forms.scss */
.form--expanded .form__label-wrapper {
  width: 180px;
  width: 12.85714rem;
  text-align: left; }

/* line 77, ../sass/base/_forms.scss */
.form--expanded .form__input-wrapper {
  margin-left: 200px;
  margin-left: 14.28571rem;
  max-width: 320px; }

/* line 81, ../sass/base/_forms.scss */
.form--expanded .form__input-wrapper label {
  font-weight: normal; }

/* line 85, ../sass/base/_forms.scss */
.form--expanded .form__input-wrapper.has-no-label {
  margin-left: 0;
  width: 100%;
  max-width: none; }

/* line 91, ../sass/base/_forms.scss */
.form--expanded .form__input-wrapper.is-large {
  margin-bottom: 20px;
  margin-bottom: 1.42857rem; }

/* line 94, ../sass/base/_forms.scss */
.form--expanded .form__input-wrapper.is-large label span {
  font-weight: bold;
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.5; }

/* line 101, ../sass/base/_forms.scss */
.form--expanded .form__button-wrapper {
  overflow: hidden; }

/* line 104, ../sass/base/_forms.scss */
.form--expanded .form__button-wrapper .login {
  float: right; }

/* line 108, ../sass/base/_forms.scss */
.form--expanded .form__button-wrapper .forgot-password {
  margin-top: 8px;
  margin-top: 0.57143rem;
  margin-right: 20px;
  margin-right: 1.42857rem;
  float: right; }

/* line 114, ../sass/base/_forms.scss */
.form--expanded .form__button-wrapper .previous {
  float: left; }

/* line 118, ../sass/base/_forms.scss */
.form--expanded .form__button-wrapper .next {
  float: right; }

/* line 122, ../sass/base/_forms.scss */
.form--expanded .form__button-wrapper.is-full-width {
  width: 100%;
  margin-left: 0; }

/* $FORM SECTION
\*------------------------------------------------------------------------*/
/* line 133, ../sass/base/_forms.scss */
.form__section {
  padding-top: 20px; }

/* $INSURRANCE
\*------------------------------------------------------------------------*/
/* line 144, ../sass/base/_forms.scss */
.form__insurrance .form__checkbox-list {
  display: inline-block;
  float: left; }

/* line 149, ../sass/base/_forms.scss */
.form__insurrance .form__insurrance-teaser {
  margin-left: 20px;
  margin-left: 1.42857rem;
  float: left; }

/* line 153, ../sass/base/_forms.scss */
.form__insurrance .form__insurrance-teaser img {
  display: inline-block;
  vertical-align: middle; }

/* line 158, ../sass/base/_forms.scss */
.form__insurrance .form__insurrance-teaser a {
  margin-left: 7px;
  margin-left: 0.5rem;
  font-size: 13px;
  font-size: 0.92857rem;
  line-height: 1.84615;
  display: inline-block;
  vertical-align: middle; }

/*----------------------------------------------------------------------------*\
    $STATE
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
    $THEME
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$LISTS
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$CONTENTS
\*----------------------------------------------------------------------------*/
/*
CONTENTS................You're reading it
MODULE..................Includes base module & submodules
STATE...................States the module can be in
THEME...................Theming of the module
*/
/*----------------------------------------------------------------------------*\
	$MODULE
\*----------------------------------------------------------------------------*/
/* $CENTER
\*------------------------------------------------------------------------*/
/* line 30, ../sass/base/_lists.scss */
.list--center {
  text-align: center; }

/* $BORDERED SMALL
\*------------------------------------------------------------------------*/
/* line 37, ../sass/base/_lists.scss */
.list--bordered-small {
  /*border-top: 1px solid #cccccc;*/ }

/* line 40, ../sass/base/_lists.scss */
.list--bordered-small > li {
  /*padding: 5px;
	padding: 0.35714rem;
	border-bottom: 1px solid #cccccc;*/ }

/* $BORDERED
\*------------------------------------------------------------------------*/
/* line 50, ../sass/base/_lists.scss */
.list--bordered {
  border-top: 1px solid #cccccc; }

/* line 53, ../sass/base/_lists.scss */
.list--bordered > li {
  padding: 10px;
  padding: 0.71429rem;
  border-bottom: 1px solid #cccccc; }

/* $BORDERED LARGE
\*------------------------------------------------------------------------*/
/* line 63, ../sass/base/_lists.scss */
.list--bordered-large {
  border-top: 1px solid #cccccc; }

/* line 66, ../sass/base/_lists.scss */
.list--bordered-large > li {
  padding: 15px;
  padding: 1.07143rem;
  border-bottom: 1px solid #cccccc; }

/* $BORDERED EXTRA LARGE
\*------------------------------------------------------------------------*/
/* line 75, ../sass/base/_lists.scss */
.list--bordered-extralarge {
  border-top: 1px solid #cccccc; }

/* line 78, ../sass/base/_lists.scss */
.list--bordered-extralarge > li {
  padding: 30px 10px;
  padding: 2.14286rem 0.71429rem 3.14286rem 0.71429rem;
  border-bottom: 1px solid #cccccc; }

/*----------------------------------------------------------------------------*\
	$STATE
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$THEME
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$TYPOGRAPHY
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$CONTENTS
\*----------------------------------------------------------------------------*/
/*
CONTENTS................You're reading it
MODULE..................Includes base module & submodules
STATE...................States the module can be in
THEME...................Theming of the module
*/
/*----------------------------------------------------------------------------*\
	$MODULE
\*----------------------------------------------------------------------------*/
/* $HEADING
\*------------------------------------------------------------------------*/
/* line 29, ../sass/base/_typography.scss */
.heading {
  margin-bottom: 10px;
  margin-bottom: 0.71429rem;
  font-weight: 800;
  font-style: italic;
  display: block;
  text-transform: uppercase; }

/* $LIGHT
\*------------------------------------------------------------------------*/
/* line 40, ../sass/base/_typography.scss */
.heading--light {
  color: #fff; }

/* line 43, ../sass/base/_typography.scss */
.heading--light a {
  color: #fff; }

/* $BRAND
\*------------------------------------------------------------------------*/
/* line 51, ../sass/base/_typography.scss */
.heading--brand {
  color: #00bae7; }

/* line 54, ../sass/base/_typography.scss */
.heading--brand a {
  color: #00bae7; }

/* $BRAND SECONDARY
\*------------------------------------------------------------------------*/
/* line 62, ../sass/base/_typography.scss */
.heading--brand-secondary {
  color: #0069b9; }

/* line 65, ../sass/base/_typography.scss */
.heading--brand-secondary a {
  color: #0069b9; }

/* $BOLD
\*------------------------------------------------------------------------*/
/* line 73, ../sass/base/_typography.scss */
.heading--bold {
  font-style: normal;
  font-weight: 700; }

/* $CENTERED
\*------------------------------------------------------------------------*/
/* line 81, ../sass/base/_typography.scss */
.heading--centered {
  display: block;
  text-align: center; }

/* $BORDERED
\*------------------------------------------------------------------------*/
/* line 89, ../sass/base/_typography.scss */
.heading--bordered {
  margin-bottom: 10px;
  margin-bottom: 0.71429rem;
  padding-bottom: 10px;
  padding-bottom: 0.71429rem;
  border-bottom: 1px solid #cccccc; }

/*----------------------------------------------------------------------------*\
	$STATE
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$THEME
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$DEFAULT STATES
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$CONTENTS
\*----------------------------------------------------------------------------*/
/*
CONTENTS................You're reading it
MODULE..................Includes base module & submodules
STATE...................States the module can be in
THEME...................Theming of the module
*/
/*----------------------------------------------------------------------------*\
	$MODULE
\*----------------------------------------------------------------------------*/
/* line 24, ../sass/base/_states.scss */
.is-hidden {
  display: none !important; }

/*----------------------------------------------------------------------------*\
	$STATE
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$THEME
\*----------------------------------------------------------------------------*/
/* $IMPORT LAYOUT
\*------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$STRUCTURE
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$CONTENTS
\*----------------------------------------------------------------------------*/
/*
CONTENTS................You're reading it
MODULE..................Includes base module & submodules
STATE...................States the module can be in
THEME...................Theming of the module
*/
/*----------------------------------------------------------------------------*\
	$MODULE
\*----------------------------------------------------------------------------*/
/* line 24, ../sass/layout/_structure.scss */
/*----------------------------------------------------------------------------*\
	$STATE
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$THEME
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$ISLANDS
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$CONTENTS
\*----------------------------------------------------------------------------*/
/*
CONTENTS................You're reading it
MODULE..................Includes base module & submodules
STATE...................States the module can be in
THEME...................Theming of the module
*/
/*----------------------------------------------------------------------------*\
	$MODULE
\*----------------------------------------------------------------------------*/
/* line 24, ../sass/layout/_islands.scss */
.continent {
  padding: 40px;
  padding: 2.85714rem; }

/* line 28, ../sass/layout/_islands.scss */
.island {
  padding: 20px;
  padding: 1.42857rem; }

.categorie-intro.island.island--gray {
  margin-top: 10px; }

/* line 32, ../sass/layout/_islands.scss */
.islet {
  padding: 10px;
  padding: 0.71429rem; }

/* $BRAND
\*------------------------------------------------------------------------*/
/* line 41, ../sass/layout/_islands.scss */
.continent--brand,
.island--brand,
.islet--brand {
  background: #00bae7; }

/* $BRAND SECONDARY
\*------------------------------------------------------------------------*/
/* line 51, ../sass/layout/_islands.scss */
.continent--brand-secondary,
.island--brand-secondary,
.islet--brand-secondary {
  background: #0069b9; }

/* $BRAND LIGHT
\*------------------------------------------------------------------------*/
/* line 60, ../sass/layout/_islands.scss */
.continent--brand-light,
.island--brand-light,
.islet--brand-light {
  background: #eff8fc; }

/* $GRAY
\*------------------------------------------------------------------------*/
/* line 70, ../sass/layout/_islands.scss */
.continent--gray,
.island--gray,
.islet--gray {
  background: #f6f6f6; }

/* $DARK
\*------------------------------------------------------------------------*/
/* line 80, ../sass/layout/_islands.scss */
.continent--dark,
.island--dark,
.islet--dark {
  background: #333333; }

/* $BORDERED
\*------------------------------------------------------------------------*/
/* line 89, ../sass/layout/_islands.scss */
.continent--bordered,
.island--bordered,
.islet--bordered {
  padding: 19px;
  padding: 1.35714rem;
  border: 1px solid #cccccc; }

/*----------------------------------------------------------------------------*\
	$STATE
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$THEME
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$LAYERS
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$CONTENTS
\*----------------------------------------------------------------------------*/
/*
CONTENTS................You're reading it
MODULE..................Includes base module & submodules
STATE...................States the module can be in
THEME...................Theming of the module
*/
/*----------------------------------------------------------------------------*\
	$MODULE
\*----------------------------------------------------------------------------*/
/* line 38, ../../../../../usr/lib64/ruby/gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.layer:after {
  content: "";
  display: table;
  clear: both; }

/* $DARK
\*------------------------------------------------------------------------*/
/* line 31, ../sass/layout/_layers.scss */
.layer--dark {
  background: #333333; }

/* $LIGHT
\*------------------------------------------------------------------------*/
/* line 38, ../sass/layout/_layers.scss */
.layer--light {
  background: #fff; }

/* $BRAND
\*------------------------------------------------------------------------*/
/* line 45, ../sass/layout/_layers.scss */
.layer--brand {
  background: #00bae7; }

/* $BRAND SECONDARY
\*------------------------------------------------------------------------*/
/* line 52, ../sass/layout/_layers.scss */
.layer--brand-secondary {
  background: #0069b9; }

/*----------------------------------------------------------------------------*\
	$STATE
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$THEME
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$HEADER
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$CONTENTS
\*----------------------------------------------------------------------------*/
/*
CONTENTS................You're reading it
MODULE..................Includes base module & submodules
STATE...................States the module can be in
THEME...................Theming of the module
*/
/*----------------------------------------------------------------------------*\
	$MODULE
\*----------------------------------------------------------------------------*/
/* line 24, ../sass/layout/_header.scss */
/* $LOGO
\*------------------------------------------------------------------------*/
/* line 31, ../sass/layout/_header.scss */
/*----------------------------------------------------------------------------*\
	$STATE
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$THEME
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
    $FOOTER
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
    $CONTENTS
\*----------------------------------------------------------------------------*/
/*
CONTENTS................You're reading it
MODULE..................Includes base module & submodules
STATE...................States the module can be in
THEME...................Theming of the module
*/
/*----------------------------------------------------------------------------*\
    $MODULE
\*----------------------------------------------------------------------------*/
/* line 24, ../sass/layout/_footer.scss */
/* $ISLAND
\*------------------------------------------------------------------------*/
/* line 33, ../sass/layout/_footer.scss */
.footer__island p {
  font-size: 13px;
  font-size: 0.92857rem;
  line-height: 1.84615;
  color: #fff; }

/* $LIST
\*------------------------------------------------------------------------*/
/* line 44, ../sass/layout/_footer.scss */
.footer__list a {
  font-size: 13px;
  font-size: 0.92857rem;
  line-height: 1.84615;
  color: #fff; }

/* line 48, ../sass/layout/_footer.scss */
.footer__list a:before {
  margin-right: 5px;
  margin-right: 0.35714rem;
  content: "»"; }

/* $FOOTNOTE
\*------------------------------------------------------------------------*/
/* line 58, ../sass/layout/_footer.scss */
.footer__footnote {
  padding-top: 10px;
  padding-top: 0.71429rem;
  border-top: 1px solid #00bae7;
  text-align: center; }

/* $FOOTER
\*------------------------------------------------------------------------*/
/* line 202, ../sass/modules/_nav.scss */
.nav--footer {
  font-size: 13px;
  font-size: 0.92857rem;
  line-height: 1.84615; }

/* line 207, ../sass/modules/_nav.scss */
.nav--footer li:before {
  content: "|";
  color: #fff;
  margin-right: 4px;
  margin-right: 0.28571rem; }

/* line 213, ../sass/modules/_nav.scss */
.nav--footer li:first-child:before {
  display: none; }

/* line 218, ../sass/modules/_nav.scss */
.nav--footer span {
  color: #fff; }

/* line 222, ../sass/modules/_nav.scss */
.nav--footer a {
  color: #fff; }

/* $WRAPPER
\*------------------------------------------------------------------------*/
/* line 231, ../sass/modules/_nav.scss */
.nav__wrapper {
  margin-bottom: 10px;
  margin-bottom: 0.71429rem;
  /* position: relative; */
  z-index: 10; }

/* line 38, ../../../../../usr/lib64/ruby/gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.nav__wrapper .layer--brand-secondary:after {
  content: "";
  display: table;
  clear: both; }

/*----------------------------------------------------------------------------*\
	$STATE
\*----------------------------------------------------------------------------*/
/* $PRIMARY SUB
\*------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$THEME
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$BUTTONS
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$CONTENTS
\*----------------------------------------------------------------------------*/
/*
CONTENTS................You're reading it
MODULE..................Includes base module & submodules
STATE...................States the module can be in
THEME...................Theming of the module
*/
/*----------------------------------------------------------------------------*\
	$MODULE
\*----------------------------------------------------------------------------*/
/* line 24, ../sass/modules/_buttons.scss */
.button {
  border: none;
  border-radius: 3px;
  font-weight: 700;
  transition: 0.1s; }

/* $PRIMARY
\*------------------------------------------------------------------------*/
/* line 34, ../sass/modules/_buttons.scss */
.button--default {
  font-size: 13px;
  font-size: 0.92857rem;
  line-height: 1.84615;
  line-height: 35px;
  line-height: 2.5rem;
  height: 35px;
  height: 2.5rem; }

/* $BRAND
\*------------------------------------------------------------------------*/
/* line 43, ../sass/modules/_buttons.scss */
.button--brand {
  background: #00bae7;
  color: #fff; }

/* line 47, ../sass/modules/_buttons.scss */
.button--brand:hover {
  background: #0091b4; }

/* $BRAND SECONDARY
\*------------------------------------------------------------------------*/
/* line 56, ../sass/modules/_buttons.scss */
.button--brand-secondary {
  background: #0069b9;
  color: #fff; }

/* line 60, ../sass/modules/_buttons.scss */
.button--brand-secondary:hover {
  background: #004c86; }

/* $ACTION
\*------------------------------------------------------------------------*/
/* line 68, ../sass/modules/_buttons.scss */
.button--action {
  background: #ff6d00;
  color: #fff; }

/* line 72, ../sass/modules/_buttons.scss */
.button--action:hover {
  background: #b35400; }

/* $OPACITY
\*------------------------------------------------------------------------*/
/* line 80, ../sass/modules/_buttons.scss */
.button--opacity {
  opacity: 0.5; }

/* $SILENT SOCIAL
\*------------------------------------------------------------------------*/
/* line 89, ../sass/modules/_buttons.scss */
.button__facebook, .button__twitter, .button__youtube, .button__instagram {
  height: 35px;
  height: 2.5rem;
  border-radius: 5px;
  border-radius: 0.35714rem;
  width: 110px;
  width: 7.85714rem;
  padding-left: 30px;
  padding-left: 2.14286rem;
  margin-bottom: 10px;
  margin-bottom: 0.71429rem;
  font-size: 13px;
  font-size: 0.92857rem;
  line-height: 1.84615;
  line-height: 35px;
  line-height: 2.5rem;
  transition: 0.1s;
  display: inline-block;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  background-repeat: no-repeat;
  background-position: 4px 0; }

/* line 105, ../sass/modules/_buttons.scss */
.button__facebook:hover, .button__twitter:hover, .button__youtube:hover, .button__instagram:hover {
  text-decoration: none; }

/* $FACEBOOK
\*------------------------------------------------------------------------*/
/* line 113, ../sass/modules/_buttons.scss */
.button__facebook {
  background-image: url(/content/img/button-facebook.png);
  background-color: #3969b5; }

/* line 118, ../sass/modules/_buttons.scss */
.button__facebook:hover {
  background-color: #2d528e; }

/* $TWITTER
\*------------------------------------------------------------------------*/
/* line 127, ../sass/modules/_buttons.scss */
.button__twitter {
  background-image: url(/content/img/button-twitter.png);
  background-color: #5faded; }

/* line 132, ../sass/modules/_buttons.scss */
.button__twitter:hover {
  background-color: #3196e8; }

/* $YOUTUBE
\*------------------------------------------------------------------------*/
/* line 141, ../sass/modules/_buttons.scss */
.button__youtube {
  background-image: url(/content/img/button-youtube.png);
  background-color: #b01a19; }

/* line 146, ../sass/modules/_buttons.scss */
.button__youtube:hover {
  background-color: #831313; }

/* $instagram
\*------------------------------------------------------------------------*/
/* line 141, ../sass/modules/_buttons.scss */
.button__instagram {
  background-image: url(/content/img/button-instagram.png);
  background-color: #eb4a57; }

/* line 146, ../sass/modules/_buttons.scss */
.button__instagram:hover {
  background-color: #e01d2d; }

/*----------------------------------------------------------------------------*\
	$STATE
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$THEME
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$CAROUSEL
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$CONTENTS
\*----------------------------------------------------------------------------*/
/*
CONTENTS................You're reading it
MODULE..................Includes base module & submodules
STATE...................States the module can be in
THEME...................Theming of the module
*/
/*----------------------------------------------------------------------------*\
	$MODULE
\*----------------------------------------------------------------------------*/
/* $BUTTON
\*------------------------------------------------------------------------*/
/* line 58, ../sass/modules/_carousel.scss */
.button--carousel {
  bottom: 20px;
  bottom: 1.42857rem;
  right: 20px;
  right: 1.42857rem;
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.5;
  padding: 10px 20px;
  padding: 0.71429rem 1.42857rem;
  position: absolute;
  background: #ff6d00;
  color: #fff; }

/*----------------------------------------------------------------------------*\
	$MODULE
\*----------------------------------------------------------------------------*/
/* line 26, ../sass/modules/_shopping-cart.scss */
/* line 31, ../sass/modules/_shopping-cart.scss */
.shopping-cart .usp__product-detail {
  padding-top: 0; }

/* line 34, ../sass/modules/_shopping-cart.scss */
.shopping-cart .usp__product-detail .list > li {
  padding-left: 10px;
  padding-left: 0.71429rem;
  padding-right: 10px;
  padding-right: 0.71429rem; }

/* $HEADER
\*------------------------------------------------------------------------*/
/* line 44, ../sass/modules/_shopping-cart.scss */
.shopping-cart__header {
  margin-bottom: 20px;
  margin-bottom: 1.42857rem;
  overflow: hidden; }

/* line 48, ../sass/modules/_shopping-cart.scss */
.shopping-cart__header .beta {
  float: left; }

/* line 52, ../sass/modules/_shopping-cart.scss */
.shopping-cart__header .button {
  float: right; }

/* $TABLE
\*------------------------------------------------------------------------*/
/* line 60, ../sass/modules/_shopping-cart.scss */
.shopping-cart__table {
  width: 100%;
  border-bottom: 1px solid #cccccc; }

/* line 64, ../sass/modules/_shopping-cart.scss */
.shopping-cart__table .pull-right {
  text-align: right; }

/* line 68, ../sass/modules/_shopping-cart.scss */
.shopping-cart__table .pull-left {
  text-align: left; }

/* line 72, ../sass/modules/_shopping-cart.scss */
.shopping-cart__table th {
  border-bottom: 1px solid #cccccc;
  text-align: center; }

/* line 76, ../sass/modules/_shopping-cart.scss */
.shopping-cart__table th span {
  margin-bottom: 10px;
  margin-bottom: 0.71429rem;
  display: inline-block; }

/* line 83, ../sass/modules/_shopping-cart.scss */
.shopping-cart__table tr:first-child td {
  padding-top: 20px;
  padding-top: 1.42857rem; }

/* line 88, ../sass/modules/_shopping-cart.scss */
.shopping-cart__table td {
  vertical-align: top; }

/* line 94, ../sass/modules/_shopping-cart.scss */
.shopping-cart__table .article .media__img {
  margin-right: 20px;
  margin-right: 1.42857rem;
  float: left; }

/* line 100, ../sass/modules/_shopping-cart.scss */
.shopping-cart__table .article .media,
.shopping-cart__table .article .media__body {
  overflow: hidden; }

/* line 104, ../sass/modules/_shopping-cart.scss */
.shopping-cart__table .article .imageholder {
  border: 1px solid #cccccc;
  margin-bottom: 0; }

/* line 109, ../sass/modules/_shopping-cart.scss */
.shopping-cart__table .article .heading {
  font-size: 22px;
  font-size: 1.57143rem;
  line-height: 1.09091;
  margin-bottom: 5px;
  margin-bottom: 0.35714rem;
  font-style: normal;
  font-weight: 500; }

/* line 116, ../sass/modules/_shopping-cart.scss */
.shopping-cart__table .article .article-id {
  font-size: 13px;
  font-size: 0.92857rem;
  line-height: 1.84615;
  font-style: italic; }

/* line 122, ../sass/modules/_shopping-cart.scss */
.shopping-cart__table .pricing {
  text-align: right; }

/* line 125, ../sass/modules/_shopping-cart.scss */
.shopping-cart__table .pricing .price {
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.5;
  font-weight: bold;
  display: block; }

/* line 131, ../sass/modules/_shopping-cart.scss */
.shopping-cart__table .pricing .prev-price {
  font-size: 13px;
  font-size: 0.92857rem;
  line-height: 1.84615; }

/* line 136, ../sass/modules/_shopping-cart.scss */
.shopping-cart__table .count {
  text-align: right; }

/* line 139, ../sass/modules/_shopping-cart.scss */
.shopping-cart__table .count select {
  width: 70px;
  width: 5rem; }

/* line 144, ../sass/modules/_shopping-cart.scss */
.shopping-cart__table .total-price {
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: right; }

/* line 150, ../sass/modules/_shopping-cart.scss */
.shopping-cart__table .remove {
  text-align: right; }

/* line 153, ../sass/modules/_shopping-cart.scss */
.shopping-cart__table .remove a {
  font-size: 20px;
  font-size: 1.42857rem;
  line-height: 1.2;
  color: #d22907;
  text-decoration: none; }

/* $SECTION
\*------------------------------------------------------------------------*/
/* line 164, ../sass/modules/_shopping-cart.scss */
.shopping-cart__section {
  padding-bottom: 20px;
  padding-bottom: 1.42857rem;
  overflow: hidden; }

/* line 168, ../sass/modules/_shopping-cart.scss */
.shopping-cart__section .secondary-column {
  padding-right: 40px;
  padding-right: 2.85714rem;
  width: 50%;
  float: left; }

/* line 176, ../sass/modules/_shopping-cart.scss */
.shopping-cart__section .shopping-cart__discount .trigger {
  font-size: 13px;
  font-size: 0.92857rem;
  line-height: 1.84615; }

/* line 180, ../sass/modules/_shopping-cart.scss */
.shopping-cart__section .shopping-cart__discount .title {
  margin-top: 10px;
  margin-top: 0.71429rem;
  margin-bottom: 3px;
  margin-bottom: 0.21429rem;
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.5;
  font-weight: bold;
  display: block; }

/* line 188, ../sass/modules/_shopping-cart.scss */
.shopping-cart__section .shopping-cart__discount p {
  margin-bottom: 10px;
  margin-bottom: 0.71429rem; }

/* line 192, ../sass/modules/_shopping-cart.scss */
.shopping-cart__section .shopping-cart__discount .form__field-wrapper {
  float: left;
  margin-right: 10px;
  margin-right: 0.71429rem;
  margin-bottom: 0; }

/* line 198, ../sass/modules/_shopping-cart.scss */
.shopping-cart__section .shopping-cart__discount .form__button-wrapper {
  float: left;
  margin-bottom: 0; }

/* line 204, ../sass/modules/_shopping-cart.scss */
.shopping-cart__section .primary-column {
  width: 50%;
  float: right; }

/* line 208, ../sass/modules/_shopping-cart.scss */
.shopping-cart__section .primary-column .subtotal {
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.5; }

/* line 211, ../sass/modules/_shopping-cart.scss */
.shopping-cart__section .primary-column .subtotal .info {
  top: 3px;
  top: 0.21429rem;
  position: absolute;
  right: 0; }

/* line 218, ../sass/modules/_shopping-cart.scss */
.shopping-cart__section .primary-column .total {
  font-size: 20px;
  font-size: 1.42857rem;
  line-height: 1.2; }

/* line 222, ../sass/modules/_shopping-cart.scss */
.shopping-cart__section .primary-column dt {
  width: 200px;
  width: 14.28571rem;
  text-align: right;
  float: left;
  font-weight: bold; }

/* line 229, ../sass/modules/_shopping-cart.scss */
.shopping-cart__section .primary-column dd {
  padding-right: 32px;
  padding-right: 2.28571rem;
  margin-bottom: 5px;
  margin-bottom: 0.35714rem;
  text-align: right;
  font-weight: bold;
  position: relative; }

/* $FOOTER
\*------------------------------------------------------------------------*/
/* line 242, ../sass/modules/_shopping-cart.scss */
.shopping-cart__footer {
  overflow: hidden; }

/* line 247, ../sass/modules/_shopping-cart.scss */
.shopping-cart__footer .previous {
  font-size: 13px;
  font-size: 0.92857rem;
  line-height: 1.84615; }

/* $HIGHLIGHT
\*------------------------------------------------------------------------*/
/* line 257, ../sass/modules/_shopping-cart.scss */
.shopping-cart-highlight {
  padding: 8px;
  padding: 0.57143rem;
  border: 1px solid #ccc;
  background: #fff;
  display: inline-block;
  float: right; }

/* line 264, ../sass/modules/_shopping-cart.scss */
.shopping-cart-highlight .heading {
  line-height: 16px;
  line-height: 1.14286rem;
  margin-bottom: 4px;
  margin-bottom: 0.28571rem; }

/* line 269, ../sass/modules/_shopping-cart.scss */
.shopping-cart-highlight .items {
  font-size: 12px;
  font-size: 0.85714rem;
  line-height: 2;
  margin-right: 5px;
  margin-right: 0.35714rem; }

/* $MY SHOPPINGCART
\*------------------------------------------------------------------------*/
/* line 278, ../sass/modules/_shopping-cart.scss */
.my-shopping-cart {
  margin-bottom: 30px;
  margin-bottom: 2.14286rem; }

/* line 281, ../sass/modules/_shopping-cart.scss */
.my-shopping-cart .primary-column {
  width: 210px;
  width: 15rem;
  float: left; }

/* line 287, ../sass/modules/_shopping-cart.scss */
.my-shopping-cart .secondary-column {
  width: 88px;
  width: 6.28571rem;
  padding: 5px 0;
  padding: 0.35714rem 0;
  float: right;
  text-align: right; }

/* line 293, ../sass/modules/_shopping-cart.scss */
.my-shopping-cart .secondary-column:after {
  clear: both; }

/* line 299, ../sass/modules/_shopping-cart.scss */
.my-shopping-cart__header {
  overflow: hidden;
  border-bottom: 1px solid #cccccc; }

/* line 303, ../sass/modules/_shopping-cart.scss */
.my-shopping-cart__header .total {
  font-weight: bold; }

/* line 308, ../sass/modules/_shopping-cart.scss */
.my-shopping-cart__header .secondary-column,
.my-shopping-cart__header .primary-column {
  padding: 0; }

/* line 313, ../sass/modules/_shopping-cart.scss */
.my-shopping-cart__content {
  padding: 5px 0;
  padding: 0.35714rem 0;
  overflow: hidden; }

/* line 318, ../sass/modules/_shopping-cart.scss */
.my-shopping-cart__content .delta {
  margin-bottom: 5px;
  margin-bottom: 0.35714rem;
  text-transform: uppercase; }

/* line 323, ../sass/modules/_shopping-cart.scss */
.my-shopping-cart__content .price {
  font-weight: bold; }

/* line 327, ../sass/modules/_shopping-cart.scss */
.my-shopping-cart__content .article-id {
  font-size: 13px;
  font-size: 0.92857rem;
  line-height: 1.84615;
  display: block;
  font-style: italic; }

/* line 334, ../sass/modules/_shopping-cart.scss */
.my-shopping-cart__subtotal {
  padding: 5px 0;
  padding: 0.35714rem 0;
  overflow: hidden;
  border-bottom: 1px solid #cccccc; }

/* line 340, ../sass/modules/_shopping-cart.scss */
.my-shopping-cart__subtotal .title,
.my-shopping-cart__subtotal .price {
  font-weight: bold; }

/* line 345, ../sass/modules/_shopping-cart.scss */
.my-shopping-cart__total {
  padding: 5px 0;
  padding: 0.35714rem 0;
  overflow: hidden; }

.my-shopping-cart__bestellen {
  float: right; }

/* line 349, ../sass/modules/_shopping-cart.scss */
.my-shopping-cart__total .title {
  font-weight: bold; }

/* line 353, ../sass/modules/_shopping-cart.scss */
.my-shopping-cart__total .price,
.my-shopping-cart__total .title {
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.5;
  font-weight: bold; }

.my-shopping-cart__total .title {
  padding: 5px 0;
  display: inline-block; }

/*----------------------------------------------------------------------------*\
	$STATE
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$THEME
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$SEARCH
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$CONTENTS
\*----------------------------------------------------------------------------*/
/*
CONTENTS................You're reading it
MODULE..................Includes base module & submodules
STATE...................States the module can be in
THEME...................Theming of the module
*/
/*----------------------------------------------------------------------------*\
	$MODULE
\*----------------------------------------------------------------------------*/
/* $HIGHLIGHT
\*------------------------------------------------------------------------*/
/* line 32, ../sass/modules/_search.scss */
.search-highlight .heading {
  margin-bottom: 5px;
  margin-bottom: 0.35714rem; }

/* line 36, ../sass/modules/_search.scss */
.search-highlight p {
  font-size: 13px;
  font-size: 0.92857rem;
  line-height: 1.84615;
  line-height: 16px;
  line-height: 1.14286rem;
  margin-bottom: 10px;
  margin-bottom: 0.71429rem; }

/* line 42, ../sass/modules/_search.scss */
.search-highlight .form__field-wrapper {
  width: 190px;
  width: 13.57143rem;
  margin-right: 10px;
  margin-right: 0.71429rem;
  margin-bottom: 0;
  float: left; }

/* line 49, ../sass/modules/_search.scss */
.search-highlight .form__button-wrapper {
  margin-bottom: 0; }

/* line 53, ../sass/modules/_search.scss */
.search-highlight input {
  border-color: #fff; }

/*----------------------------------------------------------------------------*\
	$STATE
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$THEME
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$NEWSLETTER
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$CONTENTS
\*----------------------------------------------------------------------------*/
/*
CONTENTS................You're reading it
MODULE..................Includes base module & submodules
STATE...................States the module can be in
THEME...................Theming of the module
*/
/*----------------------------------------------------------------------------*\
	$MODULE
\*----------------------------------------------------------------------------*/
/* $HIGHLIGHT
\*------------------------------------------------------------------------*/
/* line 32, ../sass/modules/_newsletter.scss */
.newsletter-highlight .heading {
  margin-bottom: 5px;
  margin-bottom: 0.35714rem; }

/* line 36, ../sass/modules/_newsletter.scss */
.newsletter-highlight p {
  font-size: 13px;
  font-size: 0.92857rem;
  line-height: 1.84615;
  line-height: 16px;
  line-height: 1.14286rem;
  margin-bottom: 10px;
  margin-bottom: 0.71429rem; }

/* line 49, ../sass/modules/_newsletter.scss */
.newsletter-highlight .form__button-wrapper {
  margin-bottom: 0; }

/* line 53, ../sass/modules/_newsletter.scss */
.newsletter-highlight input {
  border-color: #fff; }

/*----------------------------------------------------------------------------*\
	$STATE
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$THEME
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$CATEGORIES
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$CONTENTS
\*----------------------------------------------------------------------------*/
/*
CONTENTS................You're reading it
MODULE..................Includes base module & submodules
STATE...................States the module can be in
THEME...................Theming of the module
*/
/*----------------------------------------------------------------------------*\
	$MODULE
\*----------------------------------------------------------------------------*/
/* line 24, ../sass/modules/_categories.scss */
.categories {
  background: #f5f5f5; }

/* line 27, ../sass/modules/_categories.scss */
.categories .list {
  border-top: none;
  margin-bottom: 0; }

/* line 30, ../sass/modules/_categories.scss */
.categories .list li {
  border-color: whitesmoke;
  background-color: whitesmoke;
  margin-bottom: 2px; }

.categories .list li a:before {
  color: #828282; }

/* line 35, ../sass/modules/_categories.scss */
.categories a {
  font-size: 15px;
  font-size: 1.07143rem;
  line-height: 1.6;
  color: #fff;
  font-weight: 600;
  display: block; }

@media screen and (max-width: 1022px) {
  .categories li.mobile-hide {
    display: none; }
  .categories .list li {
    margin-bottom: 0px; } }

/* $CLUE
\*------------------------------------------------------------------------*/
/* line 46, ../sass/modules/_categories.scss */
.categories__clue {
  height: 30px;
  height: 2.14286rem;
  background: url(/content/img/pick-category.png) 120px 2px no-repeat; }

/*----------------------------------------------------------------------------*\
	$STATE
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$THEME
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$CUSTOM SERVICE
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$CONTENTS
\*----------------------------------------------------------------------------*/
/*
CONTENTS................You're reading it
MODULE..................Includes base module & submodules
STATE...................States the module can be in
THEME...................Theming of the module
*/
/*----------------------------------------------------------------------------*\
	$MODULE
\*----------------------------------------------------------------------------*/
/* $HIGHLIGHT
\*------------------------------------------------------------------------*/
/* line 32, ../sass/modules/_customer-service.scss */
.customer-service-highlight .heading {
  margin-bottom: 5px;
  margin-bottom: 0.35714rem; }

/* line 36, ../sass/modules/_customer-service.scss */
.customer-service-highlight .text {
  font-size: 13px;
  font-size: 0.92857rem;
  line-height: 1.84615;
  line-height: 16px;
  line-height: 1.14286rem;
  display: block; }

/*----------------------------------------------------------------------------*\
	$STATE
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$THEME
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$HOMEPAGE
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$CONTENTS
\*----------------------------------------------------------------------------*/
/*
CONTENTS................You're reading it
MODULE..................Includes base module & submodules
STATE...................States the module can be in
THEME...................Theming of the module
*/
/*----------------------------------------------------------------------------*\
	$MODULE
\*----------------------------------------------------------------------------*/
/* $INTRO
\*------------------------------------------------------------------------*/
/* line 30, ../sass/modules/_homepage.scss */
.homepage-intro .beta.heading {
  text-transform: none; }

/* line 34, ../sass/modules/_homepage.scss */
.homepage-intro h2 {
  font-size: 13px;
  font-size: 0.92857rem;
  line-height: 1.84615;
  margin-bottom: 0; }

/* line 39, ../sass/modules/_homepage.scss */
.homepage-intro p {
  font-size: 13px;
  font-size: 0.92857rem;
  line-height: 1.84615;
  margin-bottom: 15px;
  margin-bottom: 1.07143rem; }

/* $HIGLIGHT
\*------------------------------------------------------------------------*/
/* line 48, ../sass/modules/_homepage.scss */
.homepage-highlight__teaser {
  margin-bottom: 20px;
  margin-bottom: 1.42857rem; }

/* line 51, ../sass/modules/_homepage.scss */
.homepage-highlight__teaser img {
  width: 100%; }

/* line 56, ../sass/modules/_homepage.scss */
.homepage-highlight__teaser-odd {
  min-height: 342px;
  min-height: 24.42857rem;
  padding: 20px 10px;
  padding: 1.42857rem 0.71429rem;
  text-align: center;
  background: #9cb4da; }

/* line 62, ../sass/modules/_homepage.scss */
.homepage-highlight__teaser-odd .heading {
  margin-bottom: 30px;
  margin-bottom: 2.14286rem; }

/* line 66, ../sass/modules/_homepage.scss */
.homepage-highlight__teaser-odd .list li {
  margin-bottom: 20px;
  margin-bottom: 1.42857rem; }

/* line 70, ../sass/modules/_homepage.scss */
.homepage-highlight__teaser-odd .button {
  font-size: 13px;
  font-size: 0.92857rem;
  line-height: 1.84615;
  padding-top: 5px;
  padding-top: 0.35714rem;
  padding-bottom: 5px;
  padding-bottom: 0.35714rem;
  width: 100%;
  text-align: left; }

/*----------------------------------------------------------------------------*\
	$STATE
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$THEME
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$FILTER
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$CONTENTS
\*----------------------------------------------------------------------------*/
/*
CONTENTS................You're reading it
MODULE..................Includes base module & submodules
STATE...................States the module can be in
THEME...................Theming of the module
*/
/*----------------------------------------------------------------------------*\
	$MODULE
\*----------------------------------------------------------------------------*/
/* $SELECTED
\*------------------------------------------------------------------------*/
/* line 30, ../sass/modules/_filter.scss */
.filter__selected {
  overflow: hidden; }

/* line 33, ../sass/modules/_filter.scss */
.filter__selected p {
  margin-bottom: 5px;
  margin-bottom: 0.35714rem;
  font-weight: bold; }

/* line 39, ../sass/modules/_filter.scss */
.filter__selection {
  overflow: hidden; }

/* line 42, ../sass/modules/_filter.scss */
.filter__selection a {
  font-size: 12px;
  font-size: 0.85714rem;
  line-height: 2;
  padding: 0 2px 0 4px;
  padding: 0 0.14286rem 0 0.28571rem;
  margin-bottom: 4px;
  margin-bottom: 0.28571rem;
  margin-right: 4px;
  margin-right: 0.28571rem;
  display: block;
  float: left;
  color: #333333;
  background: #fff;
  border: 1px solid #cccccc;
  border-radius: 2px; }

/* line 55, ../sass/modules/_filter.scss */
.filter__selection span {
  font-size: 15px;
  font-size: 1.07143rem;
  line-height: 1.6;
  color: #00bae7; }

/* line 61, ../sass/modules/_filter.scss */
.filter__delete {
  font-size: 13px;
  font-size: 0.92857rem;
  line-height: 1.84615;
  float: right; }

/* $LIST
\*------------------------------------------------------------------------*/
/* line 69, ../sass/modules/_filter.scss */
.filter__list {
  margin-bottom: 30px;
  margin-bottom: 2.14286rem; }

/* line 72, ../sass/modules/_filter.scss */
.filter__list > li {
  margin-bottom: 20px;
  margin-bottom: 1.42857rem; }

/* line 75, ../sass/modules/_filter.scss */
.filter__list > li .filter__listitem {
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.5;
  font-weight: 700;
  color: #333333;
  text-decoration: none;
  float: left; }

/* line 82, ../sass/modules/_filter.scss */
.filter__list > li .filter__listitem:before {
  content: "\e803";
  padding-right: 9px;
  padding-right: 0.64286rem;
  width: 24px;
  width: 1.71429rem;
  font-family: "fontello", sans-serif;
  overflow: hidden;
  display: inline-block;
  vertical-align: top; }

.toon-meer-producten:before {
  content: "\e803";
  padding-right: 9px;
  padding-right: 0.64286rem;
  width: 24px;
  width: 1.71429rem;
  font-family: "fontello", sans-serif;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  transform: scale(1, -1); }

.toon-meer-producten:after {
  content: "\e803";
  padding-left: 9px;
  padding-left: 0.64286rem;
  width: 24px;
  width: 1.71429rem;
  font-family: "fontello", sans-serif;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  transform: scale(1, -1); }

.toon-meer-producten {
  font-size: 16px;
  padding: 5px 0;
  height: initial; }

/* line 95, ../sass/modules/_filter.scss */
.filter__list > li .filter__listitem.is-active:before {
  content: "\e802"; }

/* line 102, ../sass/modules/_filter.scss */
.filter__sublist {
  margin-left: 24px;
  margin-left: 1.71429rem;
  margin-top: 5px;
  margin-top: 0.35714rem;
  display: none; }

/* line 107, ../sass/modules/_filter.scss */
.filter__sublist.is-active {
  display: block; }

/* line 111, ../sass/modules/_filter.scss */
.filter__sublist li {
  padding: 3px 0;
  padding: 0.21429rem 0; }

/* line 114, ../sass/modules/_filter.scss */
.filter__sublist li a {
  font-size: 13px;
  font-size: 0.92857rem;
  line-height: 1.84615;
  color: #999999; }

/* line 119, ../sass/modules/_filter.scss */
.filter__sublist li > a.is-active {
  color: #0069b9;
  font-weight: 700; }

/* line 126, ../sass/modules/_filter.scss */
.filter__list-header {
  overflow: hidden; }

/* line 130, ../sass/modules/_filter.scss */
.filter__info {
  height: 20px;
  height: 1.42857rem;
  width: 20px;
  width: 1.42857rem;
  margin-top: 2px;
  margin-top: 0.14286rem;
  margin-left: 8px;
  margin-left: 0.57143rem;
  display: block;
  float: left;
  background: url(/content/img/info.png) 0 0 no-repeat; }

/*----------------------------------------------------------------------------*\
	$STATE
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$THEME
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$USP
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$CONTENTS
\*----------------------------------------------------------------------------*/
/*
CONTENTS................You're reading it
MODULE..................Includes base module & submodules
STATE...................States the module can be in
THEME...................Theming of the module
*/
/*----------------------------------------------------------------------------*\
	$MODULE
\*----------------------------------------------------------------------------*/
/* line 25, ../sass/modules/_usp.scss */
.usp .heading {
  margin-bottom: 0; }

/* $ITEM
\*------------------------------------------------------------------------*/
/* line 33, ../sass/modules/_usp.scss */
.usp__item {
  min-height: 36px;
  min-height: 2.57143rem; }

/* line 36, ../sass/modules/_usp.scss */
.usp__item.workshop {
  background: url(/content/img/usp-workshop.png) left center no-repeat;
  padding-left: 48px;
  padding-left: 3.42857rem;
  padding-top: 9px;
  padding-top: 0.64286rem; }

/* line 42, ../sass/modules/_usp.scss */
.usp__item.nomiddleman {
  background: url(/content/img/usp-nomiddleman.png) left center no-repeat;
  padding-left: 85px;
  padding-left: 6.07143rem; }

/* line 47, ../sass/modules/_usp.scss */
.usp__item.online {
  background: url(/content/img/usp-online.png) left center no-repeat;
  padding-left: 50px;
  padding-left: 3.57143rem; }

/* line 52, ../sass/modules/_usp.scss */
.usp__item.rtlz {
  background: url(/content/img/usp-rtlz.png) left center no-repeat;
  padding-left: 52px;
  padding-left: 3.71429rem; }

/* $SIDEBAR
\*------------------------------------------------------------------------*/
/* line 63, ../sass/modules/_usp.scss */
.usp__sidebar .heading {
  margin-bottom: 0; }

/* line 67, ../sass/modules/_usp.scss */
.usp__sidebar.workshop {
  background: url(/content/img/usp-workshop.png) left center no-repeat;
  padding-left: 48px;
  padding-left: 3.42857rem; }

/* line 72, ../sass/modules/_usp.scss */
.usp__sidebar.nomiddleman {
  background: url(/content/img/usp-nomiddleman.png) left center no-repeat;
  padding-left: 85px;
  padding-left: 6.07143rem; }

/* line 77, ../sass/modules/_usp.scss */
.usp__sidebar.online {
  background: url(/content/img/usp-online.png) left center no-repeat;
  padding-left: 56px;
  padding-left: 4rem; }

/* line 82, ../sass/modules/_usp.scss */
.usp__sidebar.rtlz {
  background: url(/content/img/usp-rtlz.png) left center no-repeat;
  padding-left: 52px;
  padding-left: 3.71429rem; }

/* $PRODUCT DETAIL
\*------------------------------------------------------------------------*/
/* line 93, ../sass/modules/_usp.scss */
.usp__product-detail .beta {
  margin-bottom: 20px;
  margin-bottom: 1.42857rem; }

/* line 97, ../sass/modules/_usp.scss */
.usp__product-detail .delta {
  margin-bottom: 0; }

/* line 101, ../sass/modules/_usp.scss */
.usp__product-detail .media {
  margin-bottom: 0;
  overflow: hidden; }

/* line 106, ../sass/modules/_usp.scss */
.usp__product-detail .media__img {
  margin-right: 9px;
  margin-right: 0.64286rem;
  float: left; }

/* line 111, ../sass/modules/_usp.scss */
.usp__product-detail .media__body {
  padding-top: 5px;
  padding-top: 0.35714rem;
  overflow: hidden; }

/* line 116, ../sass/modules/_usp.scss */
.usp__product-detail .list {
  margin: 0 -20px -20px -20px;
  margin: 0 -1.42857rem -1.42857rem -1.42857rem;
  border: none; }

/* line 120, ../sass/modules/_usp.scss */
.usp__product-detail .list > li {
  padding: 10px 20px;
  padding: 0.71429rem 1.42857rem;
  border-top: 1px solid #cccccc;
  border-bottom: none; }

/*----------------------------------------------------------------------------*\
	$STATE
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$THEME
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$OVERVIEW
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$CONTENTS
\*----------------------------------------------------------------------------*/
/*
CONTENTS................You're reading it
MODULE..................Includes base module & submodules
STATE...................States the module can be in
THEME...................Theming of the module
*/
/*----------------------------------------------------------------------------*\
	$MODULE
\*----------------------------------------------------------------------------*/
/* $INTRO
\*------------------------------------------------------------------------*/
/* line 38, ../../../../../usr/lib64/ruby/gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.overview-intro:after {
  content: "";
  display: table;
  clear: both; }

/* line 30, ../sass/modules/_overview.scss */
.overview-intro p {
  margin-bottom: 0; }

/* line 34, ../sass/modules/_overview.scss */
.overview-intro .read-more {
  font-size: 13px;
  font-size: 0.92857rem;
  line-height: 1.84615;
  float: right; }

/* $ACTIONS
\*------------------------------------------------------------------------*/
/* line 44, ../sass/modules/_overview.scss */
.overview-actions {
  margin-bottom: 30px;
  margin-bottom: 2.14286rem; }

/* $SORT
\*------------------------------------------------------------------------*/
/* line 38, ../../../../../usr/lib64/ruby/gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.overview-sort:after {
  content: "";
  display: table;
  clear: both; }

/* line 55, ../sass/modules/_overview.scss */
.overview-sort .form__field-wrapper {
  margin-right: 10px;
  margin-right: 0.71429rem;
  float: left; }

/* line 61, ../sass/modules/_overview.scss */
.overview-sort .form__label-wrapper,
.overview-sort .form__input-wrapper {
  margin-right: 5px;
  margin-right: 0.35714rem;
  float: left; }

/* line 66, ../sass/modules/_overview.scss */
.overview-sort label {
  font-size: 12px;
  font-size: 0.85714rem;
  line-height: 2;
  font-weight: 700; }

/* line 71, ../sass/modules/_overview.scss */
.overview-sort select {
  font-size: 12px;
  font-size: 0.85714rem;
  line-height: 2; }

/*----------------------------------------------------------------------------*\
	$STATE
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$THEME
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$PAGINATOR
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$CONTENTS
\*----------------------------------------------------------------------------*/
/*
CONTENTS................You're reading it
MODULE..................Includes base module & submodules
STATE...................States the module can be in
THEME...................Theming of the module
*/
/*----------------------------------------------------------------------------*\
	$MODULE
\*----------------------------------------------------------------------------*/
/* line 24, ../sass/modules/_paginator.scss */
.paginator {
  float: right; }

/* line 28, ../sass/modules/_paginator.scss */
.paginator a,
.paginator span {
  height: 22px;
  height: 1.57143rem;
  width: 22px;
  width: 1.57143rem;
  margin-right: -4px;
  margin-right: -0.28571rem;
  margin-left: 6px;
  margin-left: 0.42857rem;
  font-size: 12px;
  font-size: 0.85714rem;
  line-height: 2;
  line-height: 22px;
  line-height: 1.57143rem;
  font-weight: 700;
  display: inline-block;
  background: #9cb4da;
  text-align: center;
  color: #fff; }

/* line 44, ../sass/modules/_paginator.scss */
.paginator a.prev, .paginator a.next, .paginator a.is-active, .paginator a:hover,
.paginator span.prev,
.paginator span.next,
.paginator span.is-active,
.paginator span:hover {
  background: #0069b9;
  text-decoration: none; }

/* line 50, ../sass/modules/_paginator.scss */
.paginator span:hover {
  background: #9cb4da; }

/* $HOLDER
\*------------------------------------------------------------------------*/
/* line 38, ../../../../../usr/lib64/ruby/gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.paginator__holder:after {
  content: "";
  display: table;
  clear: both; }

/*----------------------------------------------------------------------------*\
	$STATE
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$THEME
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$PRODUCT
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$CONTENTS
\*----------------------------------------------------------------------------*/
/*
CONTENTS................You're reading it
MODULE..................Includes base module & submodules
STATE...................States the module can be in
THEME...................Theming of the module
*/
/*----------------------------------------------------------------------------*\
	$MODULE
\*----------------------------------------------------------------------------*/
/* $DETAIL
\*------------------------------------------------------------------------*/
/* line 29, ../sass/modules/_product.scss */
.back-to-overview {
  font-size: 13px;
  font-size: 0.92857rem;
  line-height: 1.84615;
  margin-bottom: 15px;
  margin-bottom: 1.07143rem;
  color: #0069b9; }

/* line 36, ../sass/modules/_product.scss */
.product__title {
  margin-top: 10px;
  margin-top: 0.71429rem;
  margin-bottom: 0;
  font-weight: normal; }

/* line 42, ../sass/modules/_product.scss */
.product__number {
  font-size: 13px;
  font-size: 0.92857rem;
  line-height: 1.84615;
  margin-bottom: 15px;
  margin-bottom: 1.07143rem;
  display: block;
  font-style: italic; }

/* line 49, ../sass/modules/_product.scss */
.product__specifications-highlight {
  margin-bottom: 5px;
  margin-bottom: 0.35714rem; }

/* line 52, ../sass/modules/_product.scss */
.product__specifications-highlight dt {
  width: 110px;
  width: 7.85714rem;
  padding-right: 10px;
  padding-right: 0.71429rem;
  float: left;
  width: 110px; }

/* line 60, ../sass/modules/_product.scss */
.product__all-specifications {
  font-size: 13px;
  font-size: 0.92857rem;
  line-height: 1.84615;
  margin-bottom: 10px;
  margin-bottom: 0.71429rem;
  display: inline-block; }

/* line 66, ../sass/modules/_product.scss */
.product__price-holder {
  margin-bottom: 10px;
  margin-bottom: 0.71429rem; }

/* line 38, ../../../../../usr/lib64/ruby/gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.product__price-holder:after {
  content: "";
  display: table;
  clear: both; }

/* line 71, ../sass/modules/_product.scss */
.product__price-advantage {
  display: block;
  color: #0069b9; }

/* line 76, ../sass/modules/_product.scss */
.product__price-intro {
  margin-top: 18px;
  margin-top: 1.28571rem;
  color: #0069b9;
  float: left; }

/* line 82, ../sass/modules/_product.scss */
.product__price {
  font-size: 34px;
  font-size: 2.42857rem;
  line-height: 1.41176;
  font-weight: 800;
  font-style: italic;
  color: #0069b9;
  float: right; }

/* $IMAGE
\*------------------------------------------------------------------------*/
/* line 93, ../sass/modules/_product.scss */
.product-image {
  margin-bottom: 30px;
  margin-bottom: 2.14286rem;
  position: relative;
  overflow: hidden; }

/* line 98, ../sass/modules/_product.scss */
.product-image .zoom {
  padding-top: 20px;
  padding-top: 1.42857rem;
  font-size: 13px;
  font-size: 0.92857rem;
  line-height: 1.84615;
  margin-right: 40px;
  margin-right: 2.85714rem;
  float: right; }

/* line 106, ../sass/modules/_product.scss */
.product__label {
  position: absolute;
  top: 0;
  right: 0;
  height: 23px;
  height: 1.64286rem; }

/* line 113, ../sass/modules/_product.scss */
.product__label.popular {
  width: 87px;
  width: 6.21429rem;
  background-image: url(/content/img/label-popular.png); }

/* line 118, ../sass/modules/_product.scss */
.product__label.new {
  width: 66px;
  width: 4.71429rem;
  background-image: url(/content/img/label-new.png); }

/* line 123, ../sass/modules/_product.scss */
.product__label.offer {
  width: 98px;
  width: 7rem;
  background-image: url(/content/img/label-offer.png); }

/* $HIGHLIGHT
\*------------------------------------------------------------------------*/
/* line 133, ../sass/modules/_product.scss */
.product-highlight {
  border: 1px solid #cccccc;
  margin-bottom: 20px;
  margin-bottom: 1.42857rem;
  padding: 9px;
  padding: 0.64286rem; }

/* line 138, ../sass/modules/_product.scss */
.product-highlight.is-active {
  box-shadow: 0 0 10px #666; }

.product-highlight .button {
  width: 150px;
  position: relative;
  float: right;
  margin-right: 40px;
  letter-spacing: normal; }

/* line 38, ../../../../../usr/lib64/ruby/gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.product-highlight__header:after {
  content: "";
  display: table;
  clear: both; }

.product-highlight__header {
  position: relative; }

/* line 146, ../sass/modules/_product.scss */
.product-highlight__header .form__field-wrapper {
  float: left; }

/* line 151, ../sass/modules/_product.scss */
.product-highlight__label {
  height: 23px;
  height: 1.64286rem;
  float: right; }

/* line 155, ../sass/modules/_product.scss */
.product-highlight__label.popular {
  width: 87px;
  width: 6.21429rem;
  background-image: url(/content/img/label-popular.png); }

/* line 160, ../sass/modules/_product.scss */
.product-highlight__label.new {
  width: 66px;
  width: 4.71429rem;
  background-image: url(/content/img/label-new.png); }

/* line 165, ../sass/modules/_product.scss */
.product-highlight__label.offer {
  width: 98px;
  width: 7rem;
  background-image: url(/content/img/label-offer.png); }

/* line 171, ../sass/modules/_product.scss */
.product-highlight__title {
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.5;
  margin-bottom: 7px;
  margin-bottom: 0.5rem;
  font-weight: normal; }

/* line 177, ../sass/modules/_product.scss */
.product-highlight__price {
  margin-bottom: 15px;
  margin-bottom: 1.07143rem; }

/* line 181, ../sass/modules/_product.scss */
.product-highlight__priceinfo {
  font-size: 12px;
  font-size: 0.85714rem;
  line-height: 2;
  line-height: 16px;
  line-height: 1.14286rem;
  margin-bottom: 5px;
  margin-bottom: 0.35714rem;
  color: #0069b9; }

/* line 188, ../sass/modules/_product.scss */
.product-highlight__speclist {
  margin-bottom: 5px;
  margin-bottom: 0.35714rem; }

/* line 191, ../sass/modules/_product.scss */
.product-highlight__speclist li {
  padding-right: 3px;
  padding-right: 0.21429rem;
  width: 33%;
  float: left; }

/* line 196, ../sass/modules/_product.scss */
.product-highlight__speclist li img {
  width: 100%; }

/* line 203, ../sass/modules/_product.scss */
.product-highlight__footer p {
  font-size: 12px;
  font-size: 0.85714rem;
  line-height: 2;
  margin-bottom: 0;
  color: #999; }

/* $DETAIL SPECLIST
\*------------------------------------------------------------------------*/
/* line 213, ../sass/modules/_product.scss */
.product-detail__speclist {
  overflow: hidden;
  margin-bottom: 0; }

/* line 217, ../sass/modules/_product.scss */
.product-detail__speclist li {
  float: left;
  width: 34%; }

/* line 222, ../sass/modules/_product.scss */
.product-detail__speclist .media {
  overflow: hidden;
  margin-bottom: 10px;
  margin-bottom: 0.71429rem; }

/* line 226, ../sass/modules/_product.scss */
.product-detail__speclist .media_img {
  float: left;
  margin-right: 10px;
  margin-right: 0.71429rem; }

/* line 231, ../sass/modules/_product.scss */
.product-detail__speclist .media_body {
  overflow: hidden; }

/* $BUNDLE
\*------------------------------------------------------------------------*/
/* line 240, ../sass/modules/_product.scss */
.product-bundles {
  padding-top: 10px;
  padding-top: 0.71429rem;
  padding-bottom: 10px;
  padding-bottom: 0.71429rem; }

/* line 245, ../sass/modules/_product.scss */
.product-bundle.highlight {
  margin: -30px -10px;
  margin: -2.14286rem -0.71429rem;
  padding: 30px 10px;
  padding: 2.14286rem 0.71429rem;
  background: #f1f9fd;
  position: relative; }

/* line 251, ../sass/modules/_product.scss */
.product-bundle.highlight .product-bundle__teaser {
  background: url(/Content/img/most-picked-bundle.png);
  display: block;
  height: 23px;
  height: 1.64286rem;
  width: 217px;
  width: 15.5rem;
  position: absolute;
  top: 7px;
  top: 0.5rem;
  left: 10px;
  left: 0.71429rem; }

/* line 262, ../sass/modules/_product.scss */
.product-bundle__products {
  padding-top: 8px;
  padding-top: 0.57143rem; }

/* line 265, ../sass/modules/_product.scss */
.product-bundle__products .imageholder {
  float: left; }

/* line 269, ../sass/modules/_product.scss */
.product-bundle__products .imageholder img {
  display: block; }

/* line 274, ../sass/modules/_product.scss */
.product-bundle__products .plusholder {
  padding: 25px 15px;
  padding: 1.78571rem 1.07143rem;
  float: left; }

/* line 280, ../sass/modules/_product.scss */
.product-bundle__contents {
  font-size: 13px;
  font-size: 0.92857rem;
  line-height: 1.84615;
  display: block; }

/* line 284, ../sass/modules/_product.scss */
.product-bundle__contents .title {
  font-weight: bold; }

/* line 288, ../sass/modules/_product.scss */
.product-bundle__contents .list {
  margin-bottom: 0; }

/* line 295, ../sass/modules/_product.scss */
.product-bundle__order .price {
  font-size: 34px;
  font-size: 2.42857rem;
  line-height: 1.41176;
  line-height: 36px;
  line-height: 2.57143rem;
  display: block;
  font-weight: 800;
  font-style: italic;
  color: #0069b9; }

/* line 304, ../sass/modules/_product.scss */
.product-bundle__order .price-info {
  margin-bottom: 10px;
  margin-bottom: 0.71429rem;
  font-size: 13px;
  font-size: 0.92857rem;
  line-height: 1.84615;
  color: #64d061;
  display: block; }

/* $PRODUCT LAST VIEWED
\*------------------------------------------------------------------------*/
/* line 315, ../sass/modules/_product.scss */
.product-lastviewed {
  margin-bottom: 30px;
  margin-bottom: 2.14286rem; }

/* line 318, ../sass/modules/_product.scss */
.product-lastviewed .beta {
  margin-bottom: 20px;
  margin-bottom: 1.42857rem; }

/* line 322, ../sass/modules/_product.scss */
.product-lastviewed .product-highlight__title {
  margin-bottom: 0; }

/* $BARGAINS
\*------------------------------------------------------------------------*/
/* line 330, ../sass/modules/_product.scss */
.product-bargains {
  padding: 10px 0 20px 0;
  padding: 0.71429rem 0 1.42857rem 0; }

/*----------------------------------------------------------------------------*\
	$STATE
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$THEME
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$TABS
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$CONTENTS
\*----------------------------------------------------------------------------*/
/*
CONTENTS................You're reading it
MODULE..................Includes base module & submodules
STATE...................States the module can be in
THEME...................Theming of the module
*/
/*----------------------------------------------------------------------------*\
	$MODULE
\*----------------------------------------------------------------------------*/
/* line 24, ../sass/modules/_tabs.scss */
.tabs {
  margin: 0;
  border-bottom: 1px solid #cccccc; }

/* line 38, ../../../../../usr/lib64/ruby/gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.tabs:after {
  content: "";
  display: table;
  clear: both; }

/* line 29, ../sass/modules/_tabs.scss */
.tabs li {
  float: left;
  margin-bottom: -1px; }

/* line 34, ../sass/modules/_tabs.scss */
.tabs a {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.71429;
  padding: 8px;
  padding: 0.57143rem;
  margin-right: 10px;
  margin-right: 0.71429rem;
  margin-top: 8px;
  margin-top: 0.57143rem;
  background: #f4f2f2;
  background: #f4f2f2;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f4f2f2 0%, #e1e0e0 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f2f2', endColorstr='#e1e0e0',GradientType=0 );
  /* IE6-9 */
  font-weight: bold;
  display: block;
  color: #333333;
  border: 1px solid #cccccc; }

/* line 46, ../sass/modules/_tabs.scss */
.tabs a:hover {
  text-decoration: none;
  background: #e8e4e4;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #e8e4e4 0%, #d4d3d3 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e4e4', endColorstr='#d4d3d3',GradientType=0 );
  /* IE6-9 */ }

/* line 54, ../sass/modules/_tabs.scss */
.tabs-content {
  padding: 29px 19px 19px 19px;
  padding: 2.07143rem 1.35714rem 1.35714rem 1.35714rem;
  border: 1px solid #cccccc;
  border-top: none; }

/*----------------------------------------------------------------------------*\
	$STATE
\*----------------------------------------------------------------------------*/
/* line 72, ../sass/modules/_tabs.scss */
.tabs li.is-active a {
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.5;
  padding: 12px;
  padding: 0.85714rem;
  margin-top: 0;
  color: #0069b9;
  border-bottom: 1px solid transparent;
  background: #fff; }

/*----------------------------------------------------------------------------*\
	$THEME
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$ORDER
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$CONTENTS
\*----------------------------------------------------------------------------*/
/*
CONTENTS................You're reading it
MODULE..................Includes base module & submodules
STATE...................States the module can be in
THEME...................Theming of the module
*/
/*----------------------------------------------------------------------------*\
	$MODULE
\*----------------------------------------------------------------------------*/
/* $STEPS
\*------------------------------------------------------------------------*/
/* line 27, ../sass/modules/_order.scss */
/* $ORDER HIGHLIGHT
\*------------------------------------------------------------------------*/
/* line 64, ../sass/modules/_order.scss */
.product__order-highlight .form__field-wrapper {
  margin-bottom: 10px;
  margin-bottom: 0.71429rem; }

/* line 67, ../sass/modules/_order.scss */
.product__order-highlight .form__field-wrapper label {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.71429;
  font-weight: bold; }

/* line 73, ../sass/modules/_order.scss */
.product__order-highlight .button {
  margin-bottom: 10px;
  margin-bottom: 0.71429rem;
  display: block;
  width: 100%;
  text-align: center; }

/* line 81, ../sass/modules/_order.scss */
.product__order-highlight__info-text {
  font-size: 12px;
  font-size: 0.85714rem;
  line-height: 2;
  color: #999999;
  margin-bottom: 0; }

.alternatieve-producten-container .product-highlight > a {
  width: initial !important; }

.alternatieve-producten-container .product-highlight .button {
  width: 100%;
  margin-right: 0px;
  background-color: #03b51a;
  margin-top: 5px; }

.alternatieve-producten-container .product-highlight .button:hover {
  background-color: #029b16; }

.alternatieve-producten-container .product-highlight.direct-bestellen {
  height: 375px; }

@media screen and (max-width: 600px) {
  .alternatieve-producten-container .unit-4-12 {
    width: 50%; } }

@media screen and (max-width: 425px) {
  .alternatieve-producten-container .unit-4-12 {
    width: 100%; } }

/*----------------------------------------------------------------------------*\
	$STATE
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$THEME
\*----------------------------------------------------------------------------*/
/* $IMPORT REFACTOR
\*------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$REFACTOR
    
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$CONTENTS
\*----------------------------------------------------------------------------*/
/*
CONTENTS................You're reading it
MODULE..................Includes base module & submodules
STATE...................States the module can be in
THEME...................Theming of the module
*/
/*----------------------------------------------------------------------------*\
	$MODULE
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$STATE
\*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*\
	$THEME
\*----------------------------------------------------------------------------*/
.card__visual .product__label {
  position: absolute;
  top: 0;
  left: 0;
  height: inherit;
  color: #fff;
  background-color: #fc6d21;
  padding: 0 10px;
  border-radius: 5px;
  right: auto;
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  text-transform: uppercase;
  font-weight: 800; 

}

.card__visual img{
  max-height: 165px;
}

.product__label_left {
  position: absolute;
  top: -30px;
  left: 0;
  height: inherit;
  color: #fff;
  background-color: #fc6d21;
  padding: 0 10px;
  border-radius: 5px;
  right: initial;
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  text-transform: uppercase;
  font-weight: 800;
}

#swipebox-next {
  position: absolute;
  top: 50% !important;
  left: 95%;
  transform: translate(-50%, -50%); }

#swipebox-prev {
  position: absolute;
  top: 50% !important;
  left: 5%;
  transform: translate(-50%, -50%); }

@media screen and (max-width: 900px) {
  #swipebox-next {
    left: 90%;
    background-color: black;
    border-radius: 25px;
    opacity: 0.75; }
  #swipebox-prev {
    left: 10%;
    background-color: black;
    border-radius: 25px;
    opacity: 0.75; } }

.breadcrumb-small-text {
  font-size: 11px;
  color: #b5b5b5;
  top: -1px;
  position: relative; }

.fietsen-wiki-container ul {
  list-style: none; }

.fietsen-wiki-container ul li a {
  color: #000; }

.fietsen-wiki-container .color-orange {
  color: #ff6d00; }

@media screen and (max-width: 800px) {
  .fietsen-wiki-container .unit-4-12 {
    width: 50%; } }

@media screen and (max-width: 600px) {
  .fietsen-wiki-container .unit-4-12 {
    width: 100%; } }

body {
  transition: transform 0.3s ease-out; }

body.is-homepage > .site-retain > .layer--light .primary-content {
  padding-left: 0;
  padding-right: 0; }

.site-retain {
  margin: 0 auto;
  padding: 0 20px;
  padding: 0 1.42857rem;
  width: 100%;
  max-width: 1240px; }

@media screen and (max-width: 767px) {
  .site-retain {
    max-width: 100%;
    padding: 0; } }

.primary-content {
  padding: 80px 10px 0 10px;
  position: relative; }

@media (min-width: 1024px) {
  .primary-content {
    padding: 20px 10px; } }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block; }

audio,
canvas,
video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden] {
  display: none; }

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  margin: 0; }

a:focus {
  outline: thin dotted; }

a:active,
a:hover {
  outline: 0; }

h1 {
  font-size: 2em; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

mark {
  background: #ff0;
  color: #000; }

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0; }

button,
input {
  line-height: normal; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
input[disabled] {
  cursor: default; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

*, *:before, *:after {
  box-sizing: border-box; }

h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0; }

abbr[title], dfn[title] {
  cursor: help; }

a, u, ins {
  text-decoration: none; }

ins {
  border-bottom: 1px solid; }

img {
  font-style: italic; }

label,
input,
textarea,
button,
select,
option {
  cursor: pointer; }

input[type=text], input[type=password], input[type=date], input[type=datetime], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=month], input[type=week], input[type=url], textarea, .text-input {
  cursor: text;
  outline: none; }

h1, h2, h3, h4, h5, h6, hgroup,
ul, ol, dl,
blockquote, p, address,
table,
fieldset,
pre,
hr,
.media,
.continent,
.island,
.islet,
.source,
.roadsign {
  margin-bottom: 20px;
  margin-bottom: 1.42857rem; }

.landmark {
  margin-bottom: 40px;
  /* rem unit for modern browsers */
  margin-bottom: 2.85714rem; }

.streetsign {
  margin-bottom: 10px;
  /* rem unit for modern browsers */
  margin-bottom: 0.71429rem; }

ul, ol, dd {
  margin-left: 20px;
  margin-left: 1.42857rem; }

.cf, .form__field-wrapper {
  zoom: 1; }

.cf:before, .form__field-wrapper:before, .cf:after, .form__field-wrapper:after {
  content: " ";
  display: table; }

.cf:after, .form__field-wrapper:after {
  clear: both; }

html {
  /* overflow-y: scroll; */
  min-height: 100%;
  font-family: "Open Sans", sans-serif;
  font-size: 0.875em;
  line-height: 1.71429;
  color: #333333; }

h1,
.alpha {
  font-size: 24px;
  font-size: 1.71429rem;
  line-height: 1; }

h2,
.beta {
  font-size: 18px;
  font-size: 1.28571rem;
  line-height: 1.33333; }

h3,
.gamma {
  font-size: 15px;
  font-size: 1.07143rem;
  line-height: 1.6; }

h4,
.delta {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.71429; }

h5,
.epsilon {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.71429; }

h6,
.zeta {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.71429; }

.giga {
  font-size: 38px;
  font-size: 2.71429rem;
  line-height: 1.26316; }

.mega {
  font-size: 72px;
  font-size: 5.14286rem;
  line-height: 1; }

.kilo {
  font-size: 48px;
  font-size: 3.42857rem;
  line-height: 1; }

.normalis {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.71429; }

.milli {
  font-size: 13px;
  font-size: 0.92857rem;
  line-height: 1.84615; }

.micro {
  font-size: 12px;
  font-size: 0.85714rem;
  line-height: 2; }

/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; }

/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }

/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+1F00-1FFF; }

/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0370-03FF; }

/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB; }

/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }

/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }

/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSq-j2U0lmluP9RWlSytm3ho.woff2) format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; }

/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSpX5f-9o1vgP2EXwfjgl7AY.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }

/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNShWV49_lSm1NYrwo-zkhivY.woff2) format("woff2");
  unicode-range: U+1F00-1FFF; }

/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSqaRobkAwv3vxw3jMhVENGA.woff2) format("woff2");
  unicode-range: U+0370-03FF; }

/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSv8zf_FOSsgRmwsS7Aa9k2w.woff2) format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB; }

/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSj0LW-43aMEzIO6XUTLjad8.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }

/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }

/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzK-j2U0lmluP9RWlSytm3ho.woff2) format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; }

/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzJX5f-9o1vgP2EXwfjgl7AY.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }

/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzBWV49_lSm1NYrwo-zkhivY.woff2) format("woff2");
  unicode-range: U+1F00-1FFF; }

/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzKaRobkAwv3vxw3jMhVENGA.woff2) format("woff2");
  unicode-range: U+0370-03FF; }

/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzP8zf_FOSsgRmwsS7Aa9k2w.woff2) format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB; }

/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzD0LW-43aMEzIO6XUTLjad8.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }

/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }

/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBjTOQ_MqJVwkKsUn0wKzc2I.woff2) format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; }

/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBjUj_cnvWIuuBMVgbX098Mw.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }

/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBkbcKLIaa1LC45dFaAfauRA.woff2) format("woff2");
  unicode-range: U+1F00-1FFF; }

/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBmo_sUJ8uO4YLWRInS22T3Y.woff2) format("woff2");
  unicode-range: U+0370-03FF; }

/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBr6up8jxqWt8HVA3mDhkV_0.woff2) format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB; }

/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBiYE0-AqJ3nfInTTiDXDjU4.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }

/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBo4P5ICox8Kq3LLUNMylGO4.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }

/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: local("Open Sans Extrabold Italic"), local("OpenSans-ExtraboldItalic"), url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxiU8QAtQT9M0M1_mbVWrUPc.woff2) format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; }

/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: local("Open Sans Extrabold Italic"), local("OpenSans-ExtraboldItalic"), url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxkNaUOL0oYRolx8sebiIY9k.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }

/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: local("Open Sans Extrabold Italic"), local("OpenSans-ExtraboldItalic"), url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxooGEx1DzoxsbCRd2IM2afI.woff2) format("woff2");
  unicode-range: U+1F00-1FFF; }

/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: local("Open Sans Extrabold Italic"), local("OpenSans-ExtraboldItalic"), url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxnPzCMEhbIaaYiFY6KPniws.woff2) format("woff2");
  unicode-range: U+0370-03FF; }

/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: local("Open Sans Extrabold Italic"), local("OpenSans-ExtraboldItalic"), url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxmqi69zMYkLa7XwlUIemKB4.woff2) format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB; }

/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: local("Open Sans Extrabold Italic"), local("OpenSans-ExtraboldItalic"), url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxowYyzpnB4tyYboSwKGmD2g.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }

/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: local("Open Sans Extrabold Italic"), local("OpenSans-ExtraboldItalic"), url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxnibbpXgLHK_uTT48UMyjSM.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }

div.productkaart {
  border: 1px solid #808080; }

div.shopdot {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #00BAE8;
  z-index: 9999; }

dl dt {
  font-weight: bold; }

/* ================================================== */
/* winkels */
/* ================================================== */
#winkeldetail-wrapper {
  width: 920px;
  padding: 0 0 0 20px; }

#winkeldetail-wrapper #winkeldetail-details {
  float: left;
  width: 324px; }

.winkelinfo h1 {
  margin-bottom: 0px;
  min-height: 50px; }

#winkeldetail-details table {
  margin-bottom: 0; }

#winkeldetail-details table th {
  padding-right: 10px; }

#winkeldetail-details p {
  margin-bottom: 0; }

#winkeldetail-details dl,
#winkeldetail-details dt,
#winkeldetail-details dd {
  margin: 0;
  padding: 0;
  clear: both;
  float: left; }

#winkeldetail-details dd table + p {
  margin-top: 20px; }

#winkeldetail-details dt {
  margin-top: 20px; }

#winkeldetail-details dd {
  margin: 0 0 0px 0;
  float: left;
  clear: both;
  line-height: 20px; }

#winkeldetail-details dd a {
  float: left;
  clear: both;
  width: 150px; }

#winkeldetail-details dd p {
  float: left;
  clear: both;
  width: 220px; }

#winkeldetail-details dd p span {
  float: left; }

#winkeldetail-details dd p span.label {
  width: 108px; }

#winkeldetail-details dd p span.detail {
  width: 95px; }

#winkeldetail-specs {
  float: left;
  clear: both;
  width: 100%; }

#winkeldetail-specs ul,
#winkeldetail-specs ul li {
  margin: 0;
  padding: 0;
  list-style-type: none; }

#winkeldetail-specs ul li {
  background-repeat: no-repeat;
  background-position: 0 2px;
  padding: 0 0 0 31px;
  line-height: 25px; }

#winkeldetail-specs ul li.kop {
  padding: 0;
  font-weight: bold; }

#winkeldetail-specs ul li.afhaalfililaal {
  background-image: url(../img/icon-afhaalfililaal.gif); }

#winkeldetail-specs ul li.bloemverkoop {
  background-image: url(../img/icon-bloemenverkoop.gif); }

#winkeldetail-specs ul li.stomerijservice {
  background-image: url(../img/icon-stomerijservice.gif); }

#winkeldetail-specs ul li.slijterij {
  background-image: url(../img/icon-slijterij.gif); }

#winkeldetail-specs ul li.postkantoor {
  background-image: url(../img/icon-postkantoor.gif); }

#winkeldetail-specs ul li.parkeren {
  background-image: url(../img/icon-parkeren.gif); }

#winkeldetail-visual {
  width: 356px;
  float: left; }

#winkeldetail-visual a.button {
  float: right;
  margin: 0; }

#winkeldetail-visual p {
  text-align: right; }

#winkeldetail-visual p.visual {
  margin: 20px 0 0 0;
  padding: 10px;
  border: solid 1px #e3e3e3; }

#winkeldetail-visual p.visual img {
  padding: 0;
  margin: 0;
  display: block; }

.continent a {
  color: #000000; }

dl.product-eigenschap-list dt:nth-child(4n + 1),
dl.product-eigenschap-list dd:nth-child(4n + 2) {
  background: #f1f9fd; }

dl.product-eigenschap-list dt {
  overflow: hidden;
  width: 250px; }

.tt-dataset-producten {
  background: #ffffff; }

/* productkaartjes */
.product-highlight {
  background: #fff;
  height: 390px;
  position: relative; }

.product-highlight.direct-bestellen {
  height: 455px; }

.product-lastviewed .product-highlight {
  height: auto; }

.product-highlight__footer {
  position: absolute;
  left: 0px;
  bottom: 7px;
  z-index: 1;
  width: 100%; }

.product-highlight__footer p {
  text-align: center;
  font-weight: bold;
  line-height: 14px; }

.product-highlight > a {
  height: 135px;
  width: 210px;
  display: block;
  text-align: center; }

.product-highlight > h2 {
  min-height: 53px; }

.filter__sublist li a.js-showMore {
  color: #0069b9;
  text-decoration: underline; }

.filter__sublist li a.js-showMore:hover {
  text-decoration: none; }

.product-highlight__priceinfo {
  height: auto;
  font-family: "Open Sans", sans-serif;
  color: #0069b9;
  font-weight: 800;
  font-style: italic;
  display: block;
  text-transform: uppercase;
  font-size: 0.8rem;
  line-height: 1.6;
  margin-bottom: 0px; }

.product-highlight__priceinfo span {
  display: inline-block;
  position: relative;
  height: 20px;
  width: auto; }

.product-highlight__priceinfo > span.prijs-wrapper > span.prijs {
  font-size: 18px;
  line-height: 1;
  z-index: 3;
  white-space: nowrap; }

.product-highlight__priceinfo > span.prijs-wrapper > span.streep {
  position: absolute;
  z-index: 4;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 20px;
  background-image: url(/content/img/vanstreep.png);
  background-size: 100% 100%; }

.product-highlight__price {
  font-size: 18px;
  margin-bottom: 0px;
  color: #ff6d00; }

.product-highlight__price > span {
  display: block;
  font-size: 0.8rem;
  line-height: 1.6;
  color: #0069b9;
  white-space: nowrap; }

.c-product-description-container {
  max-height: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative; }

.c-product-description-container:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(rgba(255, 255, 255, 0) 125px, white); }

/* autosuggest footer zoekinput */
.tt-dataset-producten {
  padding: 10px;
  border: solid 1px #f1f1f1;
  border-top: 0px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px; }

.tt-dataset-producten h4 {
  font-family: "Open Sans", sans-serif;
  color: #0069b9;
  font-style: italic;
  margin-bottom: 10px;
  margin-bottom: .7rem; }

.tt-dataset-producten p > a {
  color: #999999; }

/* vergelijking */
#vergelijkcontainer {
  background: #f6f6f6; }

#vergelijkcontainer > div {
  padding: 10px;
  margin-bottom: 20px; }

.grid.vergelijkdata > div {
  border-bottom: solid 1px #ccc; }

.grid.vergelijkdata > div > div > p {
  margin: 0;
  padding: 3px 0; }

#vergelijkcontainer .equal.lowlight p {
  color: #bdbdbd; }

/* eigenschappen productdetailpagina */
ul.product__specifications-highlight,
ul.product__specifications-highlight > li {
  margin: 0;
  padding: 0;
  list-style-type: none; }

ul.product__specifications-highlight > li > span {
  display: block;
  margin-left: 190px; }

ul.product__specifications-highlight > li > span:first-child {
  width: 180px;
  float: left;
  margin-left: 0px;
  padding-left: 10px; }

/* i-tje bij dropdown op productdetailpagina */
/* typeahead */
.twitter-typeahead {
  width: 190px; }

.tt-dropdown-menu {
  width: 100%; }

/* usps homepagina */
.usp.island.island--dark > .grid > .grid__cell > .usp__item {
  height: 50px;
  overflow: hidden; }

.usp.island.island--dark > .grid > .grid__cell > .usp__item h2 {
  display: table-cell;
  height: 50px;
  vertical-align: middle; }

/* winkeloverzichtpagina */
#winkeloverzicht {
  margin-bottom: 20px;
  padding: 19px;
  padding: 1.35714rem;
  border: 1px solid #cccccc; }

#winkeloverzicht ul,
#winkeloverzicht ul li {
  margin: 0;
  padding: 0;
  list-style-type: none; }

#winkeloverzicht ul li a:before {
  margin-right: 5px;
  margin-right: 0.35714rem;
  content: "»"; }

/* winkeldetailpagina */
#winkeldetail-wrapper td,
#winkeldetail-wrapper th {
  padding: 2px 0; }

#winkeldetail-wrapper th {
  font-weight: normal;
  padding-right: 10px; }

.nav--primary .is-current a {
  background: #6187c4; }

/* kleurblokjes in SAN */
ul.filter__sublist.kleur {
  max-width: 120px;
  margin-top: 15px; }

ul.filter__sublist.kleur li:not(.toonmeerlink),
ul.filter__sublist.kleur li:not(.toonmeerlink) a {
  padding: 0;
  margin: 0; }

ul.filter__sublist.kleur li:not(.toonmeerlink) {
  margin-right: -4px;
  margin-top: -4px; }

ul.filter__sublist.kleur li:not(.toonmeerlink),
ul.filter__sublist.kleur li:not(.toonmeerlink) a,
ul.filter__sublist.kleur li:not(.toonmeerlink) a span {
  width: 24px;
  height: 24px;
  display: inline-block; }

ul.filter__sublist.kleur li:not(.toonmeerlink) a span span {
  background: url(/Content/img/san-kleur-frame.png); }

ul.filter__sublist.kleur li:not(.toonmeerlink) a:hover span span {
  background-position: 0 -24px; }

ul.filter__sublist.kleur > li > a > span.blauw {
  background-color: #1041e1; }

ul.filter__sublist.kleur > li > a > span.bruin {
  background-color: #7c4a0a; }

ul.filter__sublist.kleur > li > a > span.geel {
  background-color: #f9e400; }

ul.filter__sublist.kleur > li > a > span.grijs {
  background-color: #ccc; }

ul.filter__sublist.kleur > li > a > span.groen {
  background-color: #399b1b; }

ul.filter__sublist.kleur > li > a > span.oranje {
  background-color: #f98700; }

ul.filter__sublist.kleur > li > a > span.paars {
  background-color: #a312e0; }

ul.filter__sublist.kleur > li > a > span.rood {
  background-color: #e11010; }

ul.filter__sublist.kleur > li > a > span.roze {
  background-color: #e996fe; }

ul.filter__sublist.kleur > li > a > span.wit {
  background-color: #fff; }

ul.filter__sublist.kleur > li > a > span.zwart {
  background-color: #000; }

  ul.filter__sublist.kleur > li > a > span.goud {
    background-color: #D4AF37;
  }
  ul.filter__sublist.kleur > li > a > span.zilver {
    background-color: #C0C0C0;
  }


/* reclameblok op de homepagina */
.homepage-highlight__teaser-odd {
  height: 100%; }

/*Fix voor broken tools google maps*/
#winkeloverzicht img {
  max-width: none !important; }

/* popup titel */
.white-popup h2 {
  color: #0069b9;
  margin-bottom: 10px;
  margin-bottom: 0.71429rem;
  font-weight: 800;
  font-style: italic;
  display: block;
  text-transform: uppercase; }

/* SLIDER */
.slider-wrapper {
  display: block;
  position: relative;
  padding: 10px 0 0 0;
  margin-left: 1.71429rem;
  width: 150px; }

.ui-slider {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.ui-slider .ui-slider-range {
  display: block;
  position: absolute;
  z-index: 1;
  font-size: .7em;
  border: 0;
  top: 5px;
  left: 0;
  right: 0;
  bottom: 0; }

.slider-wrapper .slider-range-start,
.slider-wrapper .slider-range-end,
.slider-wrapper .slider-value-start,
.slider-wrapper .slider-value-end {
  display: block;
  position: absolute; }

.slider-wrapper .slider-range-start {
  bottom: -20px;
  left: -15px; }

.slider-wrapper .slider-range-end {
  bottom: -20px;
  right: -15px; }

.slider-wrapper .slider-range-start,
.slider-wrapper .slider-range-end {
  color: #999;
  font-size: 10px; }

.slider-wrapper .slider-value-start {
  font-size: 13px;
  top: 0;
  left: 0; }

.slider-wrapper .slider-value-end {
  font-size: 13px;
  top: 0;
  right: 0; }

.ui-slider .ui-slider-handle {
  display: block;
  position: absolute;
  z-index: 2;
  width: 12px;
  height: 19px;
  padding: 0;
  outline: 0;
  top: 16px;
  margin-left: -6px;
  background: url(/Content/img/range-slider-arrow.png) -4px 0;
  cursor: pointer;
  z-index: 10; }

.ui-slider-range {
  background: url(/Content/img/range-slider-stripe-active.jpg) repeat-x 0 13px; }

.slider-wrapper .slider-stripe {
  background: url(/Content/img/range-slider-stripe.jpg) no-repeat top left;
  display: block;
  width: 100%;
  height: 10px;
  margin-top: 8px; }

.slider-wrapper .slider-amount {
  display: none; }

#FramemaatContainer input {
  margin-bottom: 10px; }

#FramemaatContainer #Lichaamslengte {
  width: 50px;
  height: 30px; }

#FramemaatContainer select {
  border-radius: 0.21429rem;
  font-size: 13px;
  font-size: 0.92857rem;
  line-height: 1.84615;
  border-color: #cccccc;
  box-shadow: inset 0 0 3px #f2f2f2; }

#FramemaatContainer .berekenMaattabel th {
  width: 50%; }

#FramemaatContainer .berekenMaattabel td {
  text-align: center; }

.product__specifications-highlight.product-eigenschap-list li {
  border-bottom: solid 1px #efefef; }

.product__specifications-highlight.product-eigenschap-list li:nth-child(odd) {
  background-color: #f1f1f1; }

.overview-intro {
  padding: 5px 1.42857rem; }

.overview-intro h1,
.overview-intro h2,
.overview-intro h3,
.overview-intro h4,
.overview-intro h5,
.overview-intro h6 {
  color: #0069b9;
  margin-bottom: 0; }

/* productspecs */
.product__specifications-highlight.product-eigenschap-list {
  width: 100%; }

.product__specifications-highlight.product-eigenschap-list tr:nth-child(odd) {
  background-color: #fafafa; }

.product__specifications-highlight tr th,
.product__specifications-highlight tr td,
.product__specifications-highlight.product-eigenschap-list tr th,
.product__specifications-highlight.product-eigenschap-list tr td {
  padding: 10px 0; }

.product__specifications-highlight tr th,
.product__specifications-highlight.product-eigenschap-list tr th {
  padding: 2px 5px 2px 0;
  text-align: left;
  color: #adadad;
  font-weight: normal; }

.c-product-specs .hide-eigenschap {
  display: none; }

.product__specifications-highlight.product-eigenschap-list tr th {
  width: 180px; }

/* SEO bovenaan */
.nav--top span,
.nav--top li.is-highlighted span {
  font-weight: 800;
  font-style: italic;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 14px;
  color: #fff;
  text-decoration: none; }

.nav--top li.is-highlighted span {
  font-size: 11px; }

.nav--top a:hover,
.nav--top li.is-highlighted a:hover,
.nav--top span a:hover span,
.nav--top span a:hover img {
  text-decoration: none; }

/* button carousel positie */
.button--carousel {
  position: absolute;
  bottom: 30px;
  right: 30px;
  z-index: 1;
  padding-right: 50px; }

.button--editor {
  padding-right: 50px;
  line-height: 35px; }

.button--editor:hover {
  opacity: 0.7; }

.button--carousel:before,
.button--editor:before {
  position: absolute;
  right: 24px;
  top: 16px;
  font-family: fontello;
  content: '\e802';
  font-size: 14px;
  transition: all ease-out 0.2s; }

.button--editor--links {
  padding-right: 17px;
  padding-left: 50px; }

.button--editor:before {
  top: 1px; }

.button--editor--links:before {
  content: '\e804';
  left: 24px;
  right: inherit; }

.button--carousel:hover {
  background-color: #ffc08f; }

.button--carousel:hover::before {
  right: 10px; }

.icon-right-open:hover:before,
.button--editor--rechts:hover:before {
  right: 6px; }

.button--editor--links:hover:before {
  left: 6px; }

/* hoogte items categorienavigatie */
.list--bordered > li {
  padding: 8px 7px; }

/* 404 pagina's */
.oops {
  margin: 25px 0;
  /*max-width: 65%;*/ }

.oops h1 {
  font-size: 56px;
  font-size: 4rem;
  line-height: 1.09091;
  line-height: 22px;
  line-height: 1.57143rem;
  text-transform: uppercase;
  font-weight: 700;
  color: #00bae7; }

a.bundellink {
  display: table-cell;
  width: 82px;
  height: 82px;
  vertical-align: middle;
  background-color: white; }

a.bundellink img {
  vertical-align: middle; }

.homepage-intro .grid__cell.unit-4-12 {
  width: 100%; }

@media (min-width: 1024px) {
  .homepage-intro .grid__cell.unit-4-12 {
    width: 33.33333%; } }

.homepage-intro ul li {
  font-size: 13px;
  font-size: 0.92857rem;
  line-height: 1.84615; }

.ui-datepicker {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  padding: 1.35714rem;
  width: 300px;
  box-shadow: inset 0 0 3px #f2f2f2;
  border-radius: 0.21429rem; }

.ui-datepicker-calendar {
  width: 250px; }

.field-validation-error {
  color: red;
  display: block; }

select {
  padding: 5px 10px;
  padding: 0.35714rem 0.71429rem;
  display: inline-block;
  width: 100%;
  max-width: 430px;
  margin: 0;
  /* 2 */
  border: 1px solid #cccccc;
  vertical-align: middle;
  /* 3 */
  font: inherit;
  /* 4 */ }

select#IssuerID,
select#CreditCardCode {
  width: 50% !important; }

.shopping-cart__discount {
  padding-bottom: 5px;
  margin-bottom: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  padding-right: 10px; }
  .shopping-cart__discount a {
    color: #000; }

.shopping-cart__discount--body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row; }

.shopping-cart__discount--body .form__field-wrapper.kortingscode #KortingscodeInput {
  margin-bottom: 0;
  height: 35px; }

#shoppingcart .kortingscode-wrapper .form__button-wrapper {
  margin-left: 5px; }

.shopping-cart__discount button {
  height: 35px; }

.metVerendeZadelpen table th,
.zonderVerendeZadelpen table th {
  padding-right: 40px;
  border-bottom: 1px solid #CCCCCC; }

.shopping-cart__section .primary-column .subtotal dd span.remove {
  position: absolute;
  right: -2px; }

#shoppingcart .montage-span {
  float: left; }

.my-shopping-cart .primary-column {
  padding: 0.35714rem 0; }

.shopping-cart__section .primary-column .subtotal dd span.remove a {
  color: #D22907;
  text-decoration: none;
  line-height: 1.2;
  font-size: 1.42857rem; }

/* NETIVITY Forms*/
.netivityForms .controls {
  float: left;
  width: 425px;
  margin-bottom: 20px; }

.netivityForms label {
  display: block;
  float: left;
  width: 150px;
  height: 35px;
  line-height: 35px; }

.netivityForms button {
  background: #ff6d00;
  color: #fff;
  border: none;
  border-radius: 3px;
  font-weight: 700;
  transition: 0.1s;
  padding-right: 1.5em;
  padding-left: 1.5em;
  line-height: 3; }

.netivityForms .button {
  padding: 0px;
  width: 100%;
  text-align: right;
  margin-top: 10px; }

.netivityForms .help-inline {
  color: red; }

.form--expanded .form__field-wrapper.form-betaalmethodes {
  padding-bottom: 35px;
  border-bottom: solid 1px #ccc; }
  .form--expanded .form__field-wrapper.form-betaalmethodes:not(:last-child) {
    margin-bottom: 35px; }
  .form--expanded .form__field-wrapper.form-betaalmethodes .form__input-wrapper.has-no-label .form__label {
    font-family: "Open Sans", sans-serif;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 14px;
    font-style: italic;
    display: inline-block; }
  .form--expanded .form__field-wrapper.form-betaalmethodes .form__input-wrapper.has-no-label .form__select {
    margin-left: 22px;
    width: 90%;
    padding-bottom: 0;
    margin-bottom: 10px; }

@media (min-width: 460px) {
  .form--expanded .form__field-wrapper.form-betaalmethodes .form__input-wrapper.has-no-label .form__select {
    width: 55%;
    margin-bottom: 0; } }

.form--expanded .filter__info.ajaxpopup {
  float: none;
  display: inline-block;
  background-color: #fff;
  border: solid 1px #0268ba;
  background-image: none;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  position: relative;
  top: 3px;
  width: 20px;
  height: 20px;
  outline: none; }
  .form--expanded .filter__info.ajaxpopup:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    content: 'i';
    color: #0268ba;
    font-weight: bold;
    font-style: italic;
    font-family: 'Times New Roman', Times, serif;
    font-size: 14px;
    text-transform: lowercase; }
  .form--expanded .filter__info.ajaxpopup:hover {
    background-color: #00bae7;
    border-color: #00bae7; }
    .form--expanded .filter__info.ajaxpopup:hover:before {
      color: #fff; }

/* FAQ */
.faqlist {
  list-style: none; }

.faqlist span {
  display: none; }

.faqlist strong {
  cursor: pointer; }

.faqlist > li > span {
  margin-left: 13px; }

.faqlist > li > span.show {
  display: inline-block;
  margin-bottom: 20px; }

.product-highlight {
  cursor: pointer; }

.faqContainer {
  margin-left: 50px;
  position: relative; }

.faqContainer img {
  position: absolute;
  left: -40px;
  width: 30px; }

.faqContainer h2 {
  margin-bottom: 2px;
  color: #00bae7; }

.product__order-highlight > div > div > label.input-validation-error,
.product__order-highlight > div > div > select.input-validation-error {
  color: #cc0000;
  border: solid 1px #cc0000; }

.order-step {
  padding: 8px 30px;
  padding: 0.57143rem 2.142857rem; }

.order-step.checked {
  background: url(/Content/img/ordersteps-check.png) no-repeat 8px 50%; }

/* validatie op velden ordertraject */
.form__field-wrapper.veld-vld {
  position: relative; }

.form__field-wrapper.veld-vld strong.validation {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 1; }

.form__field-wrapper.veld-vld strong.validation > span.input-validation-valid {
  display: inline-block;
  height: 13px;
  width: 16px;
  background: url(/Content/img/ordersteps-check.png) no-repeat; }

.form__field-wrapper.veld-err .form__input-wrapper input {
  border: solid 1px #ff0000; }

.form__field-wrapper.veld-err .form__select {
  border: solid 1px #ff0000; }

.form__field-wrapper.veld-err strong.validation {
  margin-left: 200px;
  margin-left: 14.28571rem;
  font-weight: normal;
  color: #ff0000; }

h2.h2heading {
  color: #0069b9; }

span.afleverdatum {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  margin-left: 10px; }

.algvw {
  border-bottom: 0px;
  padding: 10px 0 0 0;
  margin-bottom: 0px; }

.algvw > div {
  text-align: right; }

.shopping-cart__section .primary-column dt {
  width: 170px; }

/* floatingContent minibasket */
.floatingContentWrapper {
  position: relative; }

.floatingContentWrapper #floatingContent {
  width: 300px; }

/* alle gratis groen */
em.gratis {
  font-style: normal;
  color: #64d061; }

/* zet z-index van navuitklapper hoger dan 10 zodat ie over de prijsslider gaat */
.nav__wrapper {
  z-index: 1005; }

/* bundelvoordeel */
.product-bundle__products .imageholder {
  width: 145px;
  height: 145px;
  background-color: #fff; }

.product-bundle__products .plusholder {
  padding: 25px 12px;
  padding: 1.78571rem 0.857143rem; }

/* koppen styleitepagina's */
.primary-content > h1 {
  color: #0069b9;
  font-weight: 800;
  font-style: italic;
  display: block;
  text-transform: uppercase;
  font-size: 18px;
  font-size: 1.28571rem;
  line-height: 1.33333;
  font-family: "Open Sans", sans-serif; }

.blogContainer {
  margin-bottom: 20px;
  /*float: left;*/ }

.thumb {
  float: left;
  width: 194px;
  margin-right: 20px; }

.thumb img {
  width: 182px; }

.thumb div {
  float: left;
  background-color: #fff;
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #a5a5a5;
  padding: 5px; }

.thumb div .image {
  /*float: left;*/ }

.blogContainer h2 {
  margin-bottom: 5px; }

.blogContainer .tekst {
  width: 100%;
  padding-bottom: 30px;
  min-height: 182px;
  /*float: left;*/ }

.blogContainer .post {
  padding-bottom: 30px;
  /*float: left;*/ }

.paginaButtons {
  height: 45px; }

.paginaButtons .blogNext {
  float: right; }

.paginaButtons a {
  color: #fff;
  text-decoration: none; }

.postinfo {
  display: block;
  border-bottom: #D3D1D1 1px solid;
  border-top: #D3D1D1 1px solid;
  padding: 2px 0;
  color: #969595;
  font-style: italic;
  float: left;
  width: 750px; }

.leesmeer {
  float: right;
  margin-right: 10px;
  margin-top: -15px; }

.blogPost {
  float: left;
  width: 755px;
  padding-bottom: 10px; }

.fullContent {
  min-height: 182px; }

.montagehandleidingen ul li a:before {
  margin-right: 5px;
  margin-right: 0.35714rem;
  content: "»"; }

.montagehandleidingen ul li a {
  font-size: 13px;
  font-size: 0.92857rem;
  line-height: 1.84615;
  color: #fff; }

.montagehandleidingen ul {
  margin-left: 0px;
  padding: 0px; }

.primary-content h1,
.primary-content h2 {
  color: #00bae7; }

.has-helptxt > span,
.has-helptxt,
.datepickerhelpline {
  font-size: 12px;
  line-height: 18px;
  font-style: italic; }

.has-nobottommargin.form__field-wrapper,
.has-nobottommargin .form__field-wrapper.form__select__field-wrapper {
  margin-bottom: 0; }

#bezorgopties {
  padding-top: 0; }

#fnv span.title {
  margin-top: 0px; }

.fnvimage {
  margin-top: 20px;
  width: 150px; }

.media__img.bundelkorting {
  width: 52px;
  height: 59px; }

.shopping-cart__table td {
  max-width: 350px; }

.usp__item h2 {
  color: #FFF; }

.winkelwagen-totaal-list td {
  width: 150px; }

.winkelwagen-totaal-list td,
.winkelwagen-totaal-list th {
  text-align: right;
  font-weight: bold;
  font-size: 1.14286rem; }

.winkelwagen-totaal-list tr.korting td,
.winkelwagen-totaal-list tr.korting th {
  font-size: 1.02286rem;
  font-weight: normal; }

.winkelwagen-totaal-list tr.total td,
.winkelwagen-totaal-list tr.total th {
  padding-top: 1.42857rem;
  font-size: 1.42857rem; }

.fietverzekering-gegevens {
  margin-top: 10px;
  /*display: none;*/ }

.fietverzekering-gegevens .slotmelding p.slotmelding {
  color: red; }

.fietverzekering-gegevens .shopping-cart__table {
  border: none;
  margin-bottom: 0px; }

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
  position: absolute; }

.ui-datepicker .ui-datepicker-next {
  right: 2px;
  position: absolute; }

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center; }

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0; }

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%; }

.ui-datepicker-calendar th {
  text-align: left; }

dt.korting {
  font-weight: normal !important;
  font-size: 1.02286rem !important; }

div.primary-column.overzicht dl dt {
  width: 440px; }

.product-bundle__products .imageholder img {
  /*max-width: 145px;
	max-height: 145px;*/
  max-height: 100%; }

span.timer {
  color: #00BAE7;
  font-weight: 800;
  font-size: 50px;
  font-style: italic;
  display: block;
  text-transform: uppercase; }

span.aanbiedingsprijs {
  color: #ff6d00; }

.product-bargains .direct-order {
  /* margin-top:-18px;*/
  background-color: #03b51a;
  position: absolute;
  bottom: 10px; }

.product-bargains .direct-order:hover {
  /* margin-top:-18px;*/
  background-color: #029b16; }

.floatleft {
  float: left;
  margin-right: 5px; }

iframe[name=google_conversion_frame] {
  display: none !important; }

.header__thuiswinkelwaarborg {
  float: right;
  padding-right: 15px; }

.nav--top span,
.nav--top li.is-highlighted span {
  font-size: 12px; }

.form--expanded .form__field-wrapper .form__input-wrapper .small {
  width: 48%;
  max-width: 48%; }

.producten .grid.selectie .unit-4-12 {
  width: 100%; }

.producten .grid.selectie .unit-4-12.categorieen {
  display: none; }

.nieuweKlant.adres .huisnummertoevoeging {
  margin-left: 8px;
  border-color: #cccccc !important; }

.huisnummerentoevoeging .validation {
  margin-left: 20px !important; }

.fietverzekering-postcode img {
  width: 50px; }

.huisnummerentoevoeging .field-validation-error {
  margin-left: 200px; }

.fietverzekering-gegevens-input .validation {
  top: inherit !important;
  bottom: 10px; }

.verzekeringsoverzicht .form__label-wrapper {
  width: 16.85714rem; }

.verzekeringsoverzicht .form__input-wrapper {
  margin-left: 17.28571rem; }

.verzekeringsoverzicht .form__field-wrapper.veld-err strong.validation {
  margin-left: 17.28571rem; }

.verzekeringsoverzicht {
  width: 660px; }

.verzekeringsoverzicht .huisnummerentoevoeging .validation {
  margin-left: 242px !important; }

.heading--brand-secondary .title {
  float: left; }

.heading--brand-secondary img {
  float: left;
  width: 50px;
  margin-left: 15px; }

.klantenbeoordeling {
  color: #fff;
  margin-top: -15px;
  padding-bottom: 10px;
  font-size: 11px; }

.product-detail {
  overflow: hidden;
  margin-bottom: 15px; }

.product-detail #variatie-afbeeldingen {
  z-index: 1;
  margin-left: 0px; }

.product-detail #variatie-afbeeldingen li:first-child {
  margin-left: 0px; }

.product-detail #variatie-afbeeldingen li {
  float: left;
  margin-left: 5px;
  border: solid 1px #f2f2f2;
  width: 19%;
  display: inline-block; }

.product-detail .product-image {
  margin-bottom: 1.14286rem; }

.product-detail .product-image img {
  width: 100%; }

input[type="text"], input[type="email"], input[type="password"] {
  line-height: 1.5;
  /* for i.e. */ }

.product__order-highlight__info-text .valid {
  display: inline-block;
  height: 13px;
  width: 13px;
  background-size: 13px;
  background: url(/Content/img/USP_blauw.png) no-repeat;
  margin-right: 5px; }

.product__order-highlight__info-text .info-text {
  position: relative;
  top: -2px; }

.reparatieContainer {
  overflow: hidden; }

.reparatieContainer h4 {
  margin-bottom: 0px; }

.reparatieContainer strong {
  float: left;
  display: block;
  width: 130px;
  overflow: hidden;
  height: 20px;
  line-height: 20px;
  margin-top: 2px; }

.reparatieContainer th {
  text-align: left; }

.reparatieContainer td {
  padding-right: 10px; }

.reparatieContainer .span4 {
  float: left;
  margin-right: 10px;
  width: 445px; }

.reparatieContainer #postcode {
  width: 80px; }

.reparatieContainer #huisnummer {
  width: 65px; }

.carousel_winkel_image {
  height: 50px;
  float: left; }

.carousel_winkel_image img {
  border: solid 1px #000; }

.carousel_winkels .carousel__slide-holder {
  height: 55px;
  background: none;
  width: 350px; }

.carousel_winkels .carousel__slide {
  height: 55px;
  margin-top: 5px;
  text-decoration: none;
  width: 260px; }

.carousel_winkels .heading--brand-secondary {
  line-height: 17px;
  margin-top: -1px;
  margin-left: 75px;
  margin-bottom: 0px;
  position: relative;
  font-weight: 800;
  text-transform: uppercase;
  margin-top: -3px; }

.carousel_winkels .carousel-winkel-info {
  margin-bottom: 0px;
  position: inherit;
  margin-left: 5px;
  color: #ff6d00;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 16px; }

.carousel_winkels .carousel-winkel-info.second {
  position: relative;
  top: -6px;
  float: left;
  top: 3px; }

.carousel_winkels .carousel-winkel-info.first {
  left: 5px;
  position: relative;
  text-decoration: none !important;
  top: -8px; }

.carousel_winkels .valid {
  display: inline-block;
  height: 13px;
  width: 16px;
  background: url(/Content/img/ordersteps-check.png) no-repeat;
  margin-right: 5px; }

.carousel_winkels .carousel__slide a {
  text-decoration: none !important; }

.carousel_winkels .carousel__slide a:hover {
  text-decoration: none !important; }

.carousel_winkel_image img {
  width: 70px;
  height: 50px; }

.bannerextensie-container {
  position: absolute;
  /*background: url('https://matrabike.nl/image/algemeen/dagknaller-bg.png') 0 0 no-repeat;*/
  width: 108px;
  height: 509px;
  padding: 7px 0 0 0;
  top: 36px; }

.bannerextensie-container.Links {
  left: -108px; }

.bannerextensie-container.Rechts {
  left: 1021px; }

@-moz-document url-prefix() {
  .bannerextensie-container.Rechts {
    left: 1240px; } }

.bannerextensie-container .carousel__slide-holder {
  width: 100%;
  height: 100%; }

.filter__list .filter__sublist .checkbox label {
  font-size: 0.92857rem;
  line-height: 1.84615;
  color: #999999;
  font-weight: normal; }

.eigenschap-categorie {
  font-size: 1.21429rem;
  margin-bottom: 5px;
  color: #0268ba; }

.eigenschap-categorie-list {
  margin-bottom: 10px; }

input[type=checkbox].css-checkbox {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }

.css-checkbox:checked + input + .css-label,
.css-checkbox:checked + .css-label,
.css-checkbox + .css-label.checked {
  background-position: 0 -15px !important; }

.css-checked {
  background-position: 0 -15px !important; }

.css-label {
  padding-left: 20px !important;
  height: 15px;
  display: inline-block;
  line-height: 15px;
  background-repeat: no-repeat;
  background-position: 0 0;
  font-size: 15px;
  vertical-align: middle;
  cursor: pointer; }

.chrome-style {
  background-image: url(/Content/img/checkbox-chrome-style.png); }

.css-label span {
  position: relative;
  top: -3px; }

.css-label.disabled {
  opacity: 0.5; }

/*select {
   
   width: 170px;
   height: 28px;
    line-height:28px;
   overflow: hidden;
   background: url('http://s24.postimg.org/lyhytocf5/dropdown.png') no-repeat right #FEFEFE;
   border: #ccc 1px solid;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0px 0px 10px 1px #FEFEFE;
box-shadow: inset 0px 0px 10px 1px #FEFEFE;
    margin:0px;
    padding:0px;
    position: relative;
    z-index:100;
    
   }
select {
    padding-left:8px;
}

select {

   margin:0px;
   padding:0px;
    opacity:0;
    filter:alpha(opacity=0);
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:block;
    z-index:101;
}
    select:focus {
    outline: none;
}*/
.overview-actions .form__input-wrapper,
.productgroepen .form__input-wrapper,
.form__select__field-wrapper .form__input-wrapper {
  position: relative; }

.form__select {
  max-width: 430px;
  max-width: 15.875rem;
  padding: 0 10px;
  padding: 0 0rem;
  border-radius: 3px;
  border-radius: 0.2875rem;
  background-color: white;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid #d3d2d2;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  box-shadow: none; }

.form__select__field-wrapper .form__select {
  max-width: none; }

.form__select:before {
  content: '\e807';
  font-family: "fontello";
  background: #fff;
  position: absolute;
  right: 0;
  pointer-events: none;
  border-radius: 3px;
  z-index: 3;
  padding: 8px 10px 5px 10px;
  padding: 0.5rem 0.625rem 0.3125rem 0.625rem;
  margin-top: -2px;
  margin-top: -0.125rem;
  height: 36px;
  width: 30px; }

.form__select select {
  border: none;
  box-shadow: none;
  top: 2px;
  position: relative; }

select:focus {
  outline: 0; }

#shoppingcart .form__select {
  width: 62px; }

.payment__method {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-top: 10px; }

.payment__logo {
  width: 35%;
  margin-left: 22px; }
  .payment__logo img {
    height: 25px;
    display: block; }

@media (min-width: 460px) {
  .payment__method {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center; }
  .payment__logo {
    margin-left: 0;
    margin-top: 0; } }

.form-betaalmethodes .form__select {
  margin-left: 0px;
  max-width: none; }

.form-betaalmethodes select#IssuerID,
.form-betaalmethodes select#CreditCardCode {
  width: 100% !important;
  max-width: none; }

.form-betaalmethodes .form__label-wrapper {
  width: 15.85714rem; }

/* nieuwe rechterkolom productdetailpagina */
#productgroepen.product__order-highlight.island {
  padding: 0; }

#productgroepen.product__order-highlight.island .button__field-wrapper .button--large {
  line-height: normal;
  padding: 10px 0; }

.product-detail-wrapper {
  padding: 0;
  margin-bottom: 0; }

.product-detail-wrapper ul,
.product-detail-wrapper ul li {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.product-detail-wrapper ul li {
  color: #000;
  font-size: 15px;
  padding: 5px 0; }

.product-detail-wrapper .productgroep-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.product-detail-wrapper .step-choice-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.product-detail-wrapper ul li > div > .type {
  border: 0;
  margin: 0;
  padding: 10px;
  background-color: #08a9df;
  background-repeat: no-repeat;
  background-position: 5px 7px;
  color: #fff;
  font-size: 14px;
  display: inline-block;
  margin-right: 5px;
  line-height: 14px;
  text-align: center;
  width: 100px;
  margin-bottom: 5px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
  text-align: center;
  border-radius: 6px; }

.product-detail-wrapper ul li > div > .type .span-lengte {
  font-size: 10px; }

.product-detail-wrapper ul li > div > .type.not-selected {
  background-color: #eeeeee;
  color: #858585; }

.product-detail-wrapper ul li > div > .type.not-selected:hover {
  background-color: #08a9df;
  color: #ffffff; }

.product-detail-wrapper ul li > div > .type.selected:hover {
  cursor: default;
  text-decoration: none; }

.product-detail-wrapper ul li > div > .type.icoon {
  background-image: url(/Content/img/icn-model.png);
  background-position: 48% -62px; }

.product-detail-wrapper ul li > div > .type.unisex {
  background-position: 48% -62px; }

.product-detail-wrapper ul li > div > .type.dames {
  background-position: 5px -24px; }

.product-detail-wrapper ul li > div > .type.icoon span {
  position: relative;
  top: 20px;
  font-size: 12px; }

.product-detail-wrapper ul li > div > .type.unisex span {
  top: 6px; }

.product-detail-wrapper ul li > div > .type.icoon.dames {
  background-position: 48% 6px; }

.product-detail-wrapper ul li:first-child {
  border: 0; }

.product-detail-wrapper ul li em {
  color: #aaaaaa;
  font-weight: 800;
  font-size: 20px;
  margin-right: 5px; }

.product-detail-wrapper ul li > label,
.product-detail-wrapper ul li > div,
.product-detail-wrapper ul li > select {
  display: inline-block; }

.product-detail-wrapper ul li > label {
  width: 117px;
  cursor: default;
  float: left;
  color: #858585;
  font-size: 16px;
  margin-bottom: 5px; }

#productdetail .c-product-prijs {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  margin-bottom: 10px; }
  #productdetail .c-product-prijs .matrabike-prijs {
    margin-bottom: 15px;
    position: relative; }
    #productdetail .c-product-prijs .matrabike-prijs.showstrikethrough > strong {
      position: relative; }
      #productdetail .c-product-prijs .matrabike-prijs.showstrikethrough > strong:before {
        position: absolute;
        z-index: 1;
        top: 50%;
        left: 0;
        width: 100%;
        height: 3px;
        background-color: #ff6d00;
        content: '';
        display: block;
        transform: rotate(-10deg) translateY(-50%); }

#productdetail .c-product-prijs__left {
  text-align: center;
  width: 50%; }

#productdetail .c-product-prijs__right {
  -ms-flex-pack: end;
      justify-content: flex-end;
  width: 50%; }
  #productdetail .c-product-prijs__right strong {
    margin: 0 10px; }

@media (min-width: 1024px) {
  #productdetail .c-product-prijs {
    -ms-flex-direction: row;
        flex-direction: row; }
    #productdetail .c-product-prijs .matrabike-prijs {
      margin-bottom: 0; } }

.product-detail-wrapper ul li > div.advies {
  display: block; }

.product-detail-wrapper ul li > label.step-label {
  width: 100%;
  min-width: 100%; }

.product-detail-wrapper ul li > select {
  width: 157px;
  padding: 2px 5px;
  position: relative;
  top: -3px;
  font-size: 14px; }

.product-detail-wrapper ul li > div.korting {
  color: #0069b9;
  font-style: italic;
  font-weight: 800;
  font-size: 22px; }

.product-detail-wrapper ul li.prijs {
  margin: 10px 0; }

.product-detail-wrapper ul li.prijs div.matrabike-prijs > strong {
  font-weight: 800;
  font-style: italic;
  font-size: 36px;
  line-height: 36px; }

.product-detail-wrapper ul li.prijs div.advies {
  color: #858585;
  text-align: center; }

.product-detail-wrapper ul li.prijs div.advies > span {
  position: relative; }

.product-detail-wrapper ul li.prijs div.advies > span:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: rotate(-10deg) translateY(-50%);
  width: 100%;
  height: 1px;
  background: #858585;
  display: block; }

.product-detail-wrapper ul li.prijs div.advies strong {
  color: #000; }

.show-voorraad.island.island--brand-light {
  padding-top: 0; }

.show-voorraad h3 {
  padding: 3px 0;
  margin: 0 -20px;
  background-color: #00c2ea;
  color: #fff;
  text-align: center; }

.show-voorraad ul,
.show-voorraad ul li {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.show-voorraad ul {
  margin-top: 10px; }

.show-voorraad ul li {
  width: 47%;
  display: inline-block;
  background: url(/Content/img/ordersteps-check.png) no-repeat 0 5px;
  padding-left: 22px; }

.show-voorraad ul li.geenvoorraad {
  background: url(/Content/img/icn-cross.png) no-repeat 0 5px; }

.product-detail-wrapper > ul > li > .form__input-wrapper {
  float: right; }

.product-detail-wrapper > ul > li > .form__input-wrapper > .form__select > span > select {
  font-size: 13px;
  width: 159px;
  padding-left: 5px;
  padding-right: 5px; }

.product-detail-wrapper > ul > li > .form__input-wrapper > .form__select {
  margin-bottom: 0; }

.product-detail-wrapper .disabled,
#productgroepen .disabled {
  pointer-events: none;
  opacity: 0.4; }

.product-detail-wrapper .disabled {
  pointer-events: initial; }

.product-detail-wrapper .disabled.no-url {
  pointer-events: none; }

#productgroepen .disabled {
  pointer-events: none; }

.form__select.error {
  border-color: red; }

.product-detail-wrapper ul li .checked em {
  color: #64d061; }

.add-lineheight {
  line-height: 50px; }

.remove-lineheight {
  line-height: 1.71429 !important; }

.matrabike-prijs strong {
  color: #ff6d00; }

/* /nieuwe rechterkolom productdetailpagina */
/* #36220 */
.print-productspecs,
.print-productspecs:hover {
  display: inline-block;
  color: #0474c1;
  padding-bottom: 20px;
  text-align: center;
  font-weight: 800;
  text-decoration: none;
  float: right;
  padding-bottom: 20px; }

.print-productspecs:before {
  content: '\e80b';
  font-family: "fontello";
  color: #0474c1;
  margin-right: 7px;
  font-size: 17px;
  font-weight: normal; }

/* /#36220 */
.payoff-laagsteprijsgarantie {
  width: 242px;
  height: 97px;
  position: absolute;
  z-index: 1;
  left: 160px;
  top: -100px;
  background: url(/Content/img/payoff-laagsteprijsgarantie.png); }

.elementUit {
  display: none; }

.product-detail-wrapper ul li:first-child label.Maat {
  height: 40px;
  line-height: 35px; }

.kassakoopjes-grid {
  margin-top: 10px; }

.kassakoopjes-grid .unit-6-12 {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis; }

.winkelwagenInhoud-leeg span {
  display: block;
  color: #00bae7;
  font-size: 1.28571rem;
  line-height: 1.33333;
  margin: 0;
  padding: 0;
  margin-bottom: 1.42857rem;
  -webkit-margin-after: 0.83em;
  font-weight: bold; }

.product-detail .owl-carousel {
  display: block !important; }

.c-basket__totals {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }

.c-basket__row {
  display: -ms-flexbox;
  display: flex;
  padding: 4px 0;
  -ms-flex-direction: column;
      flex-direction: column; }
  @media (min-width: 460px) {
    .c-basket__row {
      -ms-flex-direction: row;
          flex-direction: row; } }
  @media (min-width: 768px) {
    .c-basket__row {
      -ms-flex-direction: row;
          flex-direction: row; } }
  .c-basket__row.is-totaal {
    margin-top: 20px; }

.c-basket__spec {
  font-weight: bold;
  font-size: 14px;
  width: 100%; }
  .c-basket__spec.is-totaal {
    font-size: 20px; }
  .c-basket__spec.is-label {
    text-align: right; }
  .c-basket__spec.is-detail {
    text-align: right; }
  @media (min-width: 768px) {
    .c-basket__spec.is-label {
      width: 76%;
      padding-right: 10px;
      box-sizing: border-box; }
    .c-basket__spec.is-detail {
      width: 24%;
      padding-right: 30px;
      position: relative; }
      .c-basket__spec.is-detail .verzendkosten-info-popup {
        position: absolute;
        right: 0;
        z-index: 1; } }

.trustpilot-widget {
  margin-top: 5px;
  margin-bottom: 10px; }

.my-shopping-cart__subtotal--row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }

.my-shopping-cart__subtotal--row .primary-column,
.my-shopping-cart__subtotal--row .secondary-column {
  float: none; }

.my-shopping-cart__subtotal--row .secondary-column {
  -ms-flex-pack: end;
      justify-content: flex-end; }

.my-shopping-cart .my-shopping-cart__subtotal--row .secondary-column {
  padding: 3px 0; }

.alert {
  padding: 10px 20px;
  margin-bottom: 20px; }
  .alert.is-danger {
    background-color: #cc0000;
    color: #fff;
    font-weight: bold; }

.validation-alert .field-validation-error {
  padding: 10px 20px;
  margin-bottom: 20px;
  background-color: #cc0000;
  color: #fff;
  font-weight: bold; }

.montage-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  margin-top: 5px;
  font-size: 13px;
  font-size: 0.92857rem;
  line-height: 1.84615;
  font-style: italic; }

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 11000;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 11043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }

.mfp-preloader a {
  color: #cccccc; }

.mfp-preloader a:hover {
  color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }

.mfp-close:hover, .mfp-close:focus {
  opacity: 1; }

.mfp-close:active {
  top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: relative;
  float: right;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.mfp-arrow:active {
  margin-top: -54px; }

.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1; }

.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent; }

.mfp-arrow:after, .mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px; }

.mfp-arrow:before, .mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px; }

.mfp-arrow-left {
  left: 0; }

.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
  border-right: 17px solid white;
  margin-left: 31px; }

.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }

.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
  border-left: 17px solid white;
  margin-left: 39px; }

.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
  border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px; }

.mfp-iframe-holder .mfp-close {
  top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: black; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444444; }

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px; }

.mfp-figure figure {
  margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure {
    /* The shadow behind the image */ }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75); }
  .mfp-arrow-left {
    transform-origin: 0; }
  .mfp-arrow-right {
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }

.mfp-ie7 .mfp-container {
  padding: 0; }

.mfp-ie7 .mfp-content {
  padding-top: 44px; }

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 600px;
  margin: 20px auto; }

.profiler-results {
  /*display: none;*/ }

ul.form__checkbox-list li a span {
  display: none; }

ul.form__checkbox-list li {
  min-height: 40px; }

.product-highlight__priceinfo {
  max-width: 115px; }

.categorienav-wrapper .categories {
  background: transparent; }

.categorienav-wrapper .categories > li {
  background-color: #f5f5f5; }

.categories > ul > li a:before {
  font-size: 11px;
  position: relative;
  top: -1px;
  margin-right: 5px;
  margin-left: 10px; }

.product__price-advantage > span:nth-child(1) {
  margin-right: 20px; }

hr.line {
  width: 100%;
  border: 0;
  height: 0;
  border-bottom: 1px solid #00ffff; }

/* alle afbeeldingen in styleIT pagina's onder 1036pixels uitzetten adv deze class */
@media screen and (max-width: 1023px) {
  .styleIT-visual {
    display: none; }
  .imgresponsive {
    display: none; }
  /* winkelmanduitklapper uitzetten onder 1023px */ }

/* /alle afbeeldingen in styleIT pagina's onder 1036pixels uitzetten adv deze class */
@media screen and (max-width: 900px) {
  .kassakoopjes-grid {
    display: none; }
  .product-highlight,
  .product-highlight.direct-bestellen {
    height: 390px; }
  .product-bargains .direct-order {
    position: relative;
    bottom: inherit; } }

@media screen and (max-width: 1210px) {
  body > .site-retain,
  header .site-retain {
    padding: 0;
    width: 100%; }
  .form__input-wrapper .small {
    width: 44%; } }

/* /1091 */
.elek-keuze .grid.grid-producten-scroll .unit-4-12 {
  width: 25%; }

/* /1036 */
@media screen and (max-width: 99999px) {
  .nav-switch {
    display: none; }
  .categories.collapse > ul {
    display: none; } }

@media screen and (max-width: 991px) and (min-width: 721px) {
  .form--expanded .form__field-wrapper .form__input-wrapper input[type=text].small {
    width: 44%;
    max-width: 44%; } }

@media screen and (max-width: 720px) {
  .form--expanded .form__field-wrapper .form__input-wrapper input[type=text].small {
    width: 43%;
    max-width: 43%; } }

@media screen and (max-width: 700px) {
  .form--expanded .form__field-wrapper .form__input-wrapper input[type=text].small {
    width: 43%;
    max-width: 43%; }
  .nieuweKlant.adres .huisnummertoevoeging {
    margin-left: 4px; } }

@media screen and (max-width: 660px) {
  .nieuweKlant.adres .huisnummertoevoeging {
    margin-left: 8px; } }

@media screen and (max-width: 600px) {
  .form--expanded .form__field-wrapper .form__input-wrapper input[type=text].small {
    width: 46%;
    max-width: 46%; }
  .nieuweKlant.adres .huisnummertoevoeging {
    margin-left: 8px; } }

@media screen and (max-width: 385px) {
  .nieuweKlant.adres .huisnummertoevoeging {
    margin-left: 5px; } }

@media screen and (max-width: 991px) {
  .homepage-highlight__teaser-odd {
    min-height: 0px;
    margin-bottom: 20px; }
  .homepage-highlight__teaser-odd li a.button {
    text-align: center; }
  /* switches voor de hoofdnav en categorienav */
  .nav-switch {
    display: block;
    position: relative;
    height: 50px; }
  .categorie-switch {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 50px;
    height: 50px;
    padding: 15px 0;
    background: #00bae7;
    cursor: pointer;
    display: none;
    border: 0px; }
  .categorie-switch:hover {
    background: #00a2c9; }
  .categorie-switch .icon-bar {
    background-color: white;
    display: block;
    width: 26px;
    height: 3px;
    margin: 0 0 5px 12px; }
  .nav-switch .navbar-toggle {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 50px;
    background: #0069b9;
    border: 0px;
    margin: 0;
    text-align: center;
    color: #fff;
    line-height: 50px;
    text-transform: uppercase;
    font-size: 18px;
    font-size: 1.28571rem;
    font-family: "Open Sans", sans-serif;
    cursor: pointer; }
  .nav-switch.homepagina .navbar-toggle {
    right: 60px; }
  .nav-switch.homepagina .categorie-switch {
    display: block; }
  .nav-switch .navbar-toggle:hover {
    background-color: #004c86; }
  /* navigatie uit */
  /* paginering view omzetten naar enkel grote prev en next knoppen */
  .paginator a,
  .paginator span {
    display: none; }
  .paginator a.next,
  .paginator a.prev {
    display: block;
    width: 40px;
    height: 40px;
    font-size: 20px;
    line-height: 40px;
    display: inline-block; }
  .trustpilot-widget {
    display: none; } }

/* /991 ================================================== */
@media screen and (max-width: 767px) {
  .shopping-cart-highlight .heading.heading--brand {
    background: url(/Content/img/icon-shoppingcart.png) no-repeat 0 0;
    text-indent: -9999px;
    width: 18px;
    height: 22px;
    display: inline-block;
    margin-right: 10px; }
  .shopping-cart-highlight {
    padding-bottom: 3px; }
  .homepage-intro.island.island--gray > .grid > .grid__cell.unit-4-12 {
    width: 100%; }
  .homepage-intro.island.island--gray > .grid > .grid__cell.unit-4-12 p:last-child {
    margin-bottom: 0px; }
  /* tabbladen productdetail */
  #productdetail .product-tabs > ul > li > a {
    margin-left: 0;
    margin-right: 0;
    padding-left: 8px;
    padding-right: 8px; }
  ul.form__checkbox-list > li {
    position: relative;
    padding-top: 20px;
    margin-top: 20px;
    border-top: solid 1px #ccc; }
  ul.form__checkbox-list > li:first-child {
    padding-top: 0px;
    margin-top: 0px;
    border-top-color: transparent; }
  ul.form__checkbox-list li label {
    width: 100%;
    display: block; }
  ul.form__checkbox-list li > span {
    padding-left: 0px; }
  ul.form__checkbox-list li a {
    margin-left: 0px;
    width: 130px; }
  ul.form__checkbox-list li a span {
    display: inline-block;
    padding-left: 25px; }
  ul.form__checkbox-list li select#IssuerID,
  ul.form__checkbox-list li select#CreditCardCode {
    width: 95% !important; } }

/* /767 ================================================== */
@media screen and (max-width: 665px) {
  .shopping-cart-highlight {
    margin-top: 10px;
    float: none; }
  .homepage-intro.island.island--gray {
    display: none; }
  /* usp top */
  .layer.layer--dark .nav.nav--top {
    display: none; }
  .layer.layer--dark {
    height: 10px; }
  #gegevenspage .grid__cell.unit-5-12 {
    display: none; }
  #gegevenspage .fietverzekering-postcode li.grid__cell.unit-4-12 {
    display: block;
    width: 100%;
    border-top: none;
    padding: 0px; }
  #gegevenspage .fietverzekering-postcode li.grid__cell.unit-4-12:nth-child(2) {
    margin-top: 10px; }
  #gegevenspage .grid__cell.unit-7-12 {
    width: 100%; }
  #productdetail .icon-zoom-in.zoom {
    display: none; } }

/* /665 ================================================== */
/* productkaartjes op 100% breed 
@media screen and (max-width: 665px) and (min-width: 525px)
{
  .producten > .grid > .grid__cell.unit-9-12 > .grid .grid__cell.unit-4-12
  {
    width:100%;
  }
  .producten > .grid > .grid__cell.unit-9-12 > .grid .grid__cell.unit-4-12 .product-highlight
  {
    height:auto;
  }
  .producten > .grid > .grid__cell.unit-9-12 > .grid .grid__cell.unit-4-12 .product-highlight a,
  .producten > .grid > .grid__cell.unit-9-12 > .grid .grid__cell.unit-4-12 .product-highlight > div
  {
    width:50%;
  }
  .producten > .grid > .grid__cell.unit-9-12 > .grid .grid__cell.unit-4-12 .product-highlight a
  {
    float:left;
  }
  .producten > .grid > .grid__cell.unit-9-12 > .grid .grid__cell.unit-4-12 .product-highlight > div
  {
    margin-left:50%;
  }
  .producten > .grid > .grid__cell.unit-9-12 > .grid .grid__cell.unit-4-12 .product-highlight > div:first-child
  {
    width:100%;
    margin-left:0px;
  }
  .product-highlight__footer
  {
    left:auto;
    right:10px;
  }
  .product-highlight > div h2
  {
    min-height: 73px;
  }
}
 tussen 665 en 525 */
@media screen and (max-width: 590px) {
  .nav.nav--user {
    margin-top: 4px; }
  .nav.nav--user li,
  .nav.nav--user li a {
    line-height: 18px; }
  .form--expanded .form__field-wrapper.veld-vld strong.validation {
    right: -5px; }
  .form--expanded .form__field-wrapper .form__input-wrapper input[type=text],
  .form--expanded .form__field-wrapper .form__input-wrapper input[type=password] {
    max-width: 94%;
    width: 94%; } }

@media screen and (max-width: 525px) {
  .shopping-cart-highlight .heading.heading--brand {
    margin-right: 4px; } }

@media screen and (max-width: 480px) {
  .tt-dropdown-menu {
    display: none; }
  .island.island--bordered {
    padding: 5px;
    border-color: transparent; } }

@media screen and (max-width: 320px) {
  .header .winkelwagen {
    right: 5px; }
  .stramien-item .homepage-highlight__teaser-odd {
    min-height: auto; }
  ul.socialmedia > li {
    display: inline-block; }
  ul.socialmedia .button__facebook,
  ul.socialmedia .button__twitter,
  ul.socialmedia .button__youtube {
    text-indent: -9999px;
    width: 40px;
    background-position: 9px 0; }
  .continent.continent--brand {
    padding: 20px; }
  .customer-service-highlight__phone {
    font-size: 28px; }
  body .stramien .stramien-item .product-highlight {
    margin-bottom: 20px; }
  /* productdetailpagina */
  .product__price-intro,
  .product__price {
    width: 100%; }
  /* laatst bekeken producten */
  .product-lastviewed .grid__cell.unit-3-12 {
    width: 100%; }
  /* specifiacties */
  ul.product__specifications-highlight.product-eigenschap-list li span {
    font-size: 11px; }
  ul.product__specifications-highlight > li > span:first-child {
    width: 110px; }
  ul.product__specifications-highlight > li > span {
    margin-left: 120px; } }

@media screen and (max-width: 991px) and (min-width: 768px) {
  .site-retain {
    /*  max-width: 768px;*/ }
  .nav__wrapper nav:nth-child(2) a {
    color: #fff; }
  .nav.nav--user {
    float: right; } }

/* ====================================================================== */
/* carousel */
@media screen and (min-width: 1220px) {
  .categorienav-wrapper ul li {
    padding: 3.9px 0 3.9px 0; } }

@media screen and (max-width: 1219px) {
  .stramien .stramien-item.categorienav-wrapper {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: auto !important;
    height: auto !important;
    width: 100% !important; }
  .stramien .stramien-item.categorienav-wrapper ul {
    height: 100%; }
  .stramien .stramien-item.categorienav-wrapper .categories > ul {
    width: 100%; }
  .stramien .stramien-item.categorienav-wrapper li,
  .navigation-mobile-wrapper li {
    float: left;
    width: 33.3333%;
    padding-top: 5px;
    padding-bottom: 5px;
    border-right: 1px solid #84c7eb; }
  .stramien .stramien-item.categorienav-wrapper li a {
    display: block;
    white-space: nowrap; }
  .c-panel {
    width: 100% !important; } }

@media screen and (max-width: 700px) {
  .stramien .stramien-item.categorienav-wrapper li,
  .navigation-mobile-wrapper li {
    width: 50%; } }

@media screen and (max-width: 529px) {
  .stramien .stramien-item.categorienav-wrapper li,
  .navigation-mobile-wrapper li {
    width: 100%; } }

@media screen and (max-width: 360px) {
  .stramien .stramien-item.categorienav-wrapper li,
  .navigation-mobile-wrapper li {
    width: 100%; } }

/* /carousel homepagina */
/* ====================================================================== */
/* ====================================================================== */
/* usps homepagina */
@media screen and (max-width: 991px) {
  .usps-dark .grid__cell.unit-3-12 {
    width: 50%;
    border-bottom: solid 1px #555;
    border-right: solid 1px #555;
    padding: 0 20px; }
  .usps-dark .island {
    padding: 0px; }
  .usp.island.island--dark > .grid > .grid__cell > .usp__item h2 {
    line-height: 15px !important; } }

@media screen and (max-width: 695px) {
  .usp.island.island--dark > .grid > .grid__cell > .usp__item h2 {
    font-size: 12px; } }

@media screen and (max-width: 529px) {
  .usp.island.island--dark > .grid > .grid__cell > .usp__item h2 {
    font-size: 15px; }
  .usps-dark {
    display: none; }
  .usp.island.island--dark > .grid > .grid__cell > .usp__item {
    padding-left: 86px !important; } }

@media screen and (max-width: 400px) {
  .usp.island.island--dark > .grid > .grid__cell > .usp__item h2 {
    font-size: 12px; } }

/* /usps homepagina */
/* ====================================================================== */
/* ====================================================================== */
/* categoriepagina */
@media screen and (min-width: 663px) {
  a.button-verfijnfilter,
  a.button-categorie {
    display: none; } }

@media screen and (max-width: 1023px) {
  .producten .product-highlight {
    height: auto; }
  .producten .product-highlight__footer {
    position: relative;
    top: auto;
    left: auto;
    margin-top: 20px; }
  .producten .product-highlight > a {
    width: 100%;
    height: auto;
    min-height: 150px; }
  .producten .product-highlight > a > img {
    max-width: 100%; }
  .list.list--reset.product-highlight__speclist li {
    max-width: 35px; } }

@media screen and (max-width: 991px) {
  .list.list--reset.product-highlight__speclist {
    margin-top: 10px; }
  .producten .overview-actions .grid__cell.unit-8-12 {
    width: 75%; }
  .producten .overview-actions .grid__cell.unit-4-12 {
    width: 25%; } }

@media screen and (max-width: 969px) {
  .producten > .grid > .grid__cell.unit-3-12 {
    width: 31%; }
  .producten > .grid > .grid__cell.unit-9-12 {
    width: 69%; }
  .producten > .grid > .grid__cell.unit-9-12 > .grid > .grid__cell.unit-4-12 {
    width: 50%; }
  .producten .overview-sort .form__label-wrapper {
    display: none; }
  .producten .overview-sort .form__field-wrapper {
    margin-bottom: 5px; }
  .producten .overview-actions {
    margin-bottom: 10px; }
  .producten .overview-actions .grid__cell.unit-8-12 {
    width: 75%; }
  .producten .overview-actions .grid__cell.unit-4-12 {
    width: 25%; }
  .elek-keuze .grid.grid-producten-scroll .unit-4-12 {
    width: 33.3333%; } }

@media screen and (max-width: 820px) {
  .producten .overview-actions .grid__cell.unit-8-12 {
    width: 75%; }
  .producten .overview-actions .grid__cell.unit-8-12 select {
    padding-left: 0px;
    padding-right: 0px; }
  .producten .overview-actions .grid__cell.unit-8-12 .form__field-wrapper {
    margin-right: 5px; }
  .producten .overview-actions .grid__cell.unit-4-12 {
    width: 25%; } }

@media screen and (max-width: 700px) {
  .producten > .grid .grid__cell.unit-3-12 .island.island--dark {
    display: none; }
  .producten > .grid > .grid__cell.unit-3-12,
  .producten > .grid > .grid__cell.unit-9-12 {
    width: 100%; }
  .producten > .grid > .grid__cell.unit-9-12 > .grid > .grid__cell.unit-4-12 {
    width: 50%; }
  .producten .grid.selectie .unit-4-12 {
    width: 50%; }
  .producten .grid.selectie .unit-4-12.categorieen {
    display: inline-block; }
  .producten .grid.selectie .unit-4-12.twnfilters {
    width: 100%; }
  a.button-verfijnfilter,
  a.button-categorie {
    text-indent: 10px;
    display: block;
    min-height: 40px;
    font-size: 18px;
    line-height: 40px;
    background-color: #f6f6f6;
    border: solid 1px #ccc;
    position: relative;
    text-decoration: none;
    background-color: #00bae7;
    color: #fff;
    font-weight: 800;
    font-style: italic;
    display: block;
    text-transform: uppercase; }
  a.button-verfijnfilter.open > i a.button-categorie.open > i {
    color: #fff; }
  a.button-verfijnfilter i.icon-up-open,
  a.button-verfijnfilter.open i.icon-down-open,
  a.button-categorie i.icon-up-open,
  a.button-categorie.open i.icon-down-open {
    display: none; }
  a.button-verfijnfilter.open i.icon-up-open,
  a.button-categorie.open i.icon-up-open {
    display: block; }
  .filter {
    background: #f6f6f6;
    padding: 10px;
    border: solid 1px #ccc;
    border-top-color: transparent; }
  .filter__selected {
    margin-bottom: 10px;
    padding: 10px; }
  a.button-verfijnfilter i,
  a.button-categorie i {
    position: absolute;
    top: 0px;
    right: 20px; }
  .overview-intro.island.island--gray {
    margin-top: 10px; }
  .trustpilot-widget {
    display: none; }
  .hide {
    display: none; }
  .producten .overview-actions .grid__cell.unit-8-12 #pagesizes {
    display: none; }
  .producten .heading {
    float: left;
    padding-top: 14px; }
  .producten .overview-actions.head .grid__cell.unit-8-12 {
    float: left;
    width: auto; }
  .producten .overview-actions .grid__cell.unit-8-12 .overview-sort .form__field-wrapper {
    margin-top: 10px; }
  .elek-keuze .grid.grid-producten-scroll .unit-4-12 {
    width: 50%; } }

@media screen and (max-width: 470px) {
  .producten .product-highlight .grid__cell.unit-6-12 {
    width: 100%; }
  .producten .product-highlight > a {
    min-height: 130px; }
  .producten .overview-actions.top .grid__cell.unit-8-12 {
    width: 100%; }
  .producten .overview-actions .grid__cell.unit-8-12 {
    width: 60%; }
  .producten .overview-actions .grid__cell.unit-4-12 {
    width: 35%; }
  .overview-intro {
    padding: 10px; }
  .overview-intro .grid__cell {
    width: 100%; } }

@media screen and (max-width: 420px) {
  .producten .product-highlight > a {
    min-height: 110px; }
  .producten .overview-actions.top .form__field-wrapper:nth-child(2),
  .producten .overview-actions.top .form__field-wrapper:nth-child(2) .form__input-wrapper {
    margin-right: 0px; }
  .producten .overview-actions.top select#MatrabikeTwnNavigationViewModel_sortoptions {
    width: 118px; } }

@media screen and (max-width: 380px) {
  .producten > .grid > .grid__cell.unit-9-12 > .grid > .grid__cell.unit-4-12 {
    width: 100%; }
  .producten .product-highlight .grid__cell.unit-6-12 {
    width: 50%; }
  .producten .overview-actions .grid__cell.unit-8-12 {
    width: 55%; }
  .producten .overview-actions .grid__cell.unit-4-12 {
    width: 40%; }
  .elek-keuze .grid.grid-producten-scroll .unit-4-12 {
    width: 100%; } }

@media screen and (max-width: 489px) {
  .producten .overview-actions.head .grid__cell.unit-8-12 {
    width: 100%; } }

/* /categoriepagina */
/* ====================================================================== */
/* ====================================================================== */
/* vergelijking producten uitzetten < 768 */
@media screen and (max-width: 700px) {
  .product-highlight .product-highlight__header,
  #vergelijkcontainer,
  .productvergelijkknop {
    display: none;
  } }

/* vergelijking producten uitzetten < 768 */
/* ====================================================================== */
@media screen and (max-width: 1023px) {
  .responsive-fietsen-menulijst {
    display: block !important; } }

@media screen and (max-width: 320px) {
  .slider-wrapper .slider-value-end {
    text-align: right; } }

/* ====================================================================== */
/* inloggen en registreren linkjes in hoofdnav zetten  */
@media screen and (min-width: 1024px) {
  .nav > li.hidedesktop {
    display: none; } }

@media screen and (max-width: 1023px) {
  .nav.nav--user {
    display: none; } }

/* /inloggen en registreren linkjes in hoofdnav zetten  */
/* ====================================================================== */
/* ====================================================================== */
/* productdetailpagina */
.prijs-wrapper span {
  display: block;
  width: 100%; }

.product__price-holder > span:nth-child(1) > span {
  display: block; }

#productdetail .product__title {
  margin-bottom: 10px; }

hr.is-dashed {
  border-bottom: 0;
  margin-top: 20px;
  margin-bottom: 20px;
  border-style: dashed;
  border-color: #adadad; }

.title.is-4 {
  font-size: 17px;
  font-family: "Open Sans", sans-serif;
  color: #0268ba; }

.c-product-plusmin {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }

@media (min-width: 1024px) {
  .c-product-plusmin {
    -ms-flex-direction: row;
        flex-direction: row; } }

ul.list-plusmin,
ul.list-plusmin li {
  margin: 0;
  padding: 0;
  list-style-type: none; }

ul.list-plusmin li {
  padding: 14px 0 14px 0;
  border-top: solid 1px #adadad;
  margin-right: 20px;
  line-height: 20px; }
  ul.list-plusmin li span {
    padding-left: 20px;
    display: block;
    position: relative; }
    ul.list-plusmin li span:before {
      position: absolute;
      top: 2px;
      left: 0;
      font-weight: bold;
      font-size: 24px;
      line-height: 14px;
      height: 14px;
      width: 14px;
      display: block;
      text-align: center; }

ul.list-plusmin li:first-child {
  border-top: 0;
  padding-top: 0; }

ul.list-plusmin li.icn-plus span:before {
  color: #37c100;
  content: '+'; }

ul.list-plusmin li.icn-min span:before {
  top: 1px;
  font-size: 30px;
  color: #e00e0d;
  content: '-'; }

.c-product-question {
  background-color: #00a9f4;
  padding: 20px 40px;
  border-radius: 6px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  color: #fff;
  margin-bottom: 20px; }

.c-product-question__left img {
  max-width: 140px;
  margin-right: 50px;
  display: block; }

.c-product-question__left {
  display: none; }

.c-product-question__right {
  -ms-flex-positive: 1;
      flex-grow: 1; }

.c-product-question__heading {
  font-size: 22px;
  margin: 0; }

.c-product-question__form {
  position: relative;
  height: 70px; }
  .c-product-question__form .c-product-question__input,
  .c-product-question__form .c-product-question__button {
    position: absolute;
    z-index: 1;
    top: 0;
    border: 0;
    height: 40px;
    line-height: 40px;
    font-family: "Open Sans", sans-serif;
    font-weight: bold; }
  .c-product-question__form .c-product-question__input {
    left: 0;
    right: 25%;
    width: 75%;
    color: #0268ba;
    padding: 0 10px;
    cursor: default;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-top-left-radius: 6px;
    -moz-border-bottom-left-radius: 6px; }
  .c-product-question__form .c-product-question__button {
    right: 25%;
    left: 75%;
    width: 25%;
    background-color: #ff6d00;
    color: #fff;
    text-align: center;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-top-right-radius: 6px;
    -moz-border-top-right-radius: 6px; }
  .c-product-question__form .c-product-question__radiobuttons {
    bottom: 0;
    position: absolute; }

@media (min-width: 1024px) {
  .c-product-question__left {
    display: block; }
    .c-product-question__left img {
      max-width: 140px;
      margin-right: 50px;
      display: block; } }

@media screen and (max-width: 768px) {
	.product-question.grid > .grid__cell.unit-8-12 {
    width: 100%;
  }
}

.c-korting-flag {
  background-color: #00a9f4;
  padding: 12px 25px 17px 25px;
  color: #fff;
  text-align: center;
  font-size: 22px;
  line-height: 24px;
  position: relative; }
  .c-korting-flag:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #00a9f4;
    border-width: 15px;
    margin-left: -15px; }

.c-korting-flag.c-korting-flag-aanbieding {
  padding: 5px 0px 23px 0px;
  font-size: 18px;
  text-align: center; }

.c-korting-flag.c-korting-flag-aanbieding strong {
  font-size: 36px;
  top: 10px;
  position: relative; }

.show-datumvan-korting {
  font-size: 10px;
  text-align: center;
  color: #858585; }

@media (min-width: 1024px) {
  .c-korting-flag {
    padding: 12px 25px 16px 25px; } }

.product-button__payoff {
  color: #37c100;
  text-align: center;
  margin-bottom: 20px; }

.klantenservice__facebook {
  display: -ms-flexbox;
  display: flex; }

.product-usps {
  padding-top: 5px; }
  .product-usps ul, .product-usps li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 1.07em; }
  .product-usps li {
    font-size: 15px;
    line-height: 26px !important;
    color: #000;
    position: relative;
    padding-left: 24px; }
    .product-usps li:before {
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;
      font-family: fontello;
      content: '\e80a';
      color: #37c100; }

@media screen and (max-width: 991px) {
  .trustpilot-widget {
    display: none; }
  /* productdetailpagina tabs */
  .tabs-content {
    display: none; }
  .product-tabs {
    margin-bottom: 20px; }
  .product-tabs ul.list.list--reset.tabs.js--tabs-controls li {
    float: none;
    width: 100%; }
  .product-tabs ul.list.list--reset.tabs.js--tabs-controls > li > a {
    display: block;
    background: none;
    margin: 0;
    padding: 8px; }
  .product-tabs ul.list.list--reset.tabs.js--tabs-controls li.is-active a {
    font-size: 14px;
    padding: 8px; }
  .list.list--reset.tabs.js--tabs-controls > li > a {
    border-bottom: dotted 1px #ccc; }
  .list.list--reset.tabs.js--tabs-controls > li > .js--tab {
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    padding: 10px; }
  .product-tabs ul.list.list--reset.tabs.js--tabs-controls > li.is-active > a {
    background: #f4f2f2;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f4f2f2 0%, #e1e0e0 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f2f2', endColorstr='#e1e0e0',GradientType=0 );
    /* IE6-9 */
    line-height: 1.71429; }
  .product__price-holder > span {
    display: block;
    width: 100%; }
  #productdetail > .grid > .grid__cell.unit-8-12 {
    width: 60%; }
  #productdetail > .grid > .grid__cell.unit-4-12 {
    width: 40%; }
  .product-image {
    text-align: center; }
  ul.tabs > li > div a {
    border: solid 1px #0f0;
    font-weight: normal;
    display: inline-block;
    color: #333;
    background: transparent;
    border: 0px; }
  /* laatst bekeken producten */
  .product-lastviewed .grid__cell.unit-3-12 {
    width: 50%; }
  /* winkelmand */
  .shopping-cart > .grid > .grid__cell {
    width: 100%;
    margin-bottom: 20px; }
  .shopping-cart__table .article .heading {
    font-size: 14px; }
  .shopping-cart__table .pricing .price,
  .shopping-cart__table .total-price {
    white-space: nowrap; }
  .shopping-cart__table .pricing .price,
  .shopping-cart__table .total-price,
  .shopping-cart__section .primary-column dd,
  .shopping-cart__section .primary-column dt {
    font-size: 12px; }
  .shopping-cart__table .count select {
    width: 40px; }
  #winkelwagenContainer .shopping-cart__section > div {
    width: 100%;
    margin-bottom: 20px; }
  #winkelwagenContainer .shopping-cart__section > .secondary-column {
    padding-right: 0px; }
  .shopping-cart__section .primary-column dt {
    width: 60%;
    text-align: right; }
  .shopping-cart__section .primary-column dd {
    width: 40%;
    margin: 0;
    float: left; }
  .form__input-wrapper select {
    max-width: 100%; } }

.verzendkosten-info-last .info {
  margin-top: -5px; }

@media screen and (max-width: 860px) {
  /* productdetail */
  /*.product-bundles > ul > li {
		width: 49%;
		display: inline-block;
	}*/ }

.product-detail-topbutton a {
  width: 100%;
  margin-bottom: 30px; }

.product-offer__button.is-mobile {
  display: block;
  width: 100%;
  margin-bottom: 25px; }
  .product-offer__button.is-mobile a {
    display: block;
    width: 100%; }

.product-offer .product-detail-header img {
  max-height: 40px;
  max-width: 100px; }

@media screen and (min-width: 768px) {
  .product-offer__button.is-mobile,
  .product-detail-topbutton {
    display: none; } }

@media screen and (max-width: 650px) {
  #productdetail > .grid > .grid__cell.unit-8-12 {
    width: 100%; }
  #productdetail > .grid > .grid__cell.unit-4-12 {
    width: 100%; }
  .product__specifications-highlight-wrapper {
    width: 50%;
    float: left; }
  .product__price-holder {
    width: 50%;
    margin-left: 50%; }
  .product-detail #variatie-afbeeldingen li {
    width: 18.5%; } }

@media screen and (max-width: 560px) {
  .product-bundles > ul > li {
    width: 100%;
    display: inline-block; }
  .product-bundle > .grid > .grid__cell.unit-3-12 {
    width: 50%; }
  .product-bundle__contents .list.list--reset {
    height: auto; } }

@media screen and (max-width: 590px) {
  .product__specifications-highlight-wrapper {
    width: 100%;
    float: none; }
  .product__price-holder {
    width: 100%;
    margin-left: 0px; }
  .product__order-highlight {
    padding: 5px; }
  .prijs-wrapper span {
    display: block;
    width: 100%; } }

@media screen and (max-width: 400px) {
  .product-bundle .product-bundle__products .imageholder {
    width: 42px;
    height: 42px; }
  .product-bundle .product-bundle__products .imageholder a {
    width: 40px;
    height: 40px; }
  .product-bundle .product-bundle__products .imageholder img {
    max-height: 100%; }
  .product-bundle__products .plusholder {
    padding: 10px 5px 5px; } }

@media screen and (max-width: 380px) {
  /* productdetail */
  .product-bundle > .grid > .grid__cell.unit-3-12 {
    width: 100%; }
  #productdetail {
    padding: 0;
    border: 0px; }
  .product-bundle__contents .list.list--reset {
    height: auto; } }

/* /productdetailpagina */
/* ====================================================================== */
/* ====================================================================== */
/* winkelmand CSS */
.clearfix:before,
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden; }

.clearfix:after {
  clear: both; }

.clearfix {
  zoom: 1; }

#shoppingcart p {
  margin-bottom: 0px; }

#shoppingcart div[class*="col-"] {
  float: left;
  position: relative;
  min-height: 1px;
  padding-left: 7px;
  padding-right: 7px; }

#shoppingcart > .row {
  margin-left: -7px;
  margin-right: -7px; }

#shoppingcart a.del-artikel {
  float: right;
  color: gray;
  font-size: 10px;
  line-height: 13px; }

#shoppingcart a.del-artikel span {
  display: none; }

#shoppingcart hr {
  margin-top: 0px;
  margin-bottom: 10px;
  border: 0;
  border-top: 1px solid #ccc; }

#shoppingcart i.icon-cancel {
  font-size: 20px;
  font-size: 1.42857rem;
  line-height: 1.2;
  color: #d22907;
  text-decoration: none;
  position: relative;
  top: 1px; }

#shoppingcart .specs .spec span {
  font-size: 14px;
  line-height: 1.5;
  font-weight: bold;
  white-space: nowrap; }

#shoppingcart .specs .spec select {
  font-weight: normal;
  padding-top: 2px;
  padding-bottom: 2px;
  width: 70px; }

#shoppingcart .spec label {
  display: none; }

#shoppingcart .right {
  text-align: right; }

#shoppingcart .row.cartheader p {
  white-space: nowrap; }

#shoppingcart .cartheader p {
  font-weight: bold;
  padding-bottom: 10px; }

#shoppingcart .artikel {
  padding-bottom: 20px; }

#shoppingcart .artikelspecs h2 {
  font-size: 22px;
  font-size: 1.57143rem;
  line-height: 1.09091;
  margin-bottom: 5px;
  margin-bottom: 0.35714rem;
  font-style: normal;
  font-weight: 500;
  color: #00bae7; }

#shoppingcart .artikelspecs em {
  font-size: 13px;
  font-size: 0.92857rem;
  line-height: 1.84615;
  font-style: italic; }

#shoppingcart .row.totalen p {
  margin-bottom: 2px;
  font-weight: bold;
  font-size: 14px;
  min-height: 30px; }

#shoppingcart .row.totalen p.totaal,
#shoppingcart .row.totalen p.totaal span {
  margin-top: 20px;
  font-size: 18px;
  white-space: nowrap; }

#shoppingcart .kortingscode-wrapper > div > div > p.kortingscode,
#shoppingcart .kortingscode-wrapper > div > div > p.kortingscodeerror {
  font-weight: normal;
  font-size: 14px; }

p.kortingscodeerror {
  color: #ff0000; }

#shoppingcart .kortingscode-wrapper input[type=text] {
  width: 175px; }

#shoppingcart .kortingscode-wrapper .form__field-wrapper,
#shoppingcart .kortingscode-wrapper .form__button-wrapper {
  float: left;
  margin-bottom: 0px; }

#shoppingcart .kortingscode-wrapper .form__button-wrapper {
  margin-left: 10px; }

#shoppingcart .kortingscode-wrapper hr {
  margin: 10px -7px; }

#shoppingcart label {
  cursor: default !important; }

#shoppingcart .totalen {
  padding: 10px 0;
  border-bottom: 0px; }
  #shoppingcart .totalen > .col-sm-12 > .row {
    background-color: #eff8fc; }
    #shoppingcart .totalen > .col-sm-12 > .row:first-child {
      padding-top: 15px; }
    #shoppingcart .totalen > .col-sm-12 > .row:last-child {
      padding-bottom: 5px; }

#shoppingcart .promo-korting {
  color: #03B51A; }

.ordertraject.overzicht .grid__cell.unit-8-12 {
  width: 75%; }

.ordertraject.overzicht .grid__cell.unit-4-12 {
  width: 25%; }

.ordertraject .my-shopping-cart .my-shopping-cart__header .beta.heading.heading--brand {
  white-space: nowrap; }

@media screen and (max-width: 1023px) {
  .shopping-cart-wrapper .grid__cell.unit-3-12 {
    display: none; }
  .shopping-cart-wrapper .grid__cell.unit-9-12 {
    width: 100%; } }

@media screen and (min-width: 768px) {
  #shoppingcart .row.artikel.kortingscodewrapper {
    border-top: solid 1px #ccc;
    padding-top: 20px; }
  #shoppingcart .col-sm-offset-6 {
    margin-left: 50%; }
  #shoppingcart .col-sm-12 {
    width: 100%; }
  #shoppingcart .col-sm-11 {
    width: 91.66666667%; }
  #shoppingcart .col-sm-9 {
    width: 75%; }
  #shoppingcart .col-sm-8 {
    width: 66.66666667%; }
  #shoppingcart .col-sm-7 {
    width: 58.33333333%; }
  #shoppingcart .col-sm-6 {
    width: 50%; }
  #shoppingcart .col-sm-5 {
    width: 41.66666667%; }
  #shoppingcart .col-sm-4 {
    width: 33.33333333%; }
  #shoppingcart .col-sm-3 {
    width: 25%; }
  #shoppingcart .col-sm-2 {
    width: 16.66666667%; }
  #shoppingcart .col-sm-1 {
    width: 8.33333333%; }
  #shoppingcart .col-sm-offset-3 {
    margin-left: 25%; }
  #shoppingcart .rowhr {
    display: none; }
  #shoppingcart .productafbeelding > img {
    border: 1px solid #cccccc;
    max-width: 95px; }
  #shoppingcart .kortingscode-wrapper hr {
    display: none; }
  #shoppingcart .kortingscode hr {
    display: none; }
  #shoppingcart .row.totalen {
    padding-top: 5px;
    padding-bottom: 20px; } }

.c-trustitems {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row; }

.c-trustitems__paymenticons {
  width: 240px;
  text-align: center; }

.shopping-cart__footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse; }

.shopping-cart__footer--left {
  display: -ms-flexbox;
  display: flex; }
  .shopping-cart__footer--left .previous {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px; }

.shopping-cart__footer--right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column; }
  .shopping-cart__footer--right .settle {
    width: 100%;
    margin-bottom: 10px; }

.island.is-ordertraject {
  padding: 10px 0;
  margin-top: 0; }

@media screen and (min-width: 460px) {
  .island.is-ordertraject {
    padding: 10px;
    margin-top: 20px; } }

.island.is-ordertraject .shoppingcart__preview {
  background-color: #eff8fc;
  padding: 20px;
  margin-top: -20px;
  width: 39.66667%;
  margin-left: 2%; }

.grid__cell.unit-9-12.overzicht {
  width: 100%; }

.grid__cell.unit-3-12.extragegevens-overzicht.shoppingcart__preview {
  width: 100%;
  margin-left: 0; }

@media (min-width: 991px) {
  .grid__cell.unit-9-12.overzicht {
    width: 75%; }
  .island.is-ordertraject .unit-3-12.shoppingcart__preview {
    width: 23%;
    margin-left: 2%; } }

.my-shopping-cart__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  .my-shopping-cart__content .primary-column {
    float: none;
    width: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    .my-shopping-cart__content .primary-column .my-shopping-cart__thumb {
      border: solid 1px #f2f2f2;
      background-color: #fff;
      margin-right: 10px;
      padding: 5px; }
      .my-shopping-cart__content .primary-column .my-shopping-cart__thumb img {
        width: 80px; }
    .my-shopping-cart__content .primary-column .my-shopping-cart__details {
      text-align: right; }

@media (min-width: 640px) {
  .shopping-cart__footer {
    -ms-flex-direction: row;
        flex-direction: row; }
    .shopping-cart__footer .shopping-cart__footer--right .settle {
      width: 360px;
      font-size: 16px; } }

.helptxt {
  font-size: 12px;
  line-height: 18px;
  font-style: italic; }

@media screen and (max-width: 767px) {
  .shopping-cart__footer {
    margin-top: 10px; }
  #shoppingcart .productafbeelding > img {
    border: 1px solid #cccccc;
    max-width: 50px; }
  #shoppingcart .cartheader {
    display: none; }
  #shoppingcart .row.artikel .col-sm-11 .row .col-sm-5 {
    width: 35%; }
  #shoppingcart .row.artikel .col-sm-11 .row .col-sm-5 h2 {
    font-size: 18px; }
  #shoppingcart .artikelspecs,
  #shoppingcart .artikelspecs p em {
    line-height: 12px !important; }
  #shoppingcart .row.artikel {
    border-bottom: solid 1px #ccc;
    margin-bottom: 10px;
    padding-bottom: 10px; }
  #shoppingcart .row.artikel.kortingscodewrapper {
    margin-bottom: 0px; }
  #shoppingcart .row.artikel > .col-sm-11 .row .col-sm-6,
  #shoppingcart .row.artikel > .col-sm-12 .row .col-sm-6 {
    width: 50%; }
  #shoppingcart .col-sm-12 {
    width: 100%; }
  #shoppingcart .col-sm-11 {
    width: 91.66666667%; }
  #shoppingcart .col-sm-9 {
    width: 75%; }
  #shoppingcart .col-sm-8 {
    width: 66.66666667%; }
  #shoppingcart .col-sm-7 {
    width: 58.33333333%; }
  #shoppingcart .col-sm-6 {
    width: 50%; }
  #shoppingcart .col-sm-5 {
    width: 41.66666667%; }
  #shoppingcart .col-sm-4 {
    width: 33.33333333%; }
  #shoppingcart .col-sm-3 {
    width: 25%; }
  #shoppingcart .col-sm-2 {
    width: 16.66666667%; }
  #shoppingcart .col-sm-1 {
    width: 8.33333333%; }
  #shoppingcart .row.artikel > .col-sm-11 .row .col-sm-6 .col-sm-4,
  #shoppingcart .row.artikel > .col-sm-12 .row .col-sm-6 .col-sm-4 {
    width: 100%; }
  #shoppingcart .row.artikel > .col-sm-11 .row .col-sm-6 .col-sm-4 p label,
  #shoppingcart .row.artikel > .col-sm-12 .row .col-sm-6 .col-sm-4 p label {
    display: block;
    float: left;
    width: 60%;
    text-align: right;
    font-weight: normal;
    font-size: 13px; }
  #shoppingcart .row.artikel .col-sm-11 .row .col-sm-6 .col-sm-4 p span,
  #shoppingcart .row.artikel > .col-sm-12 .row .col-sm-6 .col-sm-4 p span {
    width: 40%;
    font-size: 13px; }
  #shoppingcart .col-sm-4 {
    width: 33.33333333%; }
  #shoppingcart .col-sm-11 {
    width: 91.66666667%; }
  #shoppingcart .col-sm-12 {
    width: 100%; }
  #shoppingcart .col-sm-8 {
    width: 66.66666667%; }
  #shoppingcart .col-sm-offset-4 {
    margin-left: 33.33333333%; }
  #shoppingcart .col-sm-6 {
    width: 50%; }
  #shoppingcart .col-sm-5 {
    width: 41.66666667%; }
  .col-sm-1 {
    width: 8.33333333%; }
  .col-sm-2 {
    width: 16.66666667%; }
  #shoppingcart .payoff-laagsteprijsgarantie {
    display: none; } }

#shoppingcart .is-usps {
  display: none; }

@media (max-width: 767px) {
  #shoppingcart .is-totals {
    width: 100% !important; } }

@media (min-width: 768px) {
  #shoppingcart .is-usps {
    display: block; } }

@media screen and (max-width: 730px) {
  #shoppingcart .row.totalen > .col-sm-11 > .row > .col-sm-6,
  #shoppingcart .row.totalen > .col-sm-12 > .row > .col-sm-6 {
    width: 95%;
    padding-right: 0px; }
  #shoppingcart .row.totalen > .col-sm-12 > .row > .col-sm-1 {
    width: 5%;
    padding: 0; }
  #shoppingcart .row.totalen > .col-sm-12 > .row > .col-sm-5 {
    width: 100%; }
  #shoppingcart .row.totalen > .col-sm-11 > .row > .col-sm-6:nth-child(1) .kortingscode-wrapper,
  #shoppingcart .row.totalen > .col-sm-12 > .row > .col-sm-6:nth-child(1) .kortingscode-wrapper {
    margin-bottom: 30px; } }

@media screen and (max-width: 590px) {
  #shoppingcart .row.artikel > .col-sm-11,
  #shoppingcart .row.artikel > .col-sm-12 {
    width: 100%; }
  #shoppingcart .row.artikel > .col-sm-11 .row .col-sm-5,
  #shoppingcart .row.artikel > .col-sm-12 .row .col-sm-5 {
    width: 80%; }
  #shoppingcart .row.totalen > .col-sm-11 > .row > .col-sm-6,
  #shoppingcart .row.totalen > .col-sm-12 > .row > .col-sm-6 {
    width: 100%;
    padding-right: 7px; }
  #shoppingcart .row.artikel > .col-sm-11 .row .col-sm-6,
  #shoppingcart .row.artikel > .col-sm-12 .row .col-sm-6 {
    width: 100%;
    margin-top: 10px; }
  #shoppingcart .row.artikel > .col-sm-11 .row .col-sm-6 .col-sm-4 p label,
  #shoppingcart .row.artikel > .col-sm-12 .row .col-sm-6 .col-sm-4 p label {
    width: 70%; }
  #shoppingcart .row.artikel > .col-sm-11 .row .col-sm-6 .col-sm-4 p span,
  #shoppingcart .row.artikel > .col-sm-12 .row .col-sm-6 .col-sm-4 p span {
    width: 30%; }
  #shoppingcart .row.artikel > .col-sm-1 {
    width: 100%; }
  #shoppingcart .row.artikel > .col-sm-1 a.del-artikel {
    float: right;
    font-size: 12px; }
  #shoppingcart .row.artikel > .col-sm-1 a.del-artikel i {
    font-size: 16px; }
  #shoppingcart a.del-artikel span {
    display: inline-block;
    color: #cc0000;
    text-decoration: underline; }
  #shoppingcart .col-sm-4 {
    width: 33.33333333%; }
  #shoppingcart .col-sm-11 {
    width: 100%; }
  #shoppingcart .row.totalen > .col-sm-11 > .row > .col-sm-8 {
    width: 100%; }
  #shoppingcart .col-sm-offset-4 {
    margin-left: 33.33333333%; }
  #shoppingcart .col-sm-4.artikelspecs {
    width: 80%; } }

@media screen and (max-width: 430px) {
  #shoppingcart .row.artikel .col-sm-1 {
    width: 20%; }
  #shoppingcart .row.artikel .col-sm-11 .row .col-sm-5 {
    width: 80%; }
  .shopping-cart-wrapper {
    padding: 5px;
    border: 0px; }
  #shoppingcart div[class*="col-lg-"],
  #shoppingcart div[class*="col-md-"],
  #shoppingcart div[class*="col-sm-"] {
    width: 100%; }
  #shoppingcart div[class*="col-sm-"].productafbeelding {
    width: 20%; }
  #shoppingcart div.col-xs-2 {
    width: 16.66666667%; }
  #shoppingcart div.col-xs-4 {
    width: 33.33333333%; }
  #shoppingcart div.col-xs-5 {
    width: 41.66666667%; }
  #shoppingcart div.col-xs-6 {
    width: 50%; }
  #shoppingcart div.col-xs-10 {
    width: 83.33333333%; }
  #shoppingcart .cartheader {
    display: none; }
  #shoppingcart .artikel {
    border-bottom: solid 1px #ccc;
    padding-bottom: 30px;
    margin-bottom: 20px; }
  #shoppingcart .spec {
    margin-bottom: 5px; }
  #shoppingcart .row.totalen .specs p label {
    font-weight: bold; }
  #shoppingcart .spec span,
  #shoppingcart .row.totalen .specs p span {
    width: 100px;
    text-align: right;
    display: inline-block; }
  #shoppingcart .right {
    text-align: left; }
  #shoppingcart .row.totalen .specs p label,
  #shoppingcart .row.totalen .specs p span {
    float: left;
    font-weight: bold; }
  #shoppingcart .row.totalen .specs p.totaal span {
    margin-top: 2px; }
  #shoppingcart .row.totalen {
    padding-bottom: 20px; }
  #shoppingcart .row.artikel > .col-sm-1 {
    width: 100%; }
  #shoppingcart div.col-sm-8 {
    width: 60%; }
  #shoppingcart .totalen div.col-sm-4.specs {
    width: 40%; }
  #shoppingcart .spec span, #shoppingcart .row.totalen .specs p span {
    width: 100%; } }

@media screen and (max-width: 365px) {
  #shoppingcart .row.artikel .col-sm-11 .row .col-sm-6 {
    width: 100%; } }

.shopping-cart-wrapper {
  padding: 0; }

@media screen and (max-width: 0px) {
  #shoppingcart p.spec label {
    width: 172px !important; }
  #shoppingcart .row.totalen .specs p label {
    font-size: 16px !important; }
  #shoppingcart p.spec span {
    font-size: 16px !important;
    width: 80px !important; } }

/* /winkelmand CSS */
/* ====================================================================== */
/* ====================================================================== */
/* kassakoopjes */
.product-bargains .button {
  margin: 0 auto;
  float: none;
  margin-top: 20px;
  -webkit-transition: background 0.1s;
  -moz-transition: background 0.1s;
  -o-transition: background 0.1s; }

.product-bargains .product-highlight > a {
  height: auto;
  width: 100%;
  min-height: 150px; }

@media screen and (max-width: 991px) {
  .product-highlight a {
    margin: 0 auto; } }

@media screen and (max-width: 900px) {
  .product-bargains .grid__cell.unit-3-12 {
    width: 50%; }
  .extragegevens {
    display: none; }
  .betaalwijze, .overzicht {
    width: 100%; }
  .gegevens-overzicht {
    width: 100%; }
  .extragegevens-overzicht {
    width: 100%; } }

@media screen and (max-width: 900px) and (min-width: 751px) {
  .product-highlight {
    height: 310px; }
  .product-bargains .grid__cell.unit-3-12 .grid {
    width: 50%;
    float: left; }
  .product-bargains .button {
    margin-top: 0px;
    float: left;
    margin-left: 10%; } }

@media screen and (max-width: 750px) {
  .product-bargains .grid__cell.unit-3-12 .grid {
    width: 100%;
    float: none; }
  .product-bargains .button {
    margin-top: 20px;
    float: none;
    margin-left: 0; } }

@media screen and (max-width: 757px) {
  .product-detail #variatie-afbeeldingen li {
    width: 18.5%; } }

@media screen and (max-width: 470px) {
  .product-bargains .grid__cell.unit-3-12 {
    width: 100%; }
  .product-highlight > a {
    max-width: 100%; } }

@media screen and (max-width: 470px) and (min-width: 386px) {
  .product-highlight {
    height: 310px; }
  .product-bargains .grid__cell.unit-3-12 .grid {
    width: 50%;
    float: left; }
  .product-bargains .button {
    margin-top: 0px;
    float: left;
    margin-left: 10%; } }

@media screen and (max-width: 420px) {
  .product-lastviewed .grid__cell.unit-3-12 {
    width: 100%; } }

/* /kassakoopjes */
/* ====================================================================== */
/* ====================================================================== */
/* ordertraject */
.ordertraject .my-shopping-cart {
  max-width: 300px; }

.my-shopping-cart__content > div + div {
  margin-top: 20px; }

.ordertraject .island.island--dark {
  display: none; }

.ordertraject .my-shopping-cart .primary-column,
.ordertraject .my-shopping-cart .secondary-column {
  width: 45%; }

.ordertraject .my-shopping-cart-details {
  width: 40%;
  margin-left: 55%; }

.ordertraject .my-shopping-cart-details,
.ordertraject .my-shopping-cart-details .primary-column {
  margin-left: 0px;
  width: 100%; }

@media screen and (max-width: 991px) {
  .ordertraject .grid__cell.unit-8-12 {
    width: 60%; }
  .ordertraject .grid__cell.unit-4-12 {
    width: 40%; }
  .ordertraject.overzicht .grid__cell.unit-8-12 {
    width: 100%; }
  .ordertraject.overzicht .grid__cell.unit-4-12 {
    width: 100%; }
  .ordertraject.overzicht .grid__cell.unit-4-12 .my-shopping-cart-details .my-shopping-cart__content > div {
    float: left;
    margin-right: 5%;
    width: 20%; }
  .order-steps > div > ul > li.order-step span,
  .order-steps > div > ul > li.order-step a {
    font-size: 15px;
    word-wrap: break-word; } }

@media screen and (max-width: 1200px) {
  .my-shopping-cart .primary-column {
    width: 65%; }
    .my-shopping-cart .primary-column.is-product {
      width: 100%; }
  .my-shopping-cart .secondary-column {
    width: 35%; } }

@media screen and (max-width: 991px) and (min-width: 721px) {
  .form--expanded .form__field-wrapper .form__label-wrapper,
  .form--expanded .form__field-wrapper .form__input-wrapper {
    width: 100%;
    max-width: 100%;
    margin-left: 0px; }
  .form--expanded .form__field-wrapper .form__input-wrapper input[type=text],
  .form--expanded .form__field-wrapper .form__input-wrapper input[type=password] {
    max-width: 90%;
    width: 90%; }
  .form__select__field-wrapper .form__input-wrapper .form__select {
    width: 90%;
    float: left; }
  .form--expanded .form__field-wrapper.veld-err strong.validation {
    margin-left: 0px; }
  .form--expanded .form__field-wrapper.veld-vld strong.validation {
    top: 35px;
    right: 5px; }
  .my-shopping-cart {
    max-width: 300px; } }

@media screen and (max-width: 720px) {
  .ordertraject .grid__cell.unit-8-12,
  .ordertraject .grid__cell.unit-4-12 {
    width: 100%; }
  .ordertraject .my-shopping-cart {
    width: 55%;
    max-width: 55%;
    float: left;
    margin-right: 5%; }
  .ordertraject.overzicht .grid__cell.unit-4-12 .my-shopping-cart-details {
    margin-left: 0px;
    width: 100%; }
  .ordertraject.overzicht .grid__cell.unit-4-12 .my-shopping-cart-details .my-shopping-cart__content > div {
    width: 45%; }
  .form--expanded .form__field-wrapper .form__input-wrapper {
    /*  width:65%;
    max-width:65%;*/ }
  .form--expanded .form__field-wrapper .form__input-wrapper input[type=text],
  .form--expanded .form__field-wrapper .form__input-wrapper input[type=password] {
    max-width: 90%;
    width: 90%; }
  .form__field-wrapper.veld-vld strong.validation {
    right: 0px; } }

@media screen and (max-width: 600px) {
  .form--expanded .form__field-wrapper .form__label-wrapper,
  .form--expanded .form__field-wrapper .form__input-wrapper {
    width: 100%;
    max-width: 100%;
    margin-left: 0px; }
  .form--expanded .form__field-wrapper .form__input-wrapper input[type=text],
  .form--expanded .form__field-wrapper .form__input-wrapper input[type=password] {
    max-width: 95%;
    width: 95%; }
  .form__field-wrapper.veld-vld strong.validation {
    top: 35px; }
  .form__field-wrapper.veld-err strong.validation {
    margin-left: 0px; }
  .my-shopping-cart-details .my-shopping-cart__content > div {
    float: left;
    margin-right: 5%;
    width: 95%; }
  .ordertraject .my-shopping-cart {
    width: 100%;
    max-width: 100%;
    float: none; }
  .ordertraject .my-shopping-cart .primary-column,
  .ordertraject .my-shopping-cart .secondary-column {
    width: 45%; }
  .ordertraject .my-shopping-cart-details {
    width: 100%;
    margin-left: 0px; }
  .my-shopping-cart-details .my-shopping-cart__content > div {
    float: left;
    width: auto; } }

/* /ordertraject */
/* ====================================================================== */
/* ====================================================================== */
/* winkels */
/*#winkeloverzicht > .grid > .grid__cell.unit-9-12 {
  width: 100%;
}

#winkeloverzicht > .grid > .grid__cell.unit-3-12 {
  width: 100%;
}*/
#winkeloverzicht .overzicht-right .grid__cell {
  padding-right: 0px; }

#winkeloverzicht .grid-map-canvas {
  margin-bottom: 10px; }

#winkeloverzicht .overzicht-right .grid__cell.matrabike-winkels-content {
  padding-right: 0.71429rem; }

#winkeloverzicht .layer--brand-secondary span {
  color: #fff;
  font-weight: bold;
  padding: 5px; }

#winkeloverzicht .grid__cell {
  padding-left: 0px; }

#winkeloverzicht ul.winkels-wrapper,
#winkeloverzicht ul.winkels-wrapper li {
  margin: 0;
  padding: 0;
  list-style-type: none; }

#winkeloverzicht ul.winkels-wrapper li {
  float: left;
  margin-right: 20px; }

#winkeloverzicht .winkel-locaties {
  padding: 10px 0px 0px 10px;
  overflow: hidden; }

#winkeloverzicht .winkel-locaties img {
  float: left;
  padding-right: 5px;
  width: 80px;
  height: 64px;
  margin-top: 5px; }

#winkeloverzicht .fietsNed-locaties .winkel-locaties img {
  float: left;
  padding-right: 5px;
  margin-left: 10px;
  margin-top: 5px;
  width: auto;
  height: auto; }

#winkeloverzicht .fietsNed-locaties .winkel-locaties img.isopen,
#winkeloverzicht .winkel-locaties .isopen {
  float: left;
  padding-right: 0px;
  margin-left: 0px;
  margin-top: 0px;
  width: 17px;
  height: 17px; }

#winkeloverzicht .winkel-content {
  margin-left: 90px; }

#winkeloverzicht .winkel-content > p {
  margin-bottom: 0;
  padding-right: 10px; }

#winkeloverzicht .winkel-content-header {
  font-weight: bold; }

#winkeloverzicht .winkel-informatie {
  float: left; }

#winkeloverzicht .postcode-zoeken {
  background-color: transparent;
  width: 34px;
  height: 31px;
  position: absolute;
  padding: 0;
  margin-left: -34px;
  background-image: url("/content/img/ico-search.png"); }

.matrabike-winkels, .fietsNed-locaties {
  height: 600px;
  overflow-y: auto;
  overflow-x: hidden; }

/* /detailpagina nieuwe rechterkolom */
#winkeloverzicht .filter-poi-content img {
  float: left;
  padding-right: 5px;
  margin-left: 17px;
  margin-top: 5px;
  width: auto;
  height: 49px; }

#winkeloverzicht ul li .winkel-filter:before {
  content: none; }

#winkeloverzicht .filter-zoeken {
  margin-top: 5px;
  margin-bottom: 10px; }

#winkeloverzicht .unit-6-12 .unit-2-12 {
  width: 20.66667%; }

#winkeloverzicht .unit-6-12 .unit-10-12 {
  width: 79.33333%;
  float: right; }

#winkeloverzicht .filter-poi-content {
  padding-top: 0px;
  margin-bottom: 10px; }

#winkeloverzicht .filter-poi-content .winkel-content {
  margin-top: -24px; }

#winkeloverzicht .zoek-content {
  position: absolute;
  z-index: 10;
  width: 200px;
  height: 80px;
  margin-left: 100px;
  margin-top: 10px;
  padding: 5px;
  background-color: #f8f8f8;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 5px 1px; }

#winkeloverzicht .unit-6-12 {
  width: 49.5%; }

#winkeldetail-details #winkelgegevens {
  float: left;
  width: 55%; }

#winkeldetail-details #winkelopeningstijden {
  float: left;
  width: 45%; }

.winkel-content p a strong {
  color: #000; }

@media screen and (max-width: 1023px) {
  .detailwinkel-content .unit-5-12 {
    width: 48%; }
  .detailwinkel-content .unit-7-12 {
    width: 50%; } }

@media screen and (max-width: 890px) {
  .detailwinkel-content .unit-5-12 {
    width: 55%; }
  .detailwinkel-content .unit-7-12 {
    width: 43%; } }

@media screen and (max-width: 786px) {
  .detailwinkel-content .unit-5-12 {
    width: 70%;
    margin-left: 15%; }
  .detailwinkel-content .unit-7-12 {
    width: 100%; }
  .detailwinkel-content .unit-12-12 {
    width: 80%;
    margin-left: 10%; } }

@media screen and (max-width: 590px) {
  #winkeldetail-details #winkelgegevens {
    float: left;
    width: 50%; }
  #winkeldetail-details #winkelopeningstijden {
    float: left;
    width: 50%; } }

@media screen and (max-width: 559px) {
  #winkeldetail-details #winkelgegevens {
    float: left;
    width: 100%;
    margin-bottom: 10px; }
  #winkeldetail-details #winkelopeningstijden {
    float: left;
    width: 100%;
    margin-bottom: 10px; } }

@media screen and (max-width: 470px) {
  #winkeloverzicht .zoek-content {
    margin-left: 40px; } }

@media screen and (max-width: 399px) {
  #winkeloverzicht .zoek-content {
    margin-top: 30px; } }

/* /winkels */
/* ====================================================================== */
/* ====================================================================== */
/* FAQ */
@media screen and (max-width: 680px) {
  .faqContainer ul.faqlist {
    margin-left: 0px; } }

@media screen and (max-width: 440px) {
  .faqContainer > img {
    display: none; }
  .faqContainer {
    margin-left: 0px; }
  .product-detail #variatie-afbeeldingen li {
    width: 18.5%; } }

/* /FAQ */
/* ====================================================================== */
/* ============================================================ */
/* forms */
@media screen and (max-width: 991px) {
  .product-tabs [id*="netivity-forms-"] div.control-group {
    clear: both;
    width: 95% !important; }
  .product-tabs [id*="netivity-forms-"] div.control-group .controls {
    width: 100%; }
  .form__select__field-wrapper .form__input-wrapper .form__select {
    width: 90%;
    float: left; } }

/* forms */
/* ============================================================ */
@media screen and (max-width: 900px) {
  .form--expanded .form__field-wrapper .form__input-wrapper .small {
    width: 44%;
    max-width: 44%; } }

@media screen and (max-width: 1270px) {
  .bannerextensie-container {
    display: none; } }

@media screen and (max-width: 600px) {
  .form__select__field-wrapper .form__input-wrapper .form__select {
    width: 95%;
    float: left; } }

/* detailpagina nieuwe rechterkolom */
@media screen and (max-width: 1023px) {
  #productdetail > .grid > .grid__cell.unit-8-12 {
    width: 65%; }
  #productdetail > .grid > .grid__cell.unit-4-12 {
    width: 35%; } }

@media screen and (max-width: 990px) {
  #productdetail > .grid > .grid__cell.unit-8-12 {
    width: 50%; }
  #productdetail > .grid > .grid__cell.unit-4-12 {
    width: 50%; }
  .product-detail-wrapper ul li > label,
  .product-detail-wrapper ul li > div.advies {
    width: 40%; } }

@media screen and (max-width: 768px) {
  .grid > .grid__cell.unit-4-12.e-bike-keuze-container-pdp,
  #productdetail > .grid > .grid__cell.unit-8-12,
  #productdetail > .grid > .grid__cell.unit-4-12 {
    width: 100%;
  }
  .product-detail-wrapper ul li > label {
    font-size: 20px; }
  .product-detail-wrapper ul li em {
    font-size: 24px; } }

@media screen and (max-width: 450px) {
  .product-detail-wrapper ul li > label {
    font-size: 15px; }
  .product-detail-wrapper ul li em {
    font-size: 20px; } }

@media screen and (max-width: 340px) {
  .product-detail-wrapper ul li em {
    font-size: 18px; }
  .product-detail-wrapper ul li > label,
  .product-detail-wrapper ul li > div.advies {
    width: 100px;
    font-size: 13px; }
  .product-detail-wrapper ul li.prijs > div {
    width: 100%;
    text-align: center; }
  .product-detail-wrapper ul li.prijs > div.advies {
    border-bottom: solid 1px #dce1e4;
    padding-bottom: 5px;
    margin-bottom: 5px; } }

.stramien .product-highlight {
  height: 380px; }

@media screen and (max-width: 665px) {
  #winkeloverzicht .unit-1-12 {
    width: 9.33333%; }
  #winkeloverzicht .unit-11-12 {
    width: 90.5%; } }

@media screen and (max-width: 640px) {
  #winkeloverzicht .unit-1-12 {
    width: 10.33333%; }
  #winkeloverzicht .unit-11-12 {
    width: 89.5%; } }

@media screen and (max-width: 570px) {
  #winkeloverzicht .unit-1-12 {
    width: 11.33333%; }
  #winkeloverzicht .unit-11-12 {
    width: 88.5%; }
  #winkeloverzicht .unit-6-12 {
    width: 100%; }
  #winkeloverzicht .overzicht-right .grid__cell.matrabike-winkels-content {
    padding: 0px;
    margin-bottom: 15px; }
  #winkeloverzicht .filter-poi-content {
    display: none; } }

@media screen and (max-width: 540px) {
  #winkeloverzicht .unit-1-12 {
    width: 17.33333%; }
  #winkeloverzicht .unit-11-12 {
    width: 82.5%; } }

@media screen and (max-width: 390px) {
  #winkeloverzicht .unit-1-12 {
    width: 17.33333%; }
  #winkeloverzicht .unit-11-12 {
    width: 82.5%; } }

@media screen and (max-width: 350px) {
  #winkeloverzicht .unit-1-12 {
    width: 21.33333%; }
  #winkeloverzicht .unit-11-12 {
    width: 78.5%; } }

.blog-categorie-content {
  /*border-bottom: lightgrey;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}*/
  padding-right: 10px;
  padding-bottom: 50px; }

.blog-categorie-content ul, .blog-categorie-content li {
  list-style: none; }

.blog-categorie-content .bloglist a {
  color: black;
  font-weight: bold; }

.blog-categorie-content .bloglist h2 a {
  color: #00bae7; }

.product-eigenschap-list .info {
  width: 15px;
  height: 15px;
  background-size: 15px; }

.product__specifications-highlight.product-eigenschap-list tr th {
  width: 195px; }

.blogheader {
  overflow: hidden; }

.blogheader h1 {
  float: left; }

.blogheader .blog-zoekcontainer {
  float: right;
  width: 250px; }

.blog-zoeken {
  background-color: transparent;
  width: 34px;
  height: 31px;
  position: absolute;
  padding: 0;
  margin-left: -34px;
  background-image: url("/content/img/ico-search.png"); }

.blogContainer {
  overflow: hidden;
  width: 100%; }

.blog-categorie-content {
  width: 48%;
  float: left; }

.blog-categorie-content .bloglist {
  margin-left: 0px; }

.blog-categorie-content .thumb {
  width: 100px; }

.blog-categorie-content .post {
  padding-bottom: 15px; }

.blog-categorie-content .post:not(:first-child) {
  border-top: 1px solid lightgray; }

.blog-categorie-content .post .tekst {
  min-height: inherit;
  padding: 0px; }

.blog-categorie-content .post p {
  height: 72px;
  overflow: hidden; }

.blog-categorie-content .meer-categorie {
  float: right; }

@media screen and (max-width: 750px) {
  .blogContainer .blog-categorie-content.unit-6-12 {
    width: 100%; } }

@media screen and (max-width: 1023px) {
  .blogContainer .thumb {
    width: 150px; }
  .tekst.blogPost {
    width: 77%; }
  .tekst.blogPost .postinfo {
    width: 100%; } }

@media screen and (max-width: 990px) {
  .blogContainer .thumb {
    width: 20%; }
  .blogContainer .postinfo {
    width: 77%; }
  .tekst.blogPost {
    width: 74%; }
  .tekst.blogPost .postinfo {
    width: 100%; } }

@media screen and (max-width: 890px) {
  .tekst.blogPost {
    width: 72%; }
  .tekst.blogPost .postinfo {
    width: 100%; } }

@media screen and (max-width: 820px) {
  .tekst.blogPost {
    width: 70%; }
  .tekst.blogPost .postinfo {
    width: 100%; } }

@media screen and (max-width: 786px) {
  .tekst.blogPost {
    width: 68%; }
  .tekst.blogPost .postinfo {
    width: 100%; } }

@media screen and (max-width: 701px) {
  .blogContainer .thumb {
    width: 19%; }
  .blogContainer .postinfo {
    width: 76%; }
  .tekst.blogPost {
    width: 66%; }
  .tekst.blogPost .postinfo {
    width: 100%; } }

@media screen and (max-width: 666px) {
  .tekst.blogPost {
    width: 64%; }
  .tekst.blogPost .postinfo {
    width: 100%; } }

@media screen and (max-width: 635px) {
  .tekst.blogPost {
    width: 62%; }
  .tekst.blogPost .postinfo {
    width: 100%; } }

@media screen and (max-width: 601px) {
  .blogsinglepost .thumb {
    width: 30%; }
  .tekst.blogPost {
    width: 64%; }
  .tekst.blogPost .postinfo {
    width: 100%; } }

@media screen and (max-width: 500px) {
  .blogsinglepost .thumb {
    width: 100%; }
  .tekst.blogPost {
    width: 100%; }
  .tekst.blogPost .postinfo {
    width: 100%; } }

@media screen and (max-width: 670px) {
  .blogheader .blog-zoekcontainer {
    width: 100%;
    padding-bottom: 20px; }
  #blogZoekTerm {
    max-width: 100%; } }

@media screen and (max-width: 440px) {
  .blogContainer .thumb {
    width: 19%; }
  .blogContainer .postinfo {
    width: 75%; } }

.ui-tooltip, .arrow:after {
  background: black;
  border: 2px solid white; }

.ui-tooltip {
  padding: 10px 20px;
  color: white;
  border-radius: 20px;
  font: bold 14px "Helvetica Neue", Sans-Serif;
  text-transform: uppercase;
  box-shadow: 0 0 7px black;
  position: relative; }

.arrow {
  width: 70px;
  height: 16px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  margin-left: -35px;
  bottom: -16px; }

.arrow.top {
  top: -16px;
  bottom: auto; }

.arrow.left {
  left: 20%; }

.arrow:after {
  content: "";
  position: absolute;
  left: 20px;
  top: -20px;
  width: 25px;
  height: 25px;
  box-shadow: 6px 5px 9px -9px black;
  transform: rotate(45deg); }

.arrow.top:after {
  bottom: -20px;
  top: auto; }

/*
 *  webui popover plugin  - v1.1.3
 *  A lightWeight popover plugin with jquery ,enchance the  popover plugin of bootstrap with some awesome new features. It works well with bootstrap ,but bootstrap is not necessary!
 *  https://github.com/sandywalker/webui-popover
 *
 *  Made by Sandy Duan
 *  Under MIT License
 */
/*  webui popover  */
.webui-popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  display: none;
  width: 276px;
  min-height: 32px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }

.webui-popover.top,
.webui-popover.top-left,
.webui-popover.top-right {
  margin-top: -10px; }

.webui-popover.right,
.webui-popover.right-top,
.webui-popover.right-bottom {
  margin-left: 10px; }

.webui-popover.bottom,
.webui-popover.bottom-left,
.webui-popover.bottom-right {
  margin-top: 10px; }

.webui-popover.left,
.webui-popover.left-top,
.webui-popover.left-bottom {
  margin-left: -10px; }

.webui-popover.pop {
  transform: scale(0.8);
  transition: transform 0.15s cubic-bezier(0.3, 0, 0, 1.5); }

.webui-popover.fade {
  transition: opacity .15s linear; }

.webui-popover.in {
  transform: none;
  opacity: 1; }

.webui-popover-inner .close {
  font-family: arial;
  margin: 5px 10px 0 0;
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  color: #000000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20);
  text-decoration: none; }

.webui-popover-inner .close:hover,
.webui-popover-inner .close:focus {
  opacity: 0.5;
  filter: alpha(opacity=50); }

.webui-popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  background-color: #ffffff;
  border-bottom: 1px solid #f2f2f2;
  border-radius: 5px 5px 0 0; }

.webui-popover-content {
  padding: 9px 14px;
  overflow: auto; }

.webui-popover-inverse {
  background-color: #333333;
  color: #eeeeee; }

.webui-popover-inverse .webui-popover-title {
  background: #333333;
  border-bottom: 1px solid #3b3b3b;
  color: #eeeeee; }

.webui-no-padding .webui-popover-content {
  padding: 0; }

.webui-no-padding .list-group-item {
  border-right: none;
  border-left: none; }

.webui-no-padding .list-group-item:first-child {
  border-top: 0; }

.webui-no-padding .list-group-item:last-child {
  border-bottom: 0; }

.webui-popover > .arrow,
.webui-popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  display: none; }

.webui-popover > .arrow {
  border-width: 11px; }

.webui-popover > .arrow:after {
  border-width: 10px;
  content: ""; }

.webui-popover.top > .arrow,
.webui-popover.top-right > .arrow,
.webui-popover.top-left > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0; }

.webui-popover.top > .arrow:after,
.webui-popover.top-right > .arrow:after,
.webui-popover.top-left > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-top-color: #ffffff;
  border-bottom-width: 0; }

.webui-popover.right > .arrow,
.webui-popover.right-top > .arrow,
.webui-popover.right-bottom > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25); }

.webui-popover.right > .arrow:after,
.webui-popover.right-top > .arrow:after,
.webui-popover.right-bottom > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #ffffff; }

.webui-popover.bottom > .arrow,
.webui-popover.bottom-right > .arrow,
.webui-popover.bottom-left > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  border-top-width: 0; }

.webui-popover.bottom > .arrow:after,
.webui-popover.bottom-right > .arrow:after,
.webui-popover.bottom-left > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-bottom-color: #ffffff;
  border-top-width: 0; }

.webui-popover.left > .arrow,
.webui-popover.left-top > .arrow,
.webui-popover.left-bottom > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25); }

.webui-popover.left > .arrow:after,
.webui-popover.left-top > .arrow:after,
.webui-popover.left-bottom > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #ffffff;
  bottom: -10px; }

.webui-popover-inverse.top > .arrow,
.webui-popover-inverse.top-left > .arrow,
.webui-popover-inverse.top-right > .arrow,
.webui-popover-inverse.top > .arrow:after,
.webui-popover-inverse.top-left > .arrow:after,
.webui-popover-inverse.top-right > .arrow:after {
  border-top-color: #333333; }

.webui-popover-inverse.right > .arrow,
.webui-popover-inverse.right-top > .arrow,
.webui-popover-inverse.right-bottom > .arrow,
.webui-popover-inverse.right > .arrow:after,
.webui-popover-inverse.right-top > .arrow:after,
.webui-popover-inverse.right-bottom > .arrow:after {
  border-right-color: #333333; }

.webui-popover-inverse.bottom > .arrow,
.webui-popover-inverse.bottom-left > .arrow,
.webui-popover-inverse.bottom-right > .arrow,
.webui-popover-inverse.bottom > .arrow:after,
.webui-popover-inverse.bottom-left > .arrow:after,
.webui-popover-inverse.bottom-right > .arrow:after {
  border-bottom-color: #333333; }

.webui-popover-inverse.left > .arrow,
.webui-popover-inverse.left-top > .arrow,
.webui-popover-inverse.left-bottom > .arrow,
.webui-popover-inverse.left > .arrow:after,
.webui-popover-inverse.left-top > .arrow:after,
.webui-popover-inverse.left-bottom > .arrow:after {
  border-left-color: #333333; }

.webui-popover i.icon-refresh:before {
  content: ""; }

.webui-popover i.icon-refresh {
  display: block;
  width: 30px;
  height: 30px;
  font-size: 20px;
  top: 50%;
  left: 50%;
  position: absolute;
  margin-left: -15px;
  margin-right: -15px;
  background: url(../img/loading.gif) no-repeat; }

@keyframes rotate {
  100% {
    transform: rotate(360deg); } }

.webui-popover-backdrop {
  background-color: rgba(0, 0, 0, 0.65);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9998; }

@media screen and (max-width: 1100px) {
  .webui-popover {
    left: 0px !important; } }

.categorie-intro p,
.categorie-intro h2 {
  margin: 0 !important; }

.blogPost iframe {
  z-index: 100; }

.afleverdatum .gratis {
  padding-left: 20px; }

@media screen and (max-width: 991px) {
  .producten .grid .usps-dark .island {
    display: none; }
  .producten .grid .homepage-banner {
    display: none; } }

#FramemaatContainer .form__button-wrapper {
  margin-left: 200px !important; }

#FramemaatContainer .form__field-wrapper.veld-err strong.validation {
  margin-left: 20px; }

@media screen and (max-width: 991px) {
  #FramemaatContainer .form__button-wrapper {
    margin-left: 0px !important;
    position: relative;
    margin-right: 10px; }
  #FramemaatContainer form {
    overflow: hidden; }
  #FramemaatContainer .form__field-wrapper.veld-err strong.validation {
    margin-left: 0px; } }

#netivity-forms-pAHUZUKU50 .control-group,
#netivity-forms-pEVINIPI55 .control-group {
  overflow: hidden; }

#netivity-forms-pAHUZUKU50 .control-group .control-label,
#netivity-forms-pEVINIPI55 .control-group .control-label {
  width: 210px; }

#netivity-forms-pAHUZUKU50 .control-group .controls.checkbox .checkbox,
#netivity-forms-pEVINIPI55 .control-group .controls.checkbox .checkbox {
  width: 100%;
  padding-right: 10px; }

#netivity-form-pAHUZUKU50 .control-group .controls.checkbox .checkbox input[type="checkbox"],
#netivity-form-pEVINIPI55 .control-group .controls.checkbox .checkbox input[type="checkbox"] {
  margin-right: 5px; }

#netivity-form-pAHUZUKU50 .control-group,
#netivity-form-pEVINIPI55 .control-group {
  overflow: hidden; }

#netivity-form-pAHUZUKU50 .control-group .control-label,
#netivity-form-pEVINIPI55 .control-group .control-label {
  width: 210px; }

#netivity-form-pAHUZUKU50 .control-group .controls.checkbox .checkbox,
#netivity-form-pEVINIPI55 .control-group .controls.checkbox .checkbox {
  width: 100%;
  padding-right: 10px; }

#netivity-form-pAHUZUKU50 .control-group .controls.checkbox .checkbox input[type="checkbox"],
#netivity-form-pAHUZUKU50 .control-group .controls.checkbox .checkbox input[type="checkbox"] {
  margin-right: 5px; }

/*prijzen page*/
.prijzenHeader {
  overflow: hidden;
  position: relative; }

.prijzenHeader .cadeau {
  height: 330px;
  position: relative;
  z-index: 10; }

.prijzenHeader .jaarLogo25 {
  position: absolute;
  height: 165px;
  margin-left: 15px; }

.prijzenHeader .prijs2500 {
  float: right;
  height: 185px; }

.prijzenHeader .spanhead {
  position: absolute;
  bottom: 85px;
  color: #00BAE7;
  font-weight: 800;
  font-style: italic;
  font-size: 50px;
  text-transform: uppercase; }

.prijzenHeader .phead {
  position: absolute;
  bottom: 30px;
  width: 100%;
  background: #00BAE7;
  padding: 0px;
  margin-bottom: 0px;
  padding-left: 300px;
  color: #fff;
  font-weight: 800;
  font-style: italic;
  display: block;
  text-transform: uppercase;
  font-size: 37px;
  line-height: 60px; }

.prijzenContainer .prijzenContainer-header {
  text-transform: uppercase;
  font-weight: 800;
  font-style: italic;
  color: #00BAE7;
  font-size: 30px;
  line-height: 30px; }

.prijzenContainer .form__label-wrapper label {
  text-transform: uppercase;
  font-weight: 800;
  font-style: italic;
  color: #00BAE7;
  text-align: right;
  float: right;
  font-size: 17px; }

.prijzenContainer .form__radio-list label span {
  text-transform: uppercase;
  font-weight: 800;
  font-style: italic;
  color: #00BAE7;
  font-size: 17px; }

.prijzenContainer .prijzenContainer-sub {
  color: #ED6E07;
  text-transform: uppercase;
  font-weight: 800;
  font-style: italic;
  font-size: 25px;
  line-height: 30px;
  margin-top: 10px;
  position: relative; }

.form-prijzen .form__section {
  border: none; }

.form-prijzen .bekijken {
  float: right;
  background-color: #00BAE7;
  color: #fff;
  text-transform: uppercase;
  font-weight: 800;
  font-style: italic;
  font-size: 15px;
  padding: 10px;
  line-height: 15px; }

.form-prijzen .form__input-wrapper {
  max-width: 100%; }

.prijzen-white-popup {
  background-color: transparent; }

.content-1 {
  margin-left: 120px; }

.content-1-header {
  color: #00BAE7;
  font-weight: 800;
  font-style: italic;
  font-size: 25px;
  text-transform: uppercase;
  line-height: 30px; }

.content-1-sub {
  color: #ED6E07;
  text-transform: uppercase;
  font-weight: 800;
  font-style: italic;
  font-size: 34px;
  line-height: 25px; }

.content-2 {
  color: #ED6E07;
  text-transform: uppercase;
  font-weight: 800;
  font-style: italic;
  font-size: 25px;
  line-height: 25px;
  margin-top: 35px;
  margin-left: 0px;
  text-align: center; }

.content-3-1 {
  font-weight: bold;
  padding: 10px;
  border: 1px solid #000;
  text-align: center;
  margin: 0 20px; }

.content-3-2 {
  color: #ED6E07;
  text-transform: uppercase;
  font-weight: 800;
  font-style: italic;
  font-size: 20px;
  line-height: 25px;
  margin-top: 20px;
  margin-left: 0px;
  text-align: center; }

.content-2-1 {
  overflow: hidden; }

.content-2-1 img {
  height: 150px;
  width: 200px;
  margin-left: 97px;
  float: left; }

.content-2-2 {
  color: #00BAE7;
  text-transform: uppercase;
  font-weight: 800;
  font-style: italic;
  font-size: 16px;
  line-height: 16px;
  margin-left: 45px;
  text-align: center;
  width: 130px;
  float: left; }

.content-2-3 {
  background-image: url(/Content/img/Prijs_Leeg_BE_OR_CMYK.png);
  background-repeat: no-repeat;
  background-size: 114px auto;
  float: left;
  height: 114px;
  width: 116px;
  margin-left: 57px;
  margin-top: -10px; }

.content-2-3 span {
  margin-top: 38px;
  position: absolute;
  margin-left: -48px;
  color: #fff; }

.content-1-error {
  margin-left: 110px;
  text-align: left; }

.content-2-error {
  margin-left: 110px;
  text-align: left;
  margin-top: 0px !important; }

.prijzen-white-popup .modal-body {
  padding: 10px; }

.content-prijswaarde {
  font-size: 23px; }

.content-prijswaarde-text {
  font-size: 11px;
  width: 97px;
  line-height: 15px; }

@media screen and (min-width: 991px) {
  .prijzenContainer-mob-img {
    display: none; } }

@media screen and (max-width: 991px) {
  .prijzenHeader .prijs2500 {
    display: none; }
  .prijzenContainer .grid__cell {
    width: 100%; }
  .prijzenContainer .form__label-wrapper label {
    float: none; }
  .prijzenContainer .form--expanded .form__field-wrapper .form__input-wrapper input[type=text] {
    width: 100%;
    max-width: 100%; }
  .prijzenContainer-sub img {
    width: 200px; }
  .verschillendeprijzen {
    width: 50%;
    float: left; }
  .prijzenContainer-mob-img {
    width: 250px;
    float: left; }
  .prijzenHeader .spanhead {
    font-size: 44px; }
  .prijzenHeader .phead {
    padding-left: 297px;
    font-size: 32px; }
  .prijzen-white-popup .content-1 {
    margin-left: 120px; }
  .content-1-header {
    font-size: 15px;
    line-height: 15px; }
  .content-1-sub {
    font-size: 17px;
    line-height: 18px; }
  .content-2-1 img {
    display: none; }
  .content-2-3 {
    margin-left: 110px; }
  .content-2-2 {
    margin-left: 0px;
    width: 100%;
    float: none; }
  .content-prijswaarde {
    font-size: 23px; }
  .content-prijswaarde-text {
    font-size: 11px;
    width: 97px;
    line-height: 15px; }
  .content-3-2 {
    font-size: 11px;
    line-height: 14px; }
  .content-2-3 {
    background-image: url(/Content/img/Prijs_Leeg_BE_OR_CMYK.png);
    background-repeat: no-repeat;
    background-size: 114px auto;
    height: 114px;
    width: 116px;
    margin-left: 41%;
    float: none; }
  .content-1-error {
    margin-left: 110px !important;
    text-align: left; }
  .content-1-error .content-1-header {
    font-size: 25px; }
  .content-2-error {
    margin-left: 110px;
    text-align: left; } }

@media screen and (max-width: 890px) {
  .prijzenHeader .cadeau {
    height: 290px; }
  .prijzenHeader .jaarLogo25 {
    height: 150px; }
  .prijzenHeader .spanhead {
    font-size: 40px; }
  .prijzenHeader .phead {
    padding-left: 263px;
    font-size: 30px; } }

@media screen and (max-width: 820px) {
  .prijzenHeader .cadeau {
    height: 290px; }
  .prijzenHeader .jaarLogo25 {
    height: 150px; }
  .prijzenHeader .spanhead {
    font-size: 34px; }
  .prijzenHeader .phead {
    padding-left: 263px;
    font-size: 25px; }
  .prijzenContainer .prijzenContainer-header {
    font-size: 25px;
    line-height: 10px; }
  .prijzenContainer .prijzenContainer-sub {
    font-size: 20px;
    line-height: 10px; } }

@media screen and (max-width: 720px) {
  .content-1-error {
    margin-left: 100px;
    text-align: left; }
  .content-2-error {
    margin-left: 110px;
    text-align: left;
    font-size: 15px !important;
    margin-top: 0px;
    line-height: 15px; }
  .prijzenHeader .cadeau {
    height: 250px; }
  .prijzenHeader .jaarLogo25 {
    height: 120px; }
  .prijzenHeader .spanhead {
    font-size: 34px; }
  .prijzenHeader .phead {
    padding-left: 226px;
    font-size: 25px; }
  .prijzenContainer .prijzenContainer-header {
    font-size: 25px;
    line-height: 10px; }
  .prijzenContainer .prijzenContainer-sub {
    font-size: 20px;
    line-height: 10px; } }

@media screen and (max-width: 680px) {
  .prijzenHeader .cadeau {
    height: 250px; }
  .prijzenHeader .jaarLogo25 {
    height: 120px; }
  .prijzenHeader .spanhead {
    font-size: 29px; }
  .prijzenHeader .phead {
    padding-left: 226px;
    font-size: 22px;
    line-height: 40px; }
  .prijzenContainer .prijzenContainer-header {
    font-size: 22px;
    line-height: 10px; }
  .prijzenContainer .prijzenContainer-sub {
    font-size: 18px;
    line-height: 10px; } }

@media screen and (max-width: 620px) {
  .prijzenHeader .phead {
    padding-left: 226px;
    font-size: 16px;
    line-height: 34px; }
  .prijzenHeader .spanhead {
    font-size: 19px;
    bottom: 67px; }
  .prijzenContainer .prijzenContainer-header {
    font-size: 16px;
    line-height: 10px; }
  .prijzenContainer .prijzenContainer-sub {
    font-size: 15px;
    line-height: 10px; } }

@media screen and (max-width: 530px) {
  .prijzenHeader .cadeau {
    height: 200px; }
  .prijzenHeader .jaarLogo25 {
    height: 100px; }
  .prijzenHeader .spanhead {
    font-size: 21px;
    bottom: 72px; }
  .prijzenHeader .phead {
    padding-left: 184px;
    font-size: 17px;
    line-height: 40px; }
  .prijzenContainer .prijzenContainer-header {
    font-size: 22px;
    line-height: 10px; }
  .prijzenContainer .prijzenContainer-sub {
    font-size: 18px;
    line-height: 10px; }
  .prijzenContainer-mob-img {
    width: 49%; } }

.verderwinkelenbtn {
  background: #00BAE7;
  color: #fff;
  left: auto;
  margin-bottom: 5px;
  position: relative;
  margin-left: 40%; }

@media screen and (max-width: 510px) {
  .prijzenHeader .cadeau {
    height: 135px; }
  .prijzenHeader .jaarLogo25 {
    height: 62px; }
  .prijzenHeader .spanhead {
    font-size: 14px;
    bottom: 61px; }
  .prijzenHeader .phead {
    padding-left: 120px;
    font-size: 11px;
    line-height: 33px; }
  .prijzenContainer .prijzenContainer-header {
    font-size: 14px;
    line-height: 10px; }
  .prijzenContainer .prijzenContainer-sub {
    font-size: 11px;
    line-height: 10px; }
  .prijzenContainer-mob-img {
    width: 49%; }
  .prijzenContainer .form__label-wrapper label {
    font-size: 12px; }
  .prijzenContainer .form__radio-list label span {
    font-size: 12px; }
  .prijzen-white-popup img {
    width: 125px !important; }
  .content-1-error {
    margin-left: 100px !important;
    text-align: left; }
  .content-2-error {
    margin-left: 100px !important;
    text-align: left;
    font-size: 15px !important;
    margin-top: 0px;
    line-height: 15px; }
  .verderwinkelenbtn {
    margin-left: 38%; } }

.prijzen-white-popup .mfp-close {
  margin-top: 55px;
  margin-right: 15px; }

.content-2-prijsblauw {
  color: #00BAE7; }

#FramemaatContainer .form__button-wrapper {
  margin-left: 200px !important; }

#FramemaatContainer .form__field-wrapper.veld-err strong.validation {
  margin-left: 20px; }

@media screen and (max-width: 991px) {
  #FramemaatContainer .form__button-wrapper {
    margin-left: 0px !important;
    position: relative;
    margin-right: 10px; }
  #FramemaatContainer form {
    overflow: hidden; }
  #FramemaatContainer .form__field-wrapper.veld-err strong.validation {
    margin-left: 0px; } }

.form__button-wrapper .button #VerwerkKortingscode {
  margin-right: 0px !important; }

.algemene-voorwaarden-popup {
  max-height: 400px;
  overflow-y: auto;
  max-width: 700px; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .bannerextensie-container.Rechts {
    left: 1015px; } }

.product-highlight__header .form__field-wrapper.verwijdervergelijk-container {
  float: right; }

.product-highlight__header .form__field-wrapper.verwijdervergelijk-container a {
  text-align: center;
  opacity: 0.65;
  color: white;
  font-style: normal;
  font-family: Arial, Baskerville, monospace;
  color: #333333; }

.product-highlight:hover {
  box-shadow: 0 0 10px #666; }

.scroll-load img {
  width: 25px; }

.bundel-image-container {
  width: 145px;
  height: 145px;
  position: relative; }

.bundel-image-container img {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto; }

.product-bundle__products .plusholder {
  height: 145px;
  width: 42px;
  position: relative; }

.product-bundle__products .plusholder img {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto; }

.product-bundle.highlight {
  margin: 0px -10px;
  background: none; }

.product-bundle__order {
  margin-top: 35px; }

@media screen and (max-width: 1023px) {
  .product-bundle__products .imageholder,
  .bundel-image-container {
    width: 130px;
    height: 130px; } }

@media screen and (max-width: 946px) {
  .product-bundle__products .imageholder,
  .bundel-image-container {
    width: 120px;
    height: 120px; } }

@media screen and (max-width: 892px) {
  .product-bundle__products .imageholder,
  .bundel-image-container {
    width: 105px;
    height: 105px; } }

@media screen and (max-width: 812px) {
  .product-bundles > ul > li {
    width: 49%;
    float: left; }
  .product-bundle__order {
    margin-top: 0px; }
  .product-bundle__products .imageholder span {
    display: none; }
  .product-bundle .unit-9-12 {
    width: 100%; }
  .product-bundle .unit-3-12 {
    width: 100% !important; }
  .bundel-content-text {
    display: block !important; }
  .product-bundle__contents ul {
    height: 100px; }
  .product-bundle__products .imageholder,
  .bundel-image-container,
  a.bundellink {
    width: 50px !important;
    height: 50px !important; }
  .product-bundle__products .plusholder {
    height: initial; } }

@media screen and (max-width: 744px) {
  .product-bundle__products .plusholder {
    display: none; }
  .product-bundle__products .imageholder {
    margin-right: 10px !important; } }

@media screen and (max-width: 560px) {
  .product-bundles > ul > li {
    width: 100%;
    display: inline-block; }
  .product-bundle .unit-3-12 {
    width: 100% !important; }
  .product-bundle > .grid > .grid__cell.unit-3-12 {
    width: 50% !important;
    display: inline-block !important; } }

@media screen and (max-width: 380px) {
  .product-bundle > .grid > .grid__cell.unit-3-12 {
    width: 100% !important; } }

.action-button-container .button--carousel {
  position: relative;
  bottom: initial;
  right: initial;
  padding-bottom: 0.41429rem;
  padding-top: 0.41429rem; }

.action-button-container .button--carousel:before {
  top: 13px; }

#divLoading {
  display: none; }

#divLoading.show {
  display: block;
  position: fixed;
  z-index: 10000000;
  background-image: url("/content/img/loading.gif");
  background-color: #666;
  opacity: 0.4;
  background-repeat: no-repeat;
  background-position: center;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0; }

#loadinggif.show {
  left: 50%;
  top: 50%;
  position: absolute;
  z-index: 101;
  width: 32px;
  height: 32px;
  margin-left: -16px;
  margin-top: -16px; }

.scolltoTekst {
  color: #333333 !important;
  text-decoration: underline; }

.slider-value-start {
  margin-left: -35px !important; }

.slider-value-end {
  margin-left: -5px !important; }

.gerelateerde-producten .grid .unit-2-12 {
  font-weight: bold; }

.gerelateerde-producten .gerelateerd-prijs {
  font-weight: 800;
  font-style: italic;
  color: #0069b9;
  font-size: 17px; }

.gerelateerde-producten {
  margin-bottom: 15px; }

.gerelateerde-producten .first-grid .unit-10-12 .grid .unit-3-12 {
  text-align: center; }

.gerelateerde-producten .first-grid .unit-10-12,
.gerelateerde-producten .first-grid .unit-2-12 {
  /*border-top:solid 1px #cccccc;
	padding-bottom:5px;
	padding-top:5px;*/ }

.gerelateerde-producten .top-grid .unit-10-12,
.gerelateerde-producten .top-grid .unit-2-12 {
  border: none; }

@media screen and (max-width: 768px) {
  .gerelateerde-producten-grid {
    display: none; } }

.first-grid-unit .direct-order {
  background-color: #03b51a; }

.gerelateerde-producten-grid .unit-3-12 {
  padding-bottom: 5px;
  padding-top: 5px; }

.gerelateerde-producten-grid .first-grid-unit {
  background-color: #f3f9fe; }

.gerelateerde-producten-grid .eigenschap-container {
  display: -ms-flexbox;
  display: flex; }

.gerelateerde-producten-grid .eigenschap-container .unit-3-12 {
  text-align: center; }

.gerelateerde-producten-grid .eigenschappen-titel {
  text-align: right; }

.grid-image-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }

.grid-image-container img {
  -ms-flex-item-align: end;
      align-self: flex-end; }

#specifications .hide-eigenschap {
  display: none; }

.lees-meer-eigenschappen,
.lees-meer-productomschrijving {
  color: #0268ba; }
  .lees-meer-eigenschappen:after,
  .lees-meer-productomschrijving:after {
    margin-left: 10px;
    font-family: fontello;
    color: #0268ba;
    content: '\e801'; }

@media screen and (max-width: 991px) {
  .print-productspecs, .print-productspecs:hover {
    color: #0474c1 !important;
    border-top: solid 1px #dce1e4 !important;
    padding-top: 10px !important;
    margin-top: 10px !important;
    display: none !important;
    font-weight: 800 !important;
    text-decoration: none !important; } }

.product-bundles {
  max-height: 100%; }

@media screen and (max-width: 555px) {
  .product-bundle__products .imageholder, .bundel-image-container, a.bundellink {
    width: 100px !important;
    height: 100px !important; } }

#FramemaatContainer {
  margin-bottom: 20px; }

#FramemaatContainer img {
  float: right; }

.lichaamslengte-list {
  width: 100%;
  color: #333333 !important;
  font-size: 13px !important;
  margin-top: 10px; }

.lichaamslengte-list:before {
  content: none !important; }

.lichaamslengte-container {
  overflow: hidden; }

.ul-lengte-container {
  margin-left: 0px !important; }

/*.container {
	margin-left: auto;
	margin-right: auto;
}

@media (min-width: 1180px) {
	.container {
		max-width: 980px;
	}
}

.example {
	border: 1px solid #0885fa;
	border-top-right-radius: 3px;
	color: #000;
	padding: 15px 20px;
	position: relative;
	margin-top: 30px;
}

	.example:before {
		background: #0885fa;
		border-radius: 3px 3px 0 0;
		bottom: 100%;
		content: "Example";
		display: inline-block;
		font-size: 7px;
		font-weight: bold;
		left: -1px;
		letter-spacing: 1px;
		padding: 3px 5px;
		position: absolute;
		text-transform: uppercase;
		vertical-align: top;
		color: #fff;
	}*/
.c-ordersteps {
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 50px; }

.c-ordersteps__list {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.c-ordersteps__item {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 52px; }

.c-ordersteps__item:before,
.c-ordersteps__item:after {
  position: absolute;
  content: '';
  display: block;
  background-color: #00a9e0; }

.c-ordersteps__item:before {
  z-index: 1;
  bottom: 0;
  left: 68px;
  height: 52px;
  width: 2px; }

.c-ordersteps__item:after {
  top: 0;
  left: 63px;
  z-index: 2;
  width: 13px;
  height: 13px;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%; }

.c-ordersteps__item.is-done:before,
.c-ordersteps__item.is-done:after,
.c-ordersteps__item.is-active:after {
  background-color: #ff6d00; }

.c-ordersteps__item.is-active:before {
  background-color: #00a9e0; }

.c-ordersteps__item:last-child {
  height: 42px; }

.c-ordersteps__item:last-child::before {
  display: none; }

.c-ordersteps__icon {
  position: absolute;
  top: -14px;
  left: 0;
  width: 45px;
  height: 28px;
  z-index: 3;
  display: block;
  padding-right: 20px;
  display: none; }

.c-ordersteps__item.is-active .c-ordersteps__icon {
  background-image: url(/content/img/ordersteps-fiets.png);
  background-repeat: no-repeat;
  background-size: 45px 28px;
  display: block; }

.c-ordersteps__item.is-active .c-ordersteps__icon:before {
  position: absolute;
  right: -21px;
  top: 19px;
  width: 21px;
  height: 2px;
  background: #ff6d00;
  content: '';
  display: block; }

.c-ordersteps__popover {
  position: absolute;
  top: -39px;
  left: 100px;
  z-index: 10;
  border-style: solid;
  border-width: 6px;
  border-radius: 10px;
  width: 120px;
  height: auto;
  display: none;
  padding: 10px;
  background-color: #fff; }

.c-ordersteps__popover:before {
  right: 100%;
  top: 39px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-width: 24px;
  margin-top: -24px; }

.c-ordersteps__title,
.c-ordersteps__subtitle,
.c-ordersteps__txt {
  margin: 0;
  padding: 0;
  font-family: "Open Sans", sans-serif;
  line-height: 18px; }

.c-ordersteps__title,
.c-ordersteps__subtitle {
  font-weight: 800;
  font-style: italic; }

.c-ordersteps__txt {
  font-size: 14px;
  margin-top: 5px; }

.c-ordersteps__title {
  color: #ff6d00; }

.c-ordersteps__subtitle {
  color: #00bae7; }

.c-ordersteps__item.showpopover .c-ordersteps__popover,
.c-ordersteps__item:hover .c-ordersteps__popover {
  display: block; }

.c-ordersteps__item .c-ordersteps__popover:before {
  border-right-color: #00bae7; }

.c-ordersteps__item .c-ordersteps__popover {
  border-color: #00bae7; }

.c-ordersteps__item.is-active .c-ordersteps__popover:before,
.c-ordersteps__item.is-done .c-ordersteps__popover:before {
  border-right-color: #ff6d00; }

.c-ordersteps__item.is-active .c-ordersteps__popover,
.c-ordersteps__item.is-done .c-ordersteps__popover {
  border-color: #ff6d00; }

.c-ordersteps__form {
  margin-bottom: 50px;
  position: relative; }

input[type=text].c-ordersteps__input {
  border: solid 6px #00bae7;
  border-radius: 14px;
  height: 55px;
  width: 100%;
  padding: 0 60px 0 10px;
  font-size: 18px;
  font-weight: 800;
  font-style: italic;
  font-family: "Open Sans", sans-serif;
  color: #00bae7;
  max-width: 100%;
  padding-right: 100px; }

.c-ordersteps__button {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 0 14px;
  height: 55px;
  border: 0;
  background-color: #00bae7;
  border-radius: 14px;
  color: #fff;
  font-weight: 800;
  font-style: italic;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  cursor: pointer; }

.c-ordersteps__heading {
  color: #ff6d00;
  font-size: 18px;
  font-weight: 800;
  font-style: italic;
  font-family: "Open Sans", sans-serif;
  margin-bottom: 10px; }

@media (min-width: 450px) {
  .c-ordersteps__icon {
    top: -21px;
    left: 7px;
    width: 60px;
    height: 38px;
    padding-right: 20px; }
  .c-ordersteps__item:before {
    left: 90px; }
  .c-ordersteps__item:after {
    left: 85px; }
  .c-ordersteps__item.is-active .c-ordersteps__icon {
    background-size: 60px 38px; }
  .c-ordersteps__item.is-active .c-ordersteps__icon:before {
    right: -20px;
    top: 26px;
    width: 21px;
    height: 2px; }
  .c-ordersteps__popover {
    left: 120px;
    width: 190px; } }

@media (min-width: 768px) {
  .c-ordersteps {
    max-width: 80%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0; }
  .c-ordersteps__form {
    width: 300px;
    margin-left: auto;
    margin-right: auto; }
  .c-ordersteps__heading {
    width: 300px;
    text-align: center;
    margin-left: auto;
    margin-right: auto; }
  .c-ordersteps__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-pack: justify;
        justify-content: space-between; }
  .c-ordersteps__item {
    width: 100%;
    height: 79px;
    top: -10px;
    cursor: pointer; }
  .c-ordersteps__item:before,
  .c-ordersteps__item:after {
    left: 0; }
  .c-ordersteps__item:after {
    top: auto;
    bottom: 5px; }
  .c-ordersteps__item:before {
    height: 2px;
    width: 100%;
    bottom: 10px; }
  .c-ordersteps__item:first-child::before {
    display: block; }
  .c-ordersteps__item:last-child {
    width: 100px;
    height: 79px; }
  .c-ordersteps__icon {
    top: 2px;
    bottom: 10px;
    left: -25px;
    width: 75px;
    height: 47px;
    padding-right: 0;
    padding-bottom: 20px; }
  .c-ordersteps__item.is-active .c-ordersteps__icon {
    background-size: 75px 47px; }
  .c-ordersteps__item.is-active .c-ordersteps__icon:before {
    top: auto;
    right: auto;
    left: 31px;
    bottom: -13px;
    height: 21px;
    width: 2px; }
  .c-ordersteps__popover {
    top: 100px;
    left: -89px; }
  .c-ordersteps__popover:before {
    right: auto;
    top: auto;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%); }
  .c-ordersteps__item .c-ordersteps__popover:before {
    border-right-color: transparent;
    border-bottom-color: #00bae7; }
  .c-ordersteps__item.is-active .c-ordersteps__popover:before,
  .c-ordersteps__item.is-done .c-ordersteps__popover:before {
    border-right-color: transparent;
    border-bottom-color: #ff6d00; } }

.beschikbaarheid-text {
  text-align: center;
  color: #006e00; }

.beschikbaarheid-text .valid {
  display: inline-block;
  height: 13px;
  width: 13px;
  background-size: 13px;
  background: url(/Content/img/voorraad_groen.png) no-repeat;
  margin-right: 5px;
  margin-top: 13px;
  background-position: 0px; }

.beschikbaarheid-text .beschikbaarheid-text-span {
  top: -2px;
  position: relative;
  font-weight: bold; }

.beschikbaarheid-tijd-span {
  color: #fff !important; }

li.navigation-orange {
  background-color: #fb6c1e;
  border-color: #fb6c1e !important; }

.sticky-down .primary-content {
  padding-top: 63px; }

.e-bike-keuze-container {
  margin-bottom: 10px; }

.ebikeKeuzeMenu-Container {
  border: 5px #00a9f4 solid;
  border-radius: 10px;
  padding-top: 10px;
  padding-bottom: 10px; }

.ebikeKeuzeMenu-Container .ebikeKeuzeMenu-stap1 .grid__cell.unit-4-12,
.ebikeKeuzeMenu-Container .ebikeKeuzeMenu-stap2 .grid__cell.unit-6-12,
.ebikeKeuzeMenu-Container .ebikeKeuzeMenu-stap3 .grid__cell.unit-6-12 {
  padding: 10px; }

.ebikeKeuzeMenu-Container .ebikeKeuzeMenu-stap1 .grid__cell.unit-4-12 div,
.ebikeKeuzeMenu-Container .ebikeKeuzeMenu-stap2 .grid__cell.unit-6-12 div,
.ebikeKeuzeMenu-Container .ebikeKeuzeMenu-stap3 .grid__cell.unit-6-12 div,
.ebikeKeuzeMenu-Container .ebikeKeuzeMenu-stap4 .grid__cell.unit-6-12 div {
  padding: 10px 0;
  margin-bottom: 10px;
  text-align: center;
  background-color: #00a9f4;
  border-radius: 10px; }

.ebikeKeuzeMenu-Container .ebikeKeuzeMenu-stap4 .grid__cell.unit-6-12 div {
  padding: 32px 0; }

.ebikeKeuzeMenu-Container .ebikeKeuzeMenu-stap4 .grid__cell.unit-6-12 .ebike-klik-hier {
  padding: 10px 0;
  margin-bottom: 10px;
  text-align: center;
  background-color: #ed6d05;
  border-radius: 10px; }

.ebikeKeuzeMenu-Container .ebikeKeuzeMenu-stap1 .grid__cell.unit-4-12 img,
.ebikeKeuzeMenu-Container .ebikeKeuzeMenu-stap2 .grid__cell.unit-6-12 img,
.ebikeKeuzeMenu-Container .ebikeKeuzeMenu-stap3 .grid__cell.unit-6-12 img {
  width: 25%; }

.ebikeKeuzeMenu-Container .ebikeKeuzeMenu-stap1 .grid__cell.unit-4-12 span,
.ebikeKeuzeMenu-Container .ebikeKeuzeMenu-stap2 .grid__cell.unit-6-12 span,
.ebikeKeuzeMenu-Container .ebikeKeuzeMenu-stap3 .grid__cell.unit-6-12 span,
.ebikeKeuzeMenu-Container .ebikeKeuzeMenu-stap4 .grid__cell.unit-6-12 span {
  display: block;
  text-transform: uppercase;
  color: #fff;
  font-size: 30px;
  line-height: 1;
  font-size: 1.875em;
  font-weight: 700; }

.ebikeKeuzeMenu-Container .ebikeKeuzeMenu-stap1 .grid__cell.unit-4-12 div.ebike-tekst,
.ebikeKeuzeMenu-Container .ebikeKeuzeMenu-stap2 .grid__cell.unit-6-12 div.ebike-tekst,
.ebikeKeuzeMenu-Container .ebikeKeuzeMenu-stap3 .grid__cell.unit-6-12 div.ebike-tekst,
.ebikeKeuzeMenu-Container .ebikeKeuzeMenu-stap4 .grid__cell.unit-6-12 div.ebike-tekst {
  background: none;
  text-align: left;
  padding: 0; }

.ebikeKeuzeMenu-Container .ebikeKeuzeMenu-stap4 .grid__cell.unit-6-12 #ebikeLengte {
  width: 100px;
  margin-top: 10px;
  margin-right: 10px;
  color: #ed6d05;
  font-weight: 700;
  font-size: 25px; }

.ebikeKeuzeMenu-Container .ebikeKeuzeMenu-stap4 .grid__cell.unit-6-12 .ebike-tekst-after-input {
  display: initial; }

.ebike-tekst-after-input {
  position: relative;
  top: 10px; }

.e-bike-keuze-container h1 {
  color: #00a9f4 !important; }

.keuzemenu-buttons a {
  font-size: 20px; }

.keuzemenu-buttons a.icon-right-open {
  float: right; }

.remove-padding-bottom {
  margin-bottom: 0; }

.remove-padding-bottom .form__field-wrapper {
  margin-bottom: 0; }

@media screen and (max-width: 640px) {
  .e-bike-keuze-container {
    display: none; }
  #FramemaatContainer {
    margin-bottom: 60px; }
  #FramemaatContainer .button {
    position: absolute; } }

.ebikeKeuzeMenu-Container .vorigebutton span {
  font-weight: 700;
  background-color: #ff6c00;
  color: white;
  padding: 10px 15px;
  border-radius: 10px;
  position: relative;
  display: inline-block;
  cursor: pointer;
  font: inherit;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-appearance: none;
  border: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  font-weight: 700;
  transition: 0.1s;
  background-color: #ff8800;
  color: #fff; }

.ebikeKeuzeMenu-Container .vorigebutton {
  text-align: center;
  margin-bottom: 5px; }

.producten .overview-intro.island {
  padding: 5px 0; }

.producten .overview-intro h1 {
  float: none; }

.overview-intro__leesmeer {
  color: #0268ba;
  cursor: pointer; }
  .overview-intro__leesmeer:hover {
    text-decoration: underline; }

.overview-intro__leesmeer:after {
  margin-left: 10px;
  font-family: fontello;
  color: #0268ba;
  content: '\e801'; }

@media (min-width: 1024px) {
  .overview-intro__leesmeer {
    display: none; } }

.overview-intro__content.show-leesmeer-tekst p {
  max-height: 1000px;
  white-space: normal; }

.overview-intro__content p {
  text-align: justify;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: max-height .2s ease-in-out; }

@media (min-width: 1024px) {
  .overview-intro__content p {
    max-height: 1000px;
    text-overflow: unset;
    overflow: auto;
    white-space: normal; } }

.product-detail .owl-carousel {
  display: block !important; }

.extra-product {
  color: #d22907;
  text-decoration: underline; }

@media (max-width: 1023px) {
  .wiki-categorie-header .primary-content.breadcrumb-wiki {
    padding: 100px 10px 0 10px !important; } }

@media (max-width: 900px) {
  .fietsenwiki-detail-container .fietsen-wiki-nav {
    display: none; }
  .fietsenwiki-detail-container .unit-8-12 {
    width: 100%; } }

@media (max-width: 700px) {
  .question-wiki-container .unit-4-12,
  .question-wiki-container .unit-3-12 {
    width: 100%; } }

@media (max-width: 550px) {
  .wiki-header-beam img.top-corner-wiki {
    display: none; }
  .wiki-header-beam h1,
  .breadcrumb-wiki span.wiki-alles-over {
    margin-left: 60px !important; }
  .man-wiki-img {
    margin-left: -18px; } }

.wiki-intro h2, .wiki-intro h2, .wiki-intro h3 {
  font-weight: normal;
  font-size: 0.975em;
  color: #333333;
  margin-bottom: 0px; }

.wiki-leesmeer-btn {
  margin-bottom: 10px; }

.winkel-banner {
  width: 100%;
  margin-top: -20px; }

@media (max-width: 1023px) {
  .winkel-banner {
    display: none; } }

@media (max-width: 800px) {
  .header__usps {
    display: none !important; } }

.wiki-item .wiki-intro:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(rgba(255, 255, 255, 0) 125px, white); }

.c-reviews {
  background: #f6f6f6;
  padding: 20px;
  margin: 20px 0; }

.c-review-groups {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.c-review-group {
  width: 40%;
  margin-bottom: 20px; }

.c-review-group:nth-child(even) {
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin-left: 20%; }

.c-review-group__label {
  font-weight: bold; }

.c-review-group__description {
  font-size: 16px; }

.c-review-group__items {
  margin-top: 20px; }

.c-review-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 15px;
  align-items: center; }

.c-review-item .c-switch__label {
  background: #ddd;
  color: #afafaf; }

.c-review-item .rating .star {
  margin-right: 6px;
  top: -3px; }

.c-review-item__label {
  -ms-flex-item-align: start;
      align-self: flex-start;
  cursor: default;
  margin-right: auto; }

.c-review-item__rating {
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0; }

.c-review-item__rating .rating .star span {
  font-size: 1.5em; }

.c-review-item__rating .star {
  cursor: pointer; }

.c-review-item__rating .star.empty span {
  color: #bbbbbb; }

.c-review-item__toggle {
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 50px; }

.c-review-item__button {
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 4px;
  color: #bbbbbb;
  background: #e5e4e4;
  width: 50px;
  text-align: center;
  display: block; }

.c-review-item__button .icn {
  width: 14px;
  height: 12px;
  vertical-align: baseline; }

.c-review__c2a-supporting {
  font-weight: bold;
  font-size: 18px; }

@media (max-width: 768px) {
  .c-review-group {
    width: 100%;
    margin-bottom: 30px; }
  .c-review-item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: start;
        justify-content: flex-start;
    margin-bottom: 20px; }
  .c-review-item__button {
    padding: 2px 0; }
  .c-review-item__toggle,
  .c-review-item__remark {
    -ms-flex-item-align: end;
        align-self: flex-end;
    margin-left: auto; }
  .c-review-item__label {
    width: 100%;
    margin-bottom: 10px; }
  .c-review-item__label-text {
    border-bottom: 1px dashed #999;
    cursor: help;
    position: relative; }
  .c-review-group:nth-child(even) {
    margin-left: 0; } }

/* STATES */
.c-review-item__toggle,
.c-review-item__remark {
  display: none; }

.has-idleflag .c-review-item__toggle {
  display: block; }

.has-value .c-review-item__remark {
  display: block; }

.has-remark .c-review-item__button {
  color: #fff;
  background: #efc600; }

.has-ignoreflag .c-review-item__button {
  display: none; }

.has-ignoreflag .c-review-item__label {
  color: #ccc; }

.has-ignoreflag .c-review-item__toggle {
  display: block; }

.has-ignoreflag .c-review-item__rating .star.empty span {
  color: #e5e4e4; }

.is-gallery-image:hover {
  cursor: zoom-in; }

.c-reviews-summary {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  border-bottom: 1px solid #e9f1f4;
  margin-bottom: 30px; }

.c-reviews-summary__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 0; }

.c-reviews-summary__right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: center;
  justify-content: center; }

@media (min-width: 768px) {
  .c-reviews-summary__row {
    -ms-flex-direction: row;
    flex-direction: row; }
  .c-reviews-summary__left {
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%; }
  .c-reviews-summary__right {
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
    -ms-flex-align: end;
    align-items: flex-end; } }

.c-review__progress {
  width: 100%; }

.c-review-create__recommended {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-direction: column;
      flex-direction: column; }
  .c-review-create__recommended .help-block {
    padding-top: 1em;
    margin-top: 0; }
  .c-review-create__recommended .form-control-feedback {
    display: none; }
  .c-review-create__recommended label {
    margin-right: 10px;
    margin-bottom: 0;
    color: #999999; }
  @media (min-width: 768px) {
    .c-review-create__recommended {
      -ms-flex-pack: start;
          justify-content: flex-start;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-align: center;
          align-items: center; } }

.reviewpoints-container {
  margin-bottom: 40px; }

.c-review-create__subjects {
  margin: 20px 0 40px 0; }
  .c-review-create__subjects label {
    margin-right: 10px;
    color: #999999;
    font-size: 18px;
    max-height: 22px;
    min-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .c-review-create__subjects .icn {
    width: 22px;
    height: 22px; }
  .c-review-create__subjects .c-review-subject {
    margin-bottom: 20px;
    height: 30px;
    -ms-flex-pack: start;
        justify-content: flex-start; }
  .c-review-create__subjects .c-review-subject__rating {
    height: 30px; }
  .c-review-create__subjects .help-block {
    margin-top: 0;
    margin-bottom: 0;
    padding: 5px;
    max-width: 250px;
    max-height: 35px;
    overflow: hidden; }
  .c-review-create__subjects .form-control-feedback {
    display: none; }
  .c-review-create__subjects .c-review-subject__label {
    white-space: nowrap;
    max-width: 250px;
    min-width: 200px; }
  @media (min-width: 768px) {
    .c-review-create__subjects {
      margin: 40px 0; }
      .c-review-create__subjects label {
        margin-bottom: 0; } }

.c-reviews-create__prefix {
  width: 18px;
  display: inline-block;
  font-weight: bold;
  margin-right: 5px; }

.c-review-create h2, .c-review-create h3 {
  font-size: 20px; }

#review-product-image {
  transition: width 0.3s ease;
  padding-top: 50px;
  transition: all 0.3s ease; }
  #review-product-image.is-stuck {
    position: fixed;
    width: 388px;
    top: 0; }
  #review-product-image.is-stuck-bottom {
    position: absolute;
    bottom: 0;
    top: auto; }

.c-reviews__avg {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  height: 28px; }

.c-reviews__avg .rating {
  margin: 6px 5px 10px 0; }

.rating .star {
  display: block;
  float: left;
  position: relative;
  width: 1.375em;
  height: 1.375em;
  margin: 0 4px 0 0; }

.rating .star.empty span {
  color: #e5e4e4; }

.rating .star span, .rating .star.empty span.half {
  color: #efc600; }

.rating .star span {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  font-size: 1.125em;
  background: 0 0; }

.rating-value {
  margin: 7px 5px 0px 0; }

.rating .star span, .rating .star.empty span.half {
  color: #efc600; }

.rating .star.empty span.half {
  width: .5em;
  overflow: hidden;
  z-index: 11; }

.icn {
  display: inline-block;
  fill: currentColor;
  position: relative;
  height: 1em;
  width: 1em; }

.icn {
  vertical-align: middle; }

.c-review__progress-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0;
  padding: 8px;
  height: 24px;
  margin-left: -7px; }

.c-review__progress-row, .c-review__progress-totalcount:active, .c-review__progress-totalcount:focus, .c-reviews__empty .btn, .c-sticky-bottom__nav--item.is-active:hover {
  text-decoration: none; }

progress {
  display: inline-block;
  vertical-align: baseline; }

.c-facet-search input, .c-range__control input, .progress, .pswp__button {
  -webkit-appearance: none; }

.c-review__progress-totalcount {
  white-space: nowrap; }

.c-review__progress-label {
  color: #242424;
  line-height: 24px;
  white-space: nowrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
  min-width: 75px; }

.progress {
  -moz-appearance: none;
  border: none;
  border-radius: 290486px;
  display: block;
  height: 10px;
  overflow: hidden;
  padding: 0;
  width: 100%; }

.c-review__progress-row .progress:not(:last-child) {
  margin: 0 20px; }

@media (min-width: 768px) {
  .c-review__progress-row .progress:not(:last-child) {
    margin: 0 50px; } }

.c-reviews-summary__write {
  text-transform: uppercase;
  color: #31B4E7;
  text-decoration: underline;
  font-weight: 700; }

.c-reviews-summary__write:hover {
  text-decoration: none; }

.c-reviews-summary,
.c-reviews-summary__row { }

.c-review-subject__label.f-explanation-info,
.c-review__progress-row.has-reviews:hover {
  cursor: pointer; }

#review-container .sort-bar > * {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding: .5em 0; }

#review-container .sort-bar ul li.active a {
  font-weight: 700;
  text-decoration: underline;
  color: #efc600; }

#review-container .review-title {
  margin-bottom: 1em; }

#review-container .review-rating .rating {
  display: inline-block; }

.c-reviews-summary {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  border-bottom: 1px solid #e9f1f4;
  margin-bottom: 30px; }

.c-reviews-summary .rating {
  margin: 12px 0 10px; }

.c-reviews-summary__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 0; }

#review-panels {
  margin-bottom: 30px; }

.c-reviews-summary__row .is-panel {
  display: none; }

.c-reviews-summary__row .is-panel.is-active {
  display: block; }

.c-reviews-summary__toggle {
  margin-bottom: 20px;
  margin-top: 20px; }

@media (min-width: 768px) {
  .c-reviews-summary__row {
    -ms-flex-direction: row;
    flex-direction: row; }
  .c-reviews-summary__row .is-panel {
    display: block; }
  .c-reviews-summary__toggle {
    display: none; }
  .c-reviews-summary__left {
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%; } }

.c-reviews-summary__left p {
  font-weight: 400; }

.c-reviews-summary__right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: center;
  justify-content: center; }

@media (min-width: 768px) {
  .c-reviews-summary__right {
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
    -ms-flex-align: end;
    align-items: flex-end; } }

.c-reviews-summary__right p {
  margin: 0;
  padding: 0;
  text-align: right;
  font-weight: 400; }

.c-reviews-summary__right p.has-emphasis {
  font-style: italic; }

.c-reviews-summary__write {
  text-transform: uppercase;
  color: #efc600;
  text-decoration: underline;
  font-weight: 700; }

.c-reviews-summary__write:hover {
  text-decoration: none; }

.c-reviews__avg {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center; }

.c-reviews__avg .rating {
  margin: 6px 5px 10px 0; }

.c-review__progress {
  width: 100%; }

.c-review__progress-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0;
  padding: 8px;
  height: 24px;
  margin-left: -7px;
  text-decoration: none; }

.c-review-subject,
.c-review__filters { }

.c-review__progress-row.has-reviews:hover,
.c-review__progress-row.is-active {
  border: 1px solid rgba(49, 180, 231, 0.18);
  background: rgba(49, 180, 231, 0.1);
  padding: 6px 7px; }

.c-review__progress-label {
  color: #242424;
  line-height: 24px;
  white-space: nowrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
  min-width: 75px; }

.c-review__progress-totalcount {
  white-space: nowrap; }

.c-review__progress-totalcount a {
  color: #efc600; }

.c-review__progress-totalcount:active,
.c-review__progress-totalcount:focus {
  text-decoration: none; }

.c-review__progress-row .progress:not(:last-child) {
  margin: 0 20px; }

.f-review-pager-target .col-sm-12 {
  width: 100%; }

.f-review-pager-target .f-review__paging {
  font-size: 16px;
  padding: 5px 0;
  height: initial;
  width: 100%; }

@media (min-width: 768px) {
  .c-review__progress-row .progress:not(:last-child) {
    margin: 0 50px; } }

.c-review-subject {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 20px;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

@media (min-width: 768px) {
  .c-review-subject {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 24px;
    margin-bottom: 7px; } }

.c-review-subject__value {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center; }

.c-review-subject__label {
  color: #242424;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: auto;
  margin-bottom: 5px; }

.c-review-subject__rating {
  margin-left: 0;
  position: relative; }

.c-review-subject__rating .star {
  width: 25px;
  height: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0; }

@media (min-width: 768px) {
  .c-review-subject__label {
    white-space: nowrap;
    margin-bottom: 0;
    max-width: 180px;
    min-width: 150px; }
  .c-review-subject__rating {
    margin: 0 30px; } }

.c-review-subject__score {
  min-width: 50px;
  text-align: right;
  white-space: nowrap; }

.c-review-subject__tip {
  background: #efc600;
  border-radius: 7px;
  color: #fff;
  height: 35px;
  min-width: 100px;
  padding: 0 20px;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
  pointer-events: none;
  opacity: 0;
  transition: opacity .3s ease;
  position: absolute;
  left: 100%;
  top: 50%;
  z-index: 1000;
  transform: translateY(-50%);
  margin-left: 10px;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
  white-space: nowrap;
  line-height: 15px; }

.c-review-subject__tip:before {
  content: '';
  display: -ms-flexbox;
  display: flex;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  position: absolute;
  left: -10px;
  top: 50%;
  transform: rotate(90deg) translateY(-50%) translateX(-50%);
  background: #efc600;
  pointer-events: all; }

.c-review-subject.is-hovered .c-review-subject__tip {
  opacity: 1; }

.c-review__filters {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 10px;
  -ms-flex-direction: column;
  flex-direction: column; }

.c-review-filter {
  margin-right: 50px; }

.c-review-filter:first-child {
  margin-bottom: 20px; }

.c-review-filter .label--checkbox {
  margin: 0 0 5px; }

@media (min-width: 768px) {
  .c-review__filters {
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row; }
  .c-review-filter:first-child {
    margin-bottom: 0; }
  .c-review-entry__responses {
    margin-left: 50px; } }

c-reviews-summary__row .c-review__paging {
  margin-bottom: 10px; }

.c-review__paging a {
  color: #efc600; }

.c-review__paging a#f-review__reset-btn {
  color: #00bae7; }

.c-review-entry__part {
  margin-right: 30px; }

.c-review-entry__responses {
  margin-top: 20px;
  border-left: 1px solid #e9f1f4; }

.c-review-response {
  margin-bottom: 20px;
  padding-left: 5px; }

.c-review-response__head {
  color: #efc600;
  margin: 5px 0 5px 5px; }

@media (min-width: 768px) {
  .c-review-response {
    padding-left: 30px; }
  .c-review-response__head {
    margin-left: 30px; } }

.c-review-response__body {
  padding: 5px 0;
  line-height: 1.5em; }

.c-review-entry,
.c-review-entry__head {
  padding-bottom: 10px; }

.c-review-entry {
  border-bottom: 1px solid #e9f1f4;
  margin-bottom: 30px; }

.c-review-entry:last-child {
  border-bottom: 0; }

.c-review-entry .list-minus,
.c-review-entry .list-plus,
.c-review-entry p {
  font-weight: 400; }

.c-review-entry__head .icn {
  margin-right: 4px; }

.c-review-entry__head .is-recommended {
  color: #093;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: baseline;
  align-items: baseline; }

.c-review-entry__head .is-verified {
  color: #c9942b; }

.c-review-entry__head .is-happy {
  color: #78c8de; }

.c-review-entry__body {
  margin-bottom: 20px; }

.c-review-entry__body .list-minus,
.c-review-entry__body .list-plus {
  margin: 0; }

.c-review-entry__body .list-minus li,
.c-review-entry__body .list-plus li {
  margin-bottom: 10px; }

.c-review-entry__body .list-minus li:before,
.c-review-entry__body .list-plus li:before {
  font-size: 26px;
  font-weight: 700;
  top: 4px; }

@media (min-width: 768px) and (max-width: 1199px) {
  .c-review-entry__body .list-minus li:before,
  .c-review-entry__body .list-plus li:before {
    font-size: 22.28px; } }

.c-review-entry__body .content {
  margin-top: 20px;
  margin-right: 30px; }

.c-review-entry__body .flex-row {
  -ms-flex-align: center;
  align-items: center; }

.c-review-entry__body .is-square {
  padding-top: 100%; }

.c-review-entry__layer {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start; }

@media (min-width: 768px) {
  .c-review-entry__layer {
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row; } }

.c-review-entry__rating {
  margin-right: 20px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center; }

.c-review-entry__rating .rating {
  margin: 6px 5px 10px 0;
  display: -ms-flexbox;
  display: flex; }

.c-review-entry__rating-display {
  font-size: 15px;
  margin-top: 5px; }

@media (min-width: 768px) and (max-width: 1199px) {
  .c-review-entry__rating-display {
    font-size: 14.57px; } }

.c-review-entry__title {
  font-weight: 700;
  font-size: 21px; }

@media (min-width: 768px) and (max-width: 1199px) {
  .c-review-entry__title {
    font-size: 18px; } }

.c-review-entry__foot {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start; }

.c-review-entry__foot .spacer {
  display: none; }

.c-review-entry__foot a {
  color: #efc600;
  font-weight: 700;
  display: block; }

@media (min-width: 768px) {
  .c-review-entry__foot {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center; }
  .c-review-entry__foot .spacer {
    margin: 0 10px;
    display: block; } }

.c-review-entry__useful {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  font-weight: 700;
  -ms-flex-align: start;
  align-items: flex-start; }

.c-review-entry__useful .btn {
  min-height: 38px;
  padding: 0 22px;
  height: 38px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  text-transform: uppercase;
  font-size: 14px; }

@media (min-width: 768px) and (max-width: 1199px) {
  .c-review-entry__useful .btn {
    font-size: 12px; } }

.c-review-entry__useful form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 10px; }

.c-review-entry__useful label,
.c-toggle {
  display: -ms-inline-flexbox; }

.c-review-entry__useful label {
  margin: 0 0 0 20px;
  display: -ms-inline-flexbox;
  display: inline-flex; }

@media (min-width: 768px) {
  .c-review-entry__useful {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center; }
  .c-review-entry__useful form {
    margin-left: 10px;
    margin-top: 0; } }

.c-review-entry__image {
  background: #eee;
  -ms-flex-positive: 1;
  flex-grow: 1; }

.c-review-entry__image .image-viewport > .background-cover {
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #fff; }

@media (max-width: 767px) {
  .c-review-entry__image {
    margin-bottom: 20px; } }

@media (min-width: 321px) and (max-width: 767px) {
  .c-review-entry__image {
    width: 80%;
    margin: 10px auto 30px; } }

.c-toggle {
  padding: 2px;
  border: 1px solid #ddd;
  border-radius: 7px;
  background-color: #F6F6F6;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center;
  font-family: arial;
  position: relative;
  max-height: 3em; }

.c-toggle input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0; }

.c-toggle .c-toggle__value {
  margin-bottom: 0;
  position: relative;
  z-index: 2;
  color: #999;
  text-align: center;
  padding-left: 2px; }

.c-toggle .c-toggle__value-on {
  padding-left: 0;
  padding-right: 2px; }

.c-toggle .c-toggle__label {
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-transform: uppercase;
  text-align: center;
  padding: 10px 20px;
  font-weight: 700;
  transform: translateZ(1px);
  cursor: pointer;
  font-size: 10px; }

.c-toggle .c-toggle__selection {
  position: absolute;
  z-index: 1;
  top: 2px;
  left: 2px;
  bottom: 2px;
  display: block;
  width: 50%;
  border-radius: 4px;
  background-color: #efc600;
  transition: transform .15s ease-out;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); }

.c-toggle input[type=radio]:checked + .c-toggle__value {
  color: #fff;
  transition: .15s ease-out;
  transition-property: color, text-shadow; }

.c-toggle input[type=radio]:checked + .c-toggle__value.is-on ~ .c-toggle__selection {
  transform: translateX(97%); }

.c-toggle .c-toggle__value {
  width: 120px; }

.c-toggle.is-small .c-toggle__value {
  width: 60px; }

.c-toggle.is-small .c-toggle__label {
  padding: 6px 20px; }

.c-toggle.is-large .c-toggle__value {
  width: 140px; }

.c-reviews__empty {
  background: #f1f9fb;
  border-radius: 7px;
  padding: 40px;
  text-align: center; }

.c-reviews__empty p {
  margin: 0; }

.c-reviews__empty .btn {
  margin-top: 20px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border: 2px solid #9c9c9c;
  color: #9c9c9c;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 700;
  padding: 16px 20px 16px 25px; }

.c-review-create__recommended label,
.c-review-create__subjects label {
  color: #999; }

.c-reviews__empty .icn {
  margin-left: 50px !important; }

.flex-row .component > .widget {
  -ms-flex-positive: 1;
  flex-grow: 1; }

.is-gallery-image:hover {
  cursor: zoom-in; }

.c-review-create__recommended {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-direction: column;
  flex-direction: column; }

.c-review-create__recommended .form-control-feedback,
.c-review-create__subjects .form-control-feedback {
  display: none; }

.c-review-create__recommended .help-block {
  padding-top: 1em;
  margin-top: 0; }

.c-review-create__recommended label {
  margin-right: 10px;
  margin-bottom: 0; }

@media (min-width: 768px) {
  .c-toggle .c-toggle__label {
    font-size: 12px; }
  .c-review-create__recommended {
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center; } }

.reviewpoints-container {
  margin-bottom: 40px; }

.c-review-create__subjects {
  margin: 20px 0 40px; }

.c-review-create__subjects label {
  margin-right: 10px;
  font-size: 18px;
  max-height: 29px;
  min-height: 26px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

@media (min-width: 768px) and (max-width: 1199px) {
  .c-review-create__subjects label {
    font-size: 15.43px; } }

.c-review-create__subjects .icn {
  width: 22px;
  height: 22px; }

.c-review-create__subjects .c-review-subject {
  margin-bottom: 20px;
  height: 30px;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.c-review-create__subjects .c-review-subject__rating {
  height: 30px; }

.c-review-create__subjects .help-block {
  margin-top: 0;
  margin-bottom: 0;
  padding: 5px;
  max-width: 250px;
  max-height: 35px;
  overflow: hidden; }

.c-review-create__subjects .c-review-subject__label {
  white-space: nowrap;
  max-width: 250px;
  min-width: 236px; }

.flex-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-direction: row;
  flex-direction: row; }

@media (min-width: 1200px) {
  .flex-row {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; } }

@media (min-width: 768px) {
  .c-review-create__subjects {
    margin: 40px 0; }
  .c-review-create__subjects label {
    margin-bottom: 0; }
  .flx-sm-4, .flx-sm-5 {
    min-width: 1px;
    display: -ms-flexbox;
    display: -webkit-flex; }
  .flx-sm-4 {
    display: initial;
    -ms-flex: 0 1 33.33333333%;
    flex: 0 1 33.33333333%;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 33.33333333%; }
  .flx-sm-8, .flx-sm-9 {
    min-width: 1px;
    display: -ms-flexbox;
    display: -webkit-flex; }
  .flx-sm-8 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 1 66.66666667%;
    flex: 0 1 66.66666667%;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 66.66666667%; } }

.c-reviews-create__prefix {
  width: 18px;
  display: inline-block;
  font-weight: 700;
  margin-right: 5px; }

.c-review-create h2,
.c-review-create h3 {
  font-size: 20px; }

#review-product-image {
  padding-top: 50px;
  transition: all .3s ease; }

#review-product-image.is-stuck {
  position: fixed;
  width: 388px;
  top: 0; }

.control-label.control-label-flat, div.skin-gray, label small, label span {
  font-weight: 400; }

.label--checkbox input[type=checkbox] {
  position: absolute;
  overflow: hidden;
  margin: -1px;
  padding: 0;
  border: 0; }

.label--checkbox > span, .radio > span {
  line-height: 1.5em;
  vertical-align: middle; }

.label--checkbox > span {
  padding-left: 25px;
  display: block;
  padding-top: 1px;
  padding-bottom: 1px; }

.label--checkbox > span {
  position: relative; }

#review-product-image.is-stuck-bottom {
  position: absolute;
  bottom: 0;
  top: auto; }

.c-review-create h2, .c-review-create h3 {
  font-size: 20px; }

.text-november {
  color: #093; }

.text-mike {
  color: #C00; }

.flex-row .component {
  display: -ms-flexbox;
  display: flex; }

.flex-row .component, .flx-xxs-12 {
  display: -ms-flexbox;
  display: -webkit-flex;
  width: 100%; }

@media (min-width: 768px) {
  .col-sm-6 {
    width: 50%; }
  .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
    float: left; }
  .row .flex-row [class*=flx-]:first-child .component {
    padding-left: 0; }
  .flx-sm-8 {
    width: 100%; } }

.review-show-mobile {
  display: none; }

.review-hide-mobile {
  display: block; }

@media (max-width: 768px) {
  .flx-sm-8 {
    width: 100%; }
  .review-show-mobile {
    display: block; }
  .review-hide-mobile {
    display: none; }
  .c-review-create__subjects .help-block {
    margin-top: 30px;
    margin-bottom: 0;
    position: absolute;
    padding: 5px;
    max-width: 250px;
    max-height: 35px;
    overflow: none;
    left: 155px; } }

.bezorgopties-checklist {
  width: 100%;
  overflow: hidden; }

.bezorgopties-checklist li {
  float: left;
  margin-right: 20px; }

.c-review-create__subjects .c-review-subject {
  margin-bottom: 35px; }

.review-button-container .col-sm-6 {
  width: 50%;
  float: left; }

.label--checkbox {
  position: relative;
  display: block;
  margin-top: 16px;
  margin-bottom: 16px; }

.custom-reviewpoint-container .label--checkbox > span {
  padding-right: 15px; }

.f-review-entry textarea,
.f-review-entry .form__input-wrapper input {
  width: 100%;
  max-width: none; }

.progress {
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
  border-radius: 290486px;
  display: block;
  height: 10px;
  overflow: hidden;
  padding: 0;
  width: 100%; }

.progress::-webkit-progress-bar {
  background-color: #e5e4e4; }

.progress::-webkit-progress-value {
  background-color: #efc600; }

.progress::-moz-progress-bar {
  background-color: #efc600; }

.checkbox.custom-reviewpoint-container .label--checkbox input[type=checkbox] {
  transform: scale(1.2);
  margin-top: 9px; }

.c-review-create__subjects,
.c-review-create .form__field-wrapper,
.c-review-create h2 {
  padding-left: 15px;
  padding-right: 15px; }

.c-review-create h2 {
  padding-top: 15px; }

.widget-alfa.widget-light {
  overflow: hidden; }

.widget-alfa.widget-light .row {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px; }

.c-review-create,
.widget-alfa.widget-light {
  background-color: #f6f6f6; }

.checkbox.custom-reviewpoint-container.hide {
  display: none; }

.c-review__paging {
  padding-bottom: 15px; }

.c-review-create strong.validation {
  margin-left: 0px; }

.stramien-item .has-counter {
  padding-bottom: 0px; }

.product__title.heading--brand.product-detail {
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  color: #00bae7;
  font-size: 1.71429rem;
  margin: 0; }

.c-reviews-summary__write {
  color: #31B4E7; }

#productdetail {
  padding-top: 10px !important; }

.mainCardUrl .c-reviews__avg {
  height: 27.25px; }

.mainCardUrl .c-reviews__avg .rating {
  margin: -2px 5px 10px 0; }

.row.is-desktop {
  display: none; }

@media (min-width: 766px) {
  .row.is-desktop {
    display: block; } }

.trusted-logos {
  height: 30px;
  margin-top: 25px;
  margin-bottom: 25px; }

@media screen and (min-width: 769px) {
  .grid-producten-scroll .column.is-one-third-tablet {
    width: 50%; } }

@media screen and (min-width: 991px) {
  .grid-producten-scroll .column.is-one-third-tablet {
    width: 33.333333%; } }

@media screen and (min-width: 1400px) {
  .grid-producten-scroll .column.is-one-quarter-widescreen {
    width: 25%; } }

@media (min-width: 1024px) {
  .form__section.nieuweKlant {
    width: 550px; } }

/* @group Base */
.chzn-container {
  position: relative;
  display: inline-block;
  zoom: 1;
  *display: inline; }

.chzn-container .chzn-drop {
  background: #fff;
  border: 1px solid #aaa;
  border-top: 0;
  position: absolute;
  top: 29px;
  left: 0;
  -o-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  z-index: 999; }

/* @end */
/* @group Single Chosen */
.chzn-container-single .chzn-single {
  background-color: #fff;
  background: #eeeeee;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #eeeeee 0%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );
  /* IE6-9 */
  border-radius: 2px;
  background-clip: padding-box;
  border: 1px solid #ccc;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  height: 32px;
  line-height: 22px;
  padding: 0 0 0 8px;
  color: #333;
  text-decoration: none; }

.chzn-container-single .chzn-single span {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  margin-top: 5px; }

.chzn-container-single .chzn-single abbr {
  display: block;
  position: absolute;
  right: 26px;
  top: 8px;
  width: 12px;
  height: 13px;
  font-size: 1px;
  background: url(../img/chosen-sprite.png) right top no-repeat; }

.chzn-container-single .chzn-single abbr:hover {
  background-position: right -11px; }

.chzn-container-single .chzn-single div {
  border-radius: 0 4px 4px 0;
  background-clip: padding-box;
  background: #ccc;
  background: #eeeeee;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #cccccc 0%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ffffff',GradientType=0 );
  /* IE6-9 */
  border-left: 1px solid #aaa;
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  height: 100%;
  width: 18px; }

.chzn-container-single .chzn-single div b {
  background: url("/content/img/chosen-sprite.png") no-repeat 0 2px;
  display: block;
  width: 100%;
  height: 100%; }

.chzn-container-single .chzn-search {
  padding: 3px 4px;
  position: relative;
  margin: 0;
  white-space: nowrap;
  z-index: 1010; }

.chzn-container-single .chzn-search input {
  background: #fff url("../img/chosen-sprite.png") no-repeat 100% -22px;
  background: url("../img/chosen-sprite.png") no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
  margin: 1px 0;
  padding: 2px 20px 2px 5px;
  outline: 0;
  border: 1px solid #aaa;
  font-family: sans-serif;
  font-size: 1em; }

.chzn-container-single .chzn-drop {
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
  width: 300px !important; }

/* @end */
.chzn-container-single-nosearch .chzn-search input {
  position: absolute;
  left: -9000px; }

/* @group Multi Chosen */
.chzn-container-multi .chzn-choices {
  margin: 0;
  padding: 0;
  cursor: text;
  overflow: hidden;
  height: auto !important;
  height: 1%;
  position: relative; }

.chzn-container-multi .chzn-choices li {
  float: left;
  list-style: none; }

.chzn-container-multi .chzn-choices .search-field {
  white-space: nowrap;
  margin: 0;
  padding: 0; }

.chzn-container-multi .chzn-choices .search-field input {
  color: #666;
  background: transparent !important;
  padding: 0 0 0 5px;
  margin: 1px 0;
  border-radius: 2px;
  border: solid 1px #CCC;
  box-shadow: inset 1px 1px 4px 0 #ddd;
  width: 243px !important;
  height: 22px !important; }

.chzn-container-multi .chzn-choices .search-field .default {
  color: #999; }

.chzn-container-multi .chzn-choices .search-choice {
  border-radius: 3px;
  background-clip: padding-box;
  background-color: #e6efef;
  background: #eeeeee;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ccddde 0%, #e6efef 70%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccddde', endColorstr='#e6efef',GradientType=0 );
  /* IE6-9 */
  color: #005758;
  border: 1px solid #4d8a8a;
  line-height: 13px;
  padding: 3px 19px 3px 6px;
  margin: 0px 5px 3px 0px;
  position: relative; }

.chzn-container-multi .chzn-choices .search-choice span {
  cursor: default; }

.chzn-container-multi .chzn-choices .search-choice-focus {
  background: #d4d4d4; }

.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
  display: block;
  position: absolute;
  right: 3px;
  top: 4px;
  width: 12px;
  height: 13px;
  font-size: 1px;
  background: url(../img/chosen-sprite.png) right top no-repeat; }

.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {
  background-position: right -11px; }

.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
  background-position: right -11px; }

/* @end */
/* @group Results */
.chzn-container .chzn-results {
  margin: 0 4px 4px 0;
  max-height: 190px;
  padding: 0 0 0 4px;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto; }

.chzn-container-multi .chzn-results {
  margin: -1px 0 0;
  padding: 0; }

.chzn-container .chzn-results li {
  display: none;
  line-height: 80%;
  padding: 7px 7px 8px;
  margin: 0;
  list-style: none; }

.chzn-container .chzn-results .active-result {
  cursor: pointer;
  display: list-item; }

.chzn-container .chzn-results .highlighted {
  background: #e6efef; }

.chzn-container .chzn-results li em {
  background: #feffde;
  font-style: normal; }

.chzn-container .chzn-results .highlighted em {
  background: transparent; }

.chzn-container .chzn-results .no-results {
  background: #f4f4f4;
  display: list-item; }

.chzn-container .chzn-results .group-result {
  cursor: default;
  color: #999;
  font-weight: bold; }

.chzn-container .chzn-results .group-option {
  padding-left: 20px; }

.chzn-container-multi .chzn-drop .result-selected {
  display: none; }

/* @end */
/* @group Active  */
.chzn-container-active .chzn-single {
  -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }

.chzn-container-active .chzn-single-with-drop {
  border: 1px solid #aaa;
  -o-box-shadow: 0 1px 0 #fff inset;
  box-shadow: 0 1px 0 #fff inset;
  background-color: #eee;
  background: #eeeeee;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #eeeeee 0%, #ffffff 50%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );
  /* IE6-9 */
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  height: 32px; }

.chzn-container-active .chzn-single-with-drop div {
  background: transparent;
  border-left: none; }

.chzn-container-active .chzn-single-with-drop div b {
  background-position: -18px 1px; }

.chzn-container-active .chzn-choices .search-field input {
  color: #111 !important; }

/* @end */
/* @group Disabled Support */
.chzn-disabled {
  cursor: default;
  opacity: 0.5 !important; }

.chzn-disabled .chzn-single {
  cursor: default; }

.chzn-disabled .chzn-choices .search-choice .search-choice-close {
  cursor: default; }

/* @group Right to Left */
.chzn-rtl {
  direction: rtl;
  text-align: right; }

.chzn-rtl .chzn-single {
  padding-left: 0;
  padding-right: 8px; }

.chzn-rtl .chzn-single span {
  margin-left: 26px;
  margin-right: 0; }

.chzn-rtl .chzn-single div {
  left: 0;
  right: auto;
  border-left: none;
  border-right: 1px solid #aaaaaa;
  border-radius: 4px 0 0 4px; }

.chzn-rtl .chzn-single abbr {
  left: 26px;
  right: auto; }

.chzn-rtl .chzn-choices li {
  float: right; }

.chzn-rtl .chzn-choices .search-choice {
  padding: 3px 6px 3px 19px;
  margin: 3px 5px 3px 0; }

.chzn-rtl .chzn-choices .search-choice .search-choice-close {
  left: 5px;
  right: auto;
  background-position: right top; }

.chzn-rtl.chzn-container-single .chzn-results {
  margin-left: 4px;
  margin-right: 0;
  padding-left: 0;
  padding-right: 4px; }

.chzn-rtl .chzn-results .group-option {
  padding-left: 0;
  padding-right: 20px; }

.chzn-rtl.chzn-container-active .chzn-single-with-drop div {
  border-right: none; }

.chzn-rtl .chzn-search input {
  background: url("../img/chosen-sprite.png") no-repeat -38px -22px, #ffffff;
  background: url("../img/chosen-sprite.png") no-repeat -38px -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
  padding: 4px 5px 4px 20px; }

/* @end */
.chzn-container .chzn-results {
  clear: both !important; }

.column {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  padding: 10px; }

.columns.is-mobile > .column.is-narrow {
  -ms-flex: none;
  flex: none; }

.columns.is-mobile > .column.is-full {
  -ms-flex: none;
  flex: none;
  width: 100%; }

.columns.is-mobile > .column.is-three-quarters {
  -ms-flex: none;
  flex: none;
  width: 75%; }

.columns.is-mobile > .column.is-two-thirds {
  -ms-flex: none;
  flex: none;
  width: 66.6666%; }

.columns.is-mobile > .column.is-half {
  -ms-flex: none;
  flex: none;
  width: 50%; }

.columns.is-mobile > .column.is-one-third {
  -ms-flex: none;
  flex: none;
  width: 33.3333%; }

.columns.is-mobile > .column.is-one-quarter {
  -ms-flex: none;
  flex: none;
  width: 25%; }

.columns.is-mobile > .column.is-offset-three-quarters {
  margin-left: 75%; }

.columns.is-mobile > .column.is-offset-two-thirds {
  margin-left: 66.6666%; }

.columns.is-mobile > .column.is-offset-half {
  margin-left: 50%; }

.columns.is-mobile > .column.is-offset-one-third {
  margin-left: 33.3333%; }

.columns.is-mobile > .column.is-offset-one-quarter {
  margin-left: 25%; }

.columns.is-mobile > .column.is-1 {
  -ms-flex: none;
  flex: none;
  width: 8.33333%; }

.columns.is-mobile > .column.is-offset-1 {
  margin-left: 8.33333%; }

.columns.is-mobile > .column.is-2 {
  -ms-flex: none;
  flex: none;
  width: 16.66667%; }

.columns.is-mobile > .column.is-offset-2 {
  margin-left: 16.66667%; }

.columns.is-mobile > .column.is-3 {
  -ms-flex: none;
  flex: none;
  width: 25%; }

.columns.is-mobile > .column.is-offset-3 {
  margin-left: 25%; }

.columns.is-mobile > .column.is-4 {
  -ms-flex: none;
  flex: none;
  width: 33.33333%; }

.columns.is-mobile > .column.is-offset-4 {
  margin-left: 33.33333%; }

.columns.is-mobile > .column.is-5 {
  -ms-flex: none;
  flex: none;
  width: 41.66667%; }

.columns.is-mobile > .column.is-offset-5 {
  margin-left: 41.66667%; }

.columns.is-mobile > .column.is-6 {
  -ms-flex: none;
  flex: none;
  width: 50%; }

.columns.is-mobile > .column.is-offset-6 {
  margin-left: 50%; }

.columns.is-mobile > .column.is-7 {
  -ms-flex: none;
  flex: none;
  width: 58.33333%; }

.columns.is-mobile > .column.is-offset-7 {
  margin-left: 58.33333%; }

.columns.is-mobile > .column.is-8 {
  -ms-flex: none;
  flex: none;
  width: 66.66667%; }

.columns.is-mobile > .column.is-offset-8 {
  margin-left: 66.66667%; }

.columns.is-mobile > .column.is-9 {
  -ms-flex: none;
  flex: none;
  width: 75%; }

.columns.is-mobile > .column.is-offset-9 {
  margin-left: 75%; }

.columns.is-mobile > .column.is-10 {
  -ms-flex: none;
  flex: none;
  width: 83.33333%; }

.columns.is-mobile > .column.is-offset-10 {
  margin-left: 83.33333%; }

.columns.is-mobile > .column.is-11 {
  -ms-flex: none;
  flex: none;
  width: 91.66667%; }

.columns.is-mobile > .column.is-offset-11 {
  margin-left: 91.66667%; }

.columns.is-mobile > .column.is-12 {
  -ms-flex: none;
  flex: none;
  width: 100%; }

.columns.is-mobile > .column.is-offset-12 {
  margin-left: 100%; }

@media screen and (max-width: 768px) {
  .column.is-narrow-mobile {
    -ms-flex: none;
    flex: none; }
  .column.is-full-mobile {
    -ms-flex: none;
    flex: none;
    width: 100%; }
  .column.is-three-quarters-mobile {
    -ms-flex: none;
    flex: none;
    width: 75%; }
  .column.is-two-thirds-mobile {
    -ms-flex: none;
    flex: none;
    width: 66.6666%; }
  .column.is-half-mobile {
    -ms-flex: none;
    flex: none;
    width: 50%; }
  .column.is-one-third-mobile {
    -ms-flex: none;
    flex: none;
    width: 33.3333%; }
  .column.is-one-quarter-mobile {
    -ms-flex: none;
    flex: none;
    width: 25%; }
  .column.is-offset-three-quarters-mobile {
    margin-left: 75%; }
  .column.is-offset-two-thirds-mobile {
    margin-left: 66.6666%; }
  .column.is-offset-half-mobile {
    margin-left: 50%; }
  .column.is-offset-one-third-mobile {
    margin-left: 33.3333%; }
  .column.is-offset-one-quarter-mobile {
    margin-left: 25%; }
  .column.is-1-mobile {
    -ms-flex: none;
    flex: none;
    width: 8.33333%; }
  .column.is-offset-1-mobile {
    margin-left: 8.33333%; }
  .column.is-2-mobile {
    -ms-flex: none;
    flex: none;
    width: 16.66667%; }
  .column.is-offset-2-mobile {
    margin-left: 16.66667%; }
  .column.is-3-mobile {
    -ms-flex: none;
    flex: none;
    width: 25%; }
  .column.is-offset-3-mobile {
    margin-left: 25%; }
  .column.is-4-mobile {
    -ms-flex: none;
    flex: none;
    width: 33.33333%; }
  .column.is-offset-4-mobile {
    margin-left: 33.33333%; }
  .column.is-5-mobile {
    -ms-flex: none;
    flex: none;
    width: 41.66667%; }
  .column.is-offset-5-mobile {
    margin-left: 41.66667%; }
  .column.is-6-mobile {
    -ms-flex: none;
    flex: none;
    width: 50%; }
  .column.is-offset-6-mobile {
    margin-left: 50%; }
  .column.is-7-mobile {
    -ms-flex: none;
    flex: none;
    width: 58.33333%; }
  .column.is-offset-7-mobile {
    margin-left: 58.33333%; }
  .column.is-8-mobile {
    -ms-flex: none;
    flex: none;
    width: 66.66667%; }
  .column.is-offset-8-mobile {
    margin-left: 66.66667%; }
  .column.is-9-mobile {
    -ms-flex: none;
    flex: none;
    width: 75%; }
  .column.is-offset-9-mobile {
    margin-left: 75%; }
  .column.is-10-mobile {
    -ms-flex: none;
    flex: none;
    width: 83.33333%; }
  .column.is-offset-10-mobile {
    margin-left: 83.33333%; }
  .column.is-11-mobile {
    -ms-flex: none;
    flex: none;
    width: 91.66667%; }
  .column.is-offset-11-mobile {
    margin-left: 91.66667%; }
  .column.is-12-mobile {
    -ms-flex: none;
    flex: none;
    width: 100%; }
  .column.is-offset-12-mobile {
    margin-left: 100%; } }

@media screen and (min-width: 769px) {
  .column.is-narrow,
  .column.is-narrow-tablet {
    -ms-flex: none;
    flex: none; }
  .column.is-full,
  .column.is-full-tablet {
    -ms-flex: none;
    flex: none;
    width: 100%; }
  .column.is-three-quarters,
  .column.is-three-quarters-tablet {
    -ms-flex: none;
    flex: none;
    width: 75%; }
  .column.is-two-thirds,
  .column.is-two-thirds-tablet {
    -ms-flex: none;
    flex: none;
    width: 66.6666%; }
  .column.is-half,
  .column.is-half-tablet {
    -ms-flex: none;
    flex: none;
    width: 50%; }
  .column.is-one-third,
  .column.is-one-third-tablet {
    -ms-flex: none;
    flex: none;
    width: 33.3333%; }
  .column.is-one-quarter,
  .column.is-one-quarter-tablet {
    -ms-flex: none;
    flex: none;
    width: 25%; }
  .column.is-offset-three-quarters,
  .column.is-offset-three-quarters-tablet {
    margin-left: 75%; }
  .column.is-offset-two-thirds,
  .column.is-offset-two-thirds-tablet {
    margin-left: 66.6666%; }
  .column.is-offset-half,
  .column.is-offset-half-tablet {
    margin-left: 50%; }
  .column.is-offset-one-third,
  .column.is-offset-one-third-tablet {
    margin-left: 33.3333%; }
  .column.is-offset-one-quarter,
  .column.is-offset-one-quarter-tablet {
    margin-left: 25%; }
  .column.is-1,
  .column.is-1-tablet {
    -ms-flex: none;
    flex: none;
    width: 8.33333%; }
  .column.is-offset-1,
  .column.is-offset-1-tablet {
    margin-left: 8.33333%; }
  .column.is-2,
  .column.is-2-tablet {
    -ms-flex: none;
    flex: none;
    width: 16.66667%; }
  .column.is-offset-2,
  .column.is-offset-2-tablet {
    margin-left: 16.66667%; }
  .column.is-3,
  .column.is-3-tablet {
    -ms-flex: none;
    flex: none;
    width: 25%; }
  .column.is-offset-3,
  .column.is-offset-3-tablet {
    margin-left: 25%; }
  .column.is-4,
  .column.is-4-tablet {
    -ms-flex: none;
    flex: none;
    width: 33.33333%; }
  .column.is-offset-4,
  .column.is-offset-4-tablet {
    margin-left: 33.33333%; }
  .column.is-5,
  .column.is-5-tablet {
    -ms-flex: none;
    flex: none;
    width: 41.66667%; }
  .column.is-offset-5,
  .column.is-offset-5-tablet {
    margin-left: 41.66667%; }
  .column.is-6,
  .column.is-6-tablet {
    -ms-flex: none;
    flex: none;
    width: 50%; }
  .column.is-offset-6,
  .column.is-offset-6-tablet {
    margin-left: 50%; }
  .column.is-7,
  .column.is-7-tablet {
    -ms-flex: none;
    flex: none;
    width: 58.33333%; }
  .column.is-offset-7,
  .column.is-offset-7-tablet {
    margin-left: 58.33333%; }
  .column.is-8,
  .column.is-8-tablet {
    -ms-flex: none;
    flex: none;
    width: 66.66667%; }
  .column.is-offset-8,
  .column.is-offset-8-tablet {
    margin-left: 66.66667%; }
  .column.is-9,
  .column.is-9-tablet {
    -ms-flex: none;
    flex: none;
    width: 75%; }
  .column.is-offset-9,
  .column.is-offset-9-tablet {
    margin-left: 75%; }
  .column.is-10,
  .column.is-10-tablet {
    -ms-flex: none;
    flex: none;
    width: 83.33333%; }
  .column.is-offset-10,
  .column.is-offset-10-tablet {
    margin-left: 83.33333%; }
  .column.is-11,
  .column.is-11-tablet {
    -ms-flex: none;
    flex: none;
    width: 91.66667%; }
  .column.is-offset-11,
  .column.is-offset-11-tablet {
    margin-left: 91.66667%; }
  .column.is-12,
  .column.is-12-tablet {
    -ms-flex: none;
    flex: none;
    width: 100%; }
  .column.is-offset-12,
  .column.is-offset-12-tablet {
    margin-left: 100%; } }

@media screen and (min-width: 980px) {
  .column.is-narrow-desktop {
    -ms-flex: none;
    flex: none; }
  .column.is-full-desktop {
    -ms-flex: none;
    flex: none;
    width: 100%; }
  .column.is-three-quarters-desktop {
    -ms-flex: none;
    flex: none;
    width: 75%; }
  .column.is-two-thirds-desktop {
    -ms-flex: none;
    flex: none;
    width: 66.6666%; }
  .column.is-half-desktop {
    -ms-flex: none;
    flex: none;
    width: 50%; }
  .column.is-one-third-desktop {
    -ms-flex: none;
    flex: none;
    width: 33.3333%; }
  .column.is-one-quarter-desktop {
    -ms-flex: none;
    flex: none;
    width: 25%; }
  .column.is-offset-three-quarters-desktop {
    margin-left: 75%; }
  .column.is-offset-two-thirds-desktop {
    margin-left: 66.6666%; }
  .column.is-offset-half-desktop {
    margin-left: 50%; }
  .column.is-offset-one-third-desktop {
    margin-left: 33.3333%; }
  .column.is-offset-one-quarter-desktop {
    margin-left: 25%; }
  .column.is-1-desktop {
    -ms-flex: none;
    flex: none;
    width: 8.33333%; }
  .column.is-offset-1-desktop {
    margin-left: 8.33333%; }
  .column.is-2-desktop {
    -ms-flex: none;
    flex: none;
    width: 16.66667%; }
  .column.is-offset-2-desktop {
    margin-left: 16.66667%; }
  .column.is-3-desktop {
    -ms-flex: none;
    flex: none;
    width: 25%; }
  .column.is-offset-3-desktop {
    margin-left: 25%; }
  .column.is-4-desktop {
    -ms-flex: none;
    flex: none;
    width: 33.33333%; }
  .column.is-offset-4-desktop {
    margin-left: 33.33333%; }
  .column.is-5-desktop {
    -ms-flex: none;
    flex: none;
    width: 41.66667%; }
  .column.is-offset-5-desktop {
    margin-left: 41.66667%; }
  .column.is-6-desktop {
    -ms-flex: none;
    flex: none;
    width: 50%; }
  .column.is-offset-6-desktop {
    margin-left: 50%; }
  .column.is-7-desktop {
    -ms-flex: none;
    flex: none;
    width: 58.33333%; }
  .column.is-offset-7-desktop {
    margin-left: 58.33333%; }
  .column.is-8-desktop {
    -ms-flex: none;
    flex: none;
    width: 66.66667%; }
  .column.is-offset-8-desktop {
    margin-left: 66.66667%; }
  .column.is-9-desktop {
    -ms-flex: none;
    flex: none;
    width: 75%; }
  .column.is-offset-9-desktop {
    margin-left: 75%; }
  .column.is-10-desktop {
    -ms-flex: none;
    flex: none;
    width: 83.33333%; }
  .column.is-offset-10-desktop {
    margin-left: 83.33333%; }
  .column.is-11-desktop {
    -ms-flex: none;
    flex: none;
    width: 91.66667%; }
  .column.is-offset-11-desktop {
    margin-left: 91.66667%; }
  .column.is-12-desktop {
    -ms-flex: none;
    flex: none;
    width: 100%; }
  .column.is-offset-12-desktop {
    margin-left: 100%; } }

@media screen and (min-width: 1180px) {
  .column.is-narrow-widescreen {
    -ms-flex: none;
    flex: none; }
  .column.is-full-widescreen {
    -ms-flex: none;
    flex: none;
    width: 100%; }
  .column.is-three-quarters-widescreen {
    -ms-flex: none;
    flex: none;
    width: 75%; }
  .column.is-two-thirds-widescreen {
    -ms-flex: none;
    flex: none;
    width: 66.6666%; }
  .column.is-half-widescreen {
    -ms-flex: none;
    flex: none;
    width: 50%; }
  .column.is-one-third-widescreen {
    -ms-flex: none;
    flex: none;
    width: 33.3333%; }
  .column.is-one-quarter-widescreen {
    -ms-flex: none;
    flex: none;
    width: 25%; }
  .column.is-offset-three-quarters-widescreen {
    margin-left: 75%; }
  .column.is-offset-two-thirds-widescreen {
    margin-left: 66.6666%; }
  .column.is-offset-half-widescreen {
    margin-left: 50%; }
  .column.is-offset-one-third-widescreen {
    margin-left: 33.3333%; }
  .column.is-offset-one-quarter-widescreen {
    margin-left: 25%; }
  .column.is-1-widescreen {
    -ms-flex: none;
    flex: none;
    width: 8.33333%; }
  .column.is-offset-1-widescreen {
    margin-left: 8.33333%; }
  .column.is-2-widescreen {
    -ms-flex: none;
    flex: none;
    width: 16.66667%; }
  .column.is-offset-2-widescreen {
    margin-left: 16.66667%; }
  .column.is-3-widescreen {
    -ms-flex: none;
    flex: none;
    width: 25%; }
  .column.is-offset-3-widescreen {
    margin-left: 25%; }
  .column.is-4-widescreen {
    -ms-flex: none;
    flex: none;
    width: 33.33333%; }
  .column.is-offset-4-widescreen {
    margin-left: 33.33333%; }
  .column.is-5-widescreen {
    -ms-flex: none;
    flex: none;
    width: 41.66667%; }
  .column.is-offset-5-widescreen {
    margin-left: 41.66667%; }
  .column.is-6-widescreen {
    -ms-flex: none;
    flex: none;
    width: 50%; }
  .column.is-offset-6-widescreen {
    margin-left: 50%; }
  .column.is-7-widescreen {
    -ms-flex: none;
    flex: none;
    width: 58.33333%; }
  .column.is-offset-7-widescreen {
    margin-left: 58.33333%; }
  .column.is-8-widescreen {
    -ms-flex: none;
    flex: none;
    width: 66.66667%; }
  .column.is-offset-8-widescreen {
    margin-left: 66.66667%; }
  .column.is-9-widescreen {
    -ms-flex: none;
    flex: none;
    width: 75%; }
  .column.is-offset-9-widescreen {
    margin-left: 75%; }
  .column.is-10-widescreen {
    -ms-flex: none;
    flex: none;
    width: 83.33333%; }
  .column.is-offset-10-widescreen {
    margin-left: 83.33333%; }
  .column.is-11-widescreen {
    -ms-flex: none;
    flex: none;
    width: 91.66667%; }
  .column.is-offset-11-widescreen {
    margin-left: 91.66667%; }
  .column.is-12-widescreen {
    -ms-flex: none;
    flex: none;
    width: 100%; }
  .column.is-offset-12-widescreen {
    margin-left: 100%; } }

@media screen and (min-width: 2000px) {
  .column.is-narrow-superwidescreen {
    -ms-flex: none;
    flex: none; }
  .column.is-full-superwidescreen {
    -ms-flex: none;
    flex: none;
    width: 100%; }
  .column.is-three-quarters-superwidescreen {
    -ms-flex: none;
    flex: none;
    width: 75%; }
  .column.is-two-thirds-superwidescreen {
    -ms-flex: none;
    flex: none;
    width: 66.6666%; }
  .column.is-half-superwidescreen {
    -ms-flex: none;
    flex: none;
    width: 50%; }
  .column.is-one-third-superwidescreen {
    -ms-flex: none;
    flex: none;
    width: 33.3333%; }
  .column.is-one-quarter-superwidescreen {
    -ms-flex: none;
    flex: none;
    width: 25%; }
  .column.is-offset-three-quarters-superwidescreen {
    margin-left: 75%; }
  .column.is-offset-two-thirds-superwidescreen {
    margin-left: 66.6666%; }
  .column.is-offset-half-superwidescreen {
    margin-left: 50%; }
  .column.is-offset-one-third-superwidescreen {
    margin-left: 33.3333%; }
  .column.is-offset-one-quarter-superwidescreen {
    margin-left: 25%; }
  .column.is-1-superwidescreen {
    -ms-flex: none;
    flex: none;
    width: 8.33333%; }
  .column.is-offset-1-superwidescreen {
    margin-left: 8.33333%; }
  .column.is-2-superwidescreen {
    -ms-flex: none;
    flex: none;
    width: 16.66667%; }
  .column.is-offset-2-superwidescreen {
    margin-left: 16.66667%; }
  .column.is-3-superwidescreen {
    -ms-flex: none;
    flex: none;
    width: 25%; }
  .column.is-offset-3-superwidescreen {
    margin-left: 25%; }
  .column.is-4-superwidescreen {
    -ms-flex: none;
    flex: none;
    width: 33.33333%; }
  .column.is-offset-4-superwidescreen {
    margin-left: 33.33333%; }
  .column.is-5-superwidescreen {
    -ms-flex: none;
    flex: none;
    width: 41.66667%; }
  .column.is-offset-5-superwidescreen {
    margin-left: 41.66667%; }
  .column.is-6-superwidescreen {
    -ms-flex: none;
    flex: none;
    width: 50%; }
  .column.is-offset-6-superwidescreen {
    margin-left: 50%; }
  .column.is-7-superwidescreen {
    -ms-flex: none;
    flex: none;
    width: 58.33333%; }
  .column.is-offset-7-superwidescreen {
    margin-left: 58.33333%; }
  .column.is-8-superwidescreen {
    -ms-flex: none;
    flex: none;
    width: 66.66667%; }
  .column.is-offset-8-superwidescreen {
    margin-left: 66.66667%; }
  .column.is-9-superwidescreen {
    -ms-flex: none;
    flex: none;
    width: 75%; }
  .column.is-offset-9-superwidescreen {
    margin-left: 75%; }
  .column.is-10-superwidescreen {
    -ms-flex: none;
    flex: none;
    width: 83.33333%; }
  .column.is-offset-10-superwidescreen {
    margin-left: 83.33333%; }
  .column.is-11-superwidescreen {
    -ms-flex: none;
    flex: none;
    width: 91.66667%; }
  .column.is-offset-11-superwidescreen {
    margin-left: 91.66667%; }
  .column.is-12-superwidescreen {
    -ms-flex: none;
    flex: none;
    width: 100%; }
  .column.is-offset-12-superwidescreen {
    margin-left: 100%; } }

.columns {
  margin-left: -10px;
  margin-right: -10px;
  margin-top: -10px; }

.columns:last-child {
  margin-bottom: -10px; }

.columns:not(:last-child) {
  margin-bottom: 10px; }

.columns.is-centered {
  -ms-flex-pack: center;
  justify-content: center; }

.columns.is-gapless {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0; }

.columns.is-gapless:last-child {
  margin-bottom: 0; }

.columns.is-gapless:not(:last-child) {
  margin-bottom: 20px; }

.columns.is-gapless > .column {
  margin: 0;
  padding: 0; }

@media screen and (min-width: 769px) {
  .columns.is-grid {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .columns.is-grid > .column {
    max-width: 33.3333%;
    padding: 10px;
    width: 33.3333%; }
  .columns.is-grid > .column + .column {
    margin-left: 0; } }

.columns.is-mobile {
  display: -ms-flexbox;
  display: flex; }

.columns.is-multiline {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.columns.is-vcentered {
  -ms-flex-align: center;
  align-items: center; }

@media screen and (min-width: 769px) {
  .columns:not(.is-desktop) {
    display: -ms-flexbox;
    display: flex; } }

@media screen and (min-width: 980px) {
  .columns.is-desktop {
    display: -ms-flexbox;
    display: flex; } }

@media (max-width: 450px) {
  .column.is-half-mobile {
    width: 100% !important; } }

.stramien .stramien-item.card__homepage {
  width: 100% !important; }

.card__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-positive: 1;
  flex-grow: 1; }

.card__wrapper > div.column {
  display: -ms-flexbox;
  display: flex;
  /*width: 100%;*/ }

.card {
  color: #000;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  position: relative;
  padding: 10px 0 30px 0;
  border-bottom: solid 1px #ccc;
  outline: none; }
  .card.has-counter {
    padding-top: 47px;
    padding-bottom: 4px; }

.card a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 1;
      flex-grow: 1; }

.card__body {
  position: relative;
  z-index: 998;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-positive: 1;
      flex-grow: 1;
  padding-top: 30px; }

.card__counter {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 999;
  font-size: 30px;
  color: #00bae7; }

.card__logo--dagaanbieding {
  position: absolute;
  top: 15px;
  left: 0;
  z-index: 998;
  width: 100px;
  height: 100px; }
  .card__logo--dagaanbieding img {
    width: 100%; }

.card__title {
  color: #00bae7;
  font-size: 16px;
  line-height: 22px;
  width: 100%; }

.card__title > div {
  width: 95%;
  overflow: hidden;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.card__title a:hover {
  text-decoration: underline; }

.card__compare {
  margin-bottom: 10px; }

.card__compare label {
  position: relative;
  padding-right: 24px;
  color: #000; }

.card__compare label input[type=checkbox] {
  position: absolute;
  top: 4px;
  right: 0;
  z-index: 1001; }

.card__compare input {
  margin-left: 10px; }

.card__visual {
  margin-top: 15px;
  text-align: center;
  min-height: 150px;
  z-index: 997;
  position: relative; }

.card__vanvoorprijslabel--vanprijs-original,
.card__vanvoorprijslabel--vanprijs-firstdiscount,
.card__vanvoorprijslabel--voorprijs,
.card__price--old,
.card__price--new,
.card__stockinfo,
.card__deliveryinfo,
.card__variationbar p,
.card__logos p,
.card__vanvoorprijslabel--heading,
.card__counter {
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  text-transform: uppercase;
  font-weight: 800; }

.card__price--old {
  color: #00bae7;
  font-size: 18px;
  margin-top: 13px; }

.card__price--old span {
  position: relative; }

.card__price--old span:before {
  position: absolute;
  top: -5px;
  left: 0;
  z-index: 1001;
  width: 100%;
  height: 20px;
  border-bottom: solid 3px #fd7902;
  content: '';
  transform: rotate(-10deg); }

.card__price--new {
  color: #fd7902;
  font-size: 35px;
  line-height: 40px;
  letter-spacing: -3px;
  white-space: nowrap;
  margin-bottom: 10px; }

.card__vanvoorprijslabel {
  background-color: #00a0f5;
  border-radius: 10px; }

.card__vanvoorprijslabel--heading,
.card__vanvoorprijslabel--vanprijs-original,
.card__vanvoorprijslabel--vanprijs-firstdiscount,
.card__vanvoorprijslabel--voorprijs {
  color: #fff; }

.card__vanvoorprijslabel--vanprijs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.card__vanvoorprijslabel--vanprijs-original,
.card__vanvoorprijslabel--vanprijs-firstdiscount {
  width: 49%;
  box-sizing: border-box;
  line-height: 18px;
  font-size: 20px;
  position: relative;
  padding: 4px 0; }
  .card__vanvoorprijslabel--vanprijs-original span,
  .card__vanvoorprijslabel--vanprijs-firstdiscount span {
    position: relative; }
    .card__vanvoorprijslabel--vanprijs-original span:before,
    .card__vanvoorprijslabel--vanprijs-firstdiscount span:before {
      position: absolute;
      top: -2px;
      left: 0;
      z-index: 1001;
      width: 100%;
      height: 18px;
      border-bottom: solid 3px #fff;
      content: '';
      transform: rotate(-10deg); }

.card__vanvoorprijslabel--vanprijs-original {
  text-align: right;
  padding-right: 5px; }

.card__vanvoorprijslabel--vanprijs-firstdiscount {
  padding-left: 5px; }

.card__vanvoorprijslabel--heading {
  padding: 5px 5px 0 5px;
  font-size: 14px;
  line-height: 18px;
  width: 100%;
  text-transform: capitalize;
  font-style: normal;
  position: relative;
  overflow-y: hidden; }
  .card__vanvoorprijslabel--heading span.card__vanvoorprijslabel--arrow {
    position: absolute;
    width: 50px;
    height: 30px;
    z-index: 3;
    left: 50%;
    transform: translateX(-50%);
    top: 10px;
    display: block; }
    .card__vanvoorprijslabel--heading span.card__vanvoorprijslabel--arrow:before {
      position: absolute;
      width: 50px;
      height: 30px;
      border-top: solid 2px #fff;
      display: block;
      border-radius: 100%;
      left: 0;
      top: 0;
      content: ''; }
    .card__vanvoorprijslabel--heading span.card__vanvoorprijslabel--arrow:after {
      position: absolute;
      width: 12px;
      height: 12px;
      border: solid 2px #fff;
      right: -1px;
      top: -1px;
      content: '';
      border-top: 0;
      border-left: 0;
      transform: rotate(10deg); }

.card__vanvoorprijslabel--voorprijs {
  background-color: #fd7902;
  border-radius: 10px;
  border: solid 3px #fff;
  padding: 5px;
  text-align: center;
  font-size: 50px;
  line-height: 50px;
  margin-left: -3px;
  margin-right: -3px;
  display: block; }

.card__vanvoorprijslabel--button span.button {
  margin-top: 3px;
  width: 100%; }

.card__vanvoorprijslabel--wrapper {
  margin-bottom: 26px; }
  .card__vanvoorprijslabel--wrapper.is-vertical {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px; }
    .card__vanvoorprijslabel--wrapper.is-vertical .card__vanvoorprijslabel {
      width: 65%; }
    .card__vanvoorprijslabel--wrapper.is-vertical .card__vanvoorprijslabel--button {
      width: 72px;
      margin-left: 10px;
      margin-top: 0;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: end;
          align-items: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
      margin-bottom: 3px; }
      .card__vanvoorprijslabel--wrapper.is-vertical .card__vanvoorprijslabel--button span.button {
        max-width: 72px; }
    .card__vanvoorprijslabel--wrapper.is-vertical .card__vanvoorprijslabel--voorprijs {
      font-size: 28px;
      line-height: 25px; }
    .card__vanvoorprijslabel--wrapper.is-vertical .card__vanvoorprijslabel--vanprijs-original,
    .card__vanvoorprijslabel--wrapper.is-vertical .card__vanvoorprijslabel--vanprijs-firstdiscount {
      font-size: 16px;
      line-height: 18px;
      padding-top: 2px;
      padding-bottom: 2px; }
    .card__vanvoorprijslabel--wrapper.is-vertical .card__vanvoorprijslabel--vanprijs-original span:before,
    .card__vanvoorprijslabel--wrapper.is-vertical .card__vanvoorprijslabel--vanprijs-firstdiscount span:before {
      top: -5px; }
    .card__vanvoorprijslabel--wrapper.is-vertical .card__vanvoorprijslabel--heading {
      font-size: 10px;
      padding: 2px 5px 0 5px; }
      .card__vanvoorprijslabel--wrapper.is-vertical .card__vanvoorprijslabel--heading span.card__vanvoorprijslabel--arrow {
        top: 7px; }

.card__stockinfo {
  position: relative;
  font-size: 12px;
  height: 18px;
  line-height: 13px;
  padding-top: 2px;
  right: 11px;
  bottom: 0;
  position: absolute;
  z-index: 1; }

.card__stockinfo.is-reserve {
  color: #00bae7; }

.card__stockinfo.is-instock {
  color: #007900;
  padding-left: 24px; }

.card__stockinfo.is-instock:before {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1001;
  font-family: fontello;
  content: '\e808';
  color: #007900;
  font-style: normal;
  font-size: 19px;
  line-height: 18px; }

.card__specs {
  height: 70px; }

.card__specs ul {
  margin-bottom: 0;
  margin-left: 16px; }

.card__specs ul li {
  font-size: 12px;
  color: #000; }

.card__button {
  position: absolute;
  bottom: 29px;
  right: 0;
  z-index: 1; }

.grid-producten-scroll .card__button,
.search-producten .card__button {
  bottom: 65px; }

.search-producten-be .card__button {
  bottom: 29px; }

.stramien-be .card__button {
  bottom: 0px; }

.grid-producten-scroll-be .card__button {
  bottom: 29px; }

.search-producten-be .card__motortechniek__icon {
  bottom: -4px; }


.grid-producten-scroll-be .card__motortechniek__icon {
	bottom: -4px;
}

.grid-producten-scroll-be .card__elektrischefiets__icon {
	bottom: 65px;
}

.search-producten-be .card__motortechniek__icon {
	bottom: -4px;
}

.card__vanvoorprijslabel--button span.button,
.card__button span.button {
  position: relative;
  height: 35px;
  display: inline-block;
  cursor: pointer;
  font: inherit;
  line-height: 2;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-appearance: none;
  border: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  font-weight: 700;
  transition: 0.1s;
  background-color: #03b51a;
  color: #fff;
  line-height: 35px; }

.card__elektrischefiets__icon {
  position: absolute;
  bottom: 100px;
  z-index: 1;
  right: 10px; }

.card__motortechniek__icon {
  position: absolute;
  z-index: 1;
  right: 10px;
  bottom: 15px; }

.stramien-be .card__motortechniek__icon {
  bottom: 30px !important; }

.card__motortechniek__icon img {
  width: 75px; }

.stramien .card__motortechniek__icon {
  bottom: -5px; }

.stramien .card__elektrischefiets__icon {
  bottom: 65px; }

.card__vanvoorprijslabel--button span.button:hover,
.card__button span:hover {
  background-color: #029b16; }

.card__deliveryinfo {
  color: #c9c9c9;
  text-transform: lowercase;
  line-height: 18px;
  font-size: 12px; }

.card__hover {
  background-color: #fff;
  display: none;
  width: 155%;
  height: 100%;
  top: 0;
  left: -50%;
  z-index: 1000;
  position: absolute; }

.card:hover {
  z-index: 1001; }
  .card:hover .card__counter {
    z-index: 1003; }
  .card:hover .card__logo--dagaanbieding {
    z-index: 1002; }
  .card:hover .card__body {
    z-index: 1001; }

.card:hover a:hover {
  text-decoration: none; }

@media (min-width: 1195px) {
  .card:hover .card__hover {
    display: block;
    padding: 10px;
    box-shadow: 0px 0px 24px -3px rgba(0, 0, 0, 0.4); } }

.card__hoverbar {
  height: 100%;
  width: 90px;
  border-right: solid 2px #00a0f5;
  padding-right: 10px; }

.card__variationbar {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: solid 2px #f06800; }

.card__variationbar p,
.card__logos p {
  color: #00bae7;
  width: 100%; }

.card__logos p {
  margin-bottom: 0; }

.card__variationbar div a {
  outline: none; }

.card__variationbar div a img {
  max-width: 80px;
  max-height: 50px; }

.card__logos div {
  cursor: pointer; }

.card__icon-text {
  position: absolute;
  left: -10px;
  right: -10px;
  bottom: 0;
  z-index: 1004; }

.card__icon-text div {
  display: none;
  padding: 10px;
  background: #00bae7;
  position: relative;
  color: #fff; }

.card__icon-text div.visible {
  display: block; }

.card__icon-text div p {
  color: #fff;
  margin-bottom: 0; }

.card__icon-text div strong {
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase;
  font-weight: 800; }

.card__sticker {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1002; }

@media (min-width: 450px) {
  .card__wrapper > div.column {
    -ms-flex-positive: 0;
        flex-grow: 0;
    -ms-flex-preferred-size: auto;
        flex-basis: auto; }
  .card {
    border-bottom: 0;
    padding: 0px 10px 15px 10px; }
  .card__button {
    right: 10px; } }

@media (min-width: 450px) and (max-width: 768px) {
  .card__wrapper > div.column {
    width: 50%; }
  .stramien .stramien-item.card__homepage {
    width: 50% !important; } }

@media (min-width: 700px) {
  .stramien .stramien-item.card__homepage {
    width: 33.3333% !important; } }

@media (min-width: 900px) {
  .stramien .stramien-item.card__homepage {
    width: 25% !important; } }

@media (min-width: 1220px) {
  .stramien .stramien-item.card__homepage {
    width: 280px !important; } }

.card__logos.js-logo div {
  margin-bottom: 2px;
  text-align: center;
  color: #00bae7;
  font-family: "Open Sans", sans-serif;
  font-weight: 800; }

@media (max-width: 1219px) {
  .stramien .stramien-item.stramien-item-klantenservice,
  .stramien .stramien-item.categorienav-wrapper,
  .stramien .stramien-item.carousel-wrapper,
  .stramien .stramien-item.merklogos {
    display: none; } }

nav.nav-primary__wrapper {
  background-color: #08a9df;
  position: relative;
  display: none; }

.KW_progressContainer {
  display: none !important; }

html.showmenu nav.nav-primary__wrapper {
  width: 100%;
  visibility: visible;
  transition-delay: 0s;
  opacity: 1;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch; }

nav.nav-primary__wrapper .nav__item a {
  font-size: 18px;
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  text-transform: uppercase;
  font-weight: 800;
  display: block;
  width: 100%;
  text-decoration: none;
  padding: 10px 0 10px 10px;
  border-bottom: solid 1px rgba(255, 255, 255, 0.4);
  position: relative;
  display: block; }
  nav.nav-primary__wrapper .nav__item a:after {
    font-family: "fontello";
    color: #fff;
    content: '\e802';
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1001;
    font-style: normal; }

@media (min-width: 1024px) {
  nav.nav-primary__wrapper {
    display: block; }
  .nav-primary__inner {
    width: 100%;
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  nav.nav-primary__wrapper .nav__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-positive: 1;
        flex-grow: 1;
    -ms-flex-align: center;
        align-items: center; }
    nav.nav-primary__wrapper .nav__item a {
      border: 0;
      text-align: center;
      padding: 20px 0; }
      nav.nav-primary__wrapper .nav__item a:after {
        display: none; }
    nav.nav-primary__wrapper .nav__item.is-active a {
      background-color: #0268ba; }
  body.sticky-down nav.nav-primary__wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10000;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2); }
  .KW_progressContainer {
    display: table !important; } }

html.showMobileNav a.btn-mobile-nav > span {
  transform: rotate(270deg);
  transition: ease-in-out all .4s; }
  html.showMobileNav a.btn-mobile-nav > span > span {
    opacity: 0; }
  html.showMobileNav a.btn-mobile-nav > span:before {
    transform: rotate(45deg);
    top: 10px; }
  html.showMobileNav a.btn-mobile-nav > span:after {
    transform: rotate(-45deg);
    bottom: 10px; }

a.btn-mobile-nav {
  position: absolute;
  z-index: 1000;
  left: 15px;
  top: 27px;
  display: block;
  width: 34px;
  height: 35px;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  a.btn-mobile-nav:before {
    position: absolute;
    top: -14px;
    left: 0;
    width: 34px;
    height: 6px;
    text-align: center;
    content: 'menu';
    color: #00bae7;
    font-size: 11px;
    line-height: 11px;
    font-family: "Open Sans", sans-serif;
    text-transform: uppercase;
    font-weight: 800;
    font-style: italic; }
  a.btn-mobile-nav > span {
    transform: rotate(180deg);
    transition: ease-in-out all .4s;
    z-index: 1001;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 26px;
    position: absolute; }
    a.btn-mobile-nav > span > span, a.btn-mobile-nav > span:before, a.btn-mobile-nav > span:after {
      position: absolute;
      width: 100%;
      height: 6px;
      display: block;
      content: '';
      background-color: #08a9df;
      transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
      border-radius: 2px; }
    a.btn-mobile-nav > span:before {
      top: 0; }
    a.btn-mobile-nav > span > span {
      top: 50%;
      transform: translateY(-50%); }
    a.btn-mobile-nav > span:after {
      bottom: 0; }

@media screen and (min-width: 723px) {
  a.btn-mobile-nav {
    left: 20px;
    top: 23px; } }

@media (min-width: 1024px) {
  a.btn-mobile-nav {
    display: none; } }

.c-mobilenav__backdrop {
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.6s, transform 0s 0.6s;
  transition-timing-function: cubic-bezier(0, 0, 0, 1);
  transition-duration: .5s;
  transform: translate3d(100%, 0, 0); }

html.showMobileNav {
  overflow: hidden; }
  html.showMobileNav .c-mobilenav__backdrop {
    opacity: 1;
    transition: opacity 0.8s;
    transition-timing-function: cubic-bezier(0, 0, 0, 1);
    transition-duration: .5s;
    transform: translate3d(0, 0, 0); }

.c-mobilenav__heading,
.c-mobilenav__item {
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  text-transform: uppercase;
  font-weight: 800;
  display: block;
  padding: 12px 15px;
  font-size: 14px;
  position: relative;
  border-bottom: solid 1px rgba(255, 255, 255, 0.2);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  text-decoration: none; }
  .c-mobilenav__heading:focus, .c-mobilenav__heading:hover, .c-mobilenav__heading:active,
  .c-mobilenav__item:focus,
  .c-mobilenav__item:hover,
  .c-mobilenav__item:active {
    text-decoration: none; }
  .c-mobilenav__heading:focus,
  .c-mobilenav__item:focus {
    outline-color: transparent;
    outline-style: none; }
  .c-mobilenav__heading:before, .c-mobilenav__heading:after,
  .c-mobilenav__item:before,
  .c-mobilenav__item:after {
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    font-family: fontello;
    font-style: normal;
    display: none; }
  .c-mobilenav__heading:before,
  .c-mobilenav__item:before {
    right: auto;
    left: 10px;
    content: '\e804'; }
  .c-mobilenav__heading:after,
  .c-mobilenav__item:after {
    display: block;
    left: auto;
    right: 20px;
    content: '\e802'; }
  .c-mobilenav__heading.is-highlight,
  .c-mobilenav__item.is-highlight {
    background-color: rgba(255, 255, 255, 0.3); }
  .c-mobilenav__heading.is-back,
  .c-mobilenav__item.is-back {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    text-transform: capitalize;
    padding-left: 26px;
    padding: 15px 15px 15px 26px; }
    .c-mobilenav__heading.is-back:before,
    .c-mobilenav__item.is-back:before {
      display: block; }
    .c-mobilenav__heading.is-back:after,
    .c-mobilenav__item.is-back:after {
      display: none; }

.c-mobilenav__heading {
  margin: 0; }

html.showMobileNav .c-mobilenav {
  transform: translateX(0);
  visibility: visible; }

.c-mobilenav {
  background-color: #08a9df;
  overflow: hidden;
  overflow-y: auto;
  width: 80%;
  height: 100%;
  position: fixed;
  top: 70px;
  bottom: 0;
  left: 0;
  z-index: 10000;
  visibility: hidden;
  transform: translateX(-100%);
  transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
  transition-duration: .5s;
  box-shadow: 10px 10px 17px 7px rgba(0, 0, 0, 0.18); }
  .c-mobilenav .c-mobilenav__level {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100001;
    width: 100%;
    transition: opacity 0.6s, transform 0.6s, background-color 0.6s;
    transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
    transition-duration: .5s;
    background-color: #08a9df;
    height: 100%;
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    padding-bottom: 170px; }
  .c-mobilenav .c-mobilenav__level.is-level-1 {
    transform: translateX(-200px);
    z-index: 10001; }
  .c-mobilenav .c-mobilenav__level.is-level-sub {
    transform: translateX(100%);
    z-index: 10002;
    /*-webkit-box-shadow: -5px 0px 60px -11px rgba(0,0,0,0.33);
		-moz-box-shadow: -5px 0px 60px -11px rgba(0,0,0,0.33);
		box-shadow: -5px 0px 60px -11px rgba(0,0,0,0.33);*/ }
  .c-mobilenav.show-level-1 .c-mobilenav__level.is-level-1 {
    transform: translateX(0); }
  .c-mobilenav.show-level-2 .c-mobilenav__level.is-level-1 {
    background-color: #000;
    opacity: .5;
    transition: opacity 0.6s, transform 2s, background-color 0.6s; }
    .c-mobilenav.show-level-2 .c-mobilenav__level.is-level-1 .c-mobilenav__heading,
    .c-mobilenav.show-level-2 .c-mobilenav__level.is-level-1 .c-mobilenav__item {
      opacity: .1;
      transition: opacity 0.6s; }
  .c-mobilenav.show-level-2 .c-mobilenav__level.is-level-2 {
    transform: translateX(0); }

@media (min-width: 450px) {
  .c-mobilenav {
    width: 70%; }
  .c-mobilenav__heading,
  .c-mobilenav__item {
    font-size: 18px; } }

@media screen and (min-width: 1210px) {
  body:before {
    display: none; } }

@media (max-width: 1023px) {
  .nav__primary-sub {
    display: none !important; } }

@media (min-width: 1024px) {
  .sub__item {
    padding: 4px 0; }
    .sub__item.is-heading {
      font-weight: bold;
      text-transform: uppercase;
      font-family: "Open Sans", sans-serif;
      font-weight: 700;
      font-style: italic; }
  .itemMenuIcon {
    font-weight: normal;
    font-style: normal;
    text-transform: initial; }
  .itemMenuIcon.has-arrow:before {
    font-family: "fontello";
    content: '\e802';
    margin-right: 5px; }
  .nav__primary-sub {
    background-color: #fff;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 1003;
    display: none;
    color: #fff;
    padding-top: 20px;
    border-bottom: #c3baba 1px solid;
    box-shadow: 0px 0px 8px 0px #c2c2c2; }
    .nav__primary-sub a {
      color: #fff; }
    .nav__primary-sub ul {
      border-top-color: rgba(255, 255, 255, 0.3); }
      .nav__primary-sub ul li {
        border-bottom-color: rgba(255, 255, 255, 0.3); }
        .nav__primary-sub ul li a {
          color: inherit; }
    .nav__primary-sub > div {
      width: 100%;
      max-width: 1200px;
      margin-left: auto;
      margin-right: auto;
      padding: 20px; }
  .nav__primary-sub.is-active {
    display: block; }
  body.sticky-down .nav__primary-sub {
    position: fixed;
    top: 70px; }
  .nav--primary-sub__island {
    padding-left: 5px;
    padding-right: 5px; }
  .navigation-orange {
    background-color: #fb6c1e;
    padding: 10px; } }

.nav--primary-sub__ad {
  margin-top: 20px;
  text-align: center; }

@media (min-width: 1210px) {
  .nav__primary-sub > div {
    padding: 20px 0; } }

.order-steps > ul,
.order-steps > ul li {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.order-steps > div {
  display: table;
  width: 100%; }

.order-steps > div > ul {
  display: table-row; }

.order-steps > div > ul > li.order-step {
  display: table-cell;
  float: none;
  padding-left: 0px;
  padding-right: 0px;
  text-align: center; }

.order-steps > div > ul > li.order-step span,
.order-steps > div > ul > li.order-step a {
  font-size: 14px;
  line-height: 16px; }

.order-steps > div > ul > li em {
  display: block; }

.order-steps > div > ul > li > a {
  display: block;
  color: #fff;
  font-size: 18px;
  font-size: 1.28571rem;
  line-height: 1.33333;
  font-weight: 800;
  font-style: italic;
  text-transform: uppercase;
  white-space: nowrap; }

.order-steps > div > ul > li.checked {
  background: none; }

.order-steps > div > ul > li.checked a {
  background: url(/Content/img/ordersteps-check.png) no-repeat 0 50%;
  padding-left: 20px; }

.order-steps {
  margin-bottom: 0;
  background: #eff8fc;
  overflow: hidden; }

.order-step {
  padding: 4px 0px;
  float: left; }

.order-step a,
.order-step span {
  font-size: 18px;
  font-size: 1.28571rem;
  line-height: 1.33333;
  font-weight: 800;
  font-style: italic;
  color: #00bae7;
  text-transform: uppercase; }

.order-step.is-active {
  background: #00bae7; }

.order-step.is-active a,
.order-step.is-active span {
  color: #fff; }

@media screen and (min-width: 460px) {
  .order-steps > div > ul > li.order-step span,
  .order-steps > div > ul > li.order-step a {
    font-size: 16px;
    line-height: 18px; }
  .order-steps > div > ul > li.order-step {
    padding-bottom: 2px;
    padding-top: 6px; }
  .order-steps {
    margin-bottom: 15px; }
  .order-step {
    padding: 8px 20px; }
  .order-steps > div > ul > li em {
    display: inline-block; } }

@media screen and (min-width: 737px) {
  .order-steps > div > ul > li.order-step {
    padding-bottom: 5px;
    padding-top: 10px; }
  .order-steps > div > ul > li.order-step span,
  .order-steps > div > ul > li.order-step a {
    font-size: 22px; }
  .order-steps > div > ul > li em {
    display: inline-block; }
  .order-steps {
    margin-bottom: 40px; } }

header {
  border-bottom: solid 10px #08a9df;
  position: fixed;
  z-index: 10000;
  width: 100%;
  background: #fff;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
  height: 80px; }
  header .c-header__wrapper {
    position: relative;
    width: 100%;
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 25px; }

@media (min-width: 450px) {
  header .c-header__wrapper {
    padding-top: 20px; } }

@media (min-width: 1024px) {
  header {
    border-bottom: 0;
    position: relative;
    box-shadow: none;
    height: auto; }
    header .c-header__wrapper {
      padding: 20px; } }

.header__logos {
  position: absolute;
  z-index: 1;
  right: 120px;
  top: 18px;
  display: none; }

.header__logos,
.header__logos li {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.header__logos li {
  display: inline-block;
  margin-left: 20px; }

.header__logos li img {
  max-height: 42px; }

@media screen and (min-width: 723px) {
  .header__logos {
    right: 95px;
    display: block; } }

@media (min-width: 1024px) {
  .header__logos {
    right: 110px;
    top: 33px; }
  .header__logos li img {
    max-height: 50px; } }

#winkelwagenInhoud {
  position: absolute;
  top: 138px;
  margin-right: 50%;
  width: 450px;
  right: -607px;
  z-index: 10001;
  border: 1px solid #ccc; }
  #winkelwagenInhoud:after, #winkelwagenInhoud:before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
  #winkelwagenInhoud:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 10px;
    margin-left: -10px;
    right: 19px; }
  #winkelwagenInhoud:before {
    border-color: rgba(204, 204, 204, 0);
    border-bottom-color: #cccccc;
    border-width: 11px;
    margin-left: -11px;
    right: 18px; }

#winkelwagenInhoud img.productimage {
  float: left;
  margin-right: 10px;
  padding-top: 5px; }

#winkelwagenInhoud div.spacer {
  clear: both; }

#winkelwagenInhoud div.remove a {
  line-height: 1.2;
  text-decoration: none;
  color: gray;
  font-size: 10px;
  line-height: 10px;
  width: 46px;
  display: inline-block;
  text-align: center;
  margin-left: 5px; }

#winkelwagenInhoud div.remove a:hover {
  text-decoration: underline; }

#winkelwagenInhoud div.remove {
  float: right;
  padding-top: 4px; }

#winkelwagenInhoud .total,
#winkelwagenInhoud .price {
  padding-right: 51px; }

#winkelwagenInhoud .my-shopping-cart__content .price {
  padding-right: 0px; }

#winkelwagenInhoud .my-shopping-cart .secondary-column {
  width: 190px; }

@media (max-width: 1022px) {
  #winkelwagenInhoud {
    display: none !important; } }

@media screen and (min-width: 723px) {
  #winkelwagenInhoud {
    display: none; } }

#winkelwagenInhoud .my-shopping-cart__content {
  display: block; }

.header__basket {
  position: absolute;
  z-index: 1;
  right: 10px;
  top: 18px;
  z-index: 1; }

.header__basket > a {
  width: 55px;
  height: 47px;
  display: block;
  position: relative; }
  .header__basket > a:before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    content: '';
    background-image: url(/content/img/icon-basket.png);
    background-size: 35px 30px;
    width: 35px;
    height: 30px;
    display: block; }
  .header__basket > a > span {
    position: absolute;
    width: 30px;
    height: 30px;
    display: block;
    right: 0;
    top: -11px;
    z-index: 2;
    color: #fff;
    font-weight: 700;
    font-style: italic;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    background: #08a9df;
    border-radius: 100%; }
    .header__basket > a > span:before {
      position: absolute;
      top: 2px;
      left: 2px;
      width: 26px;
      height: 26px;
      border: solid 2px #fff;
      content: '';
      z-index: 3;
      display: block;
      border-radius: 100%; }

@media (min-width: 1024px) {
  .header__basket {
    top: 33px;
    right: 30px; }
  .header__basket > a:before {
    background-size: 55px 47px;
    width: 55px;
    height: 47px; }
  .header__basket > a > span {
    right: -17px; } }

.header__logo {
  width: 140px;
  height: 24px;
  margin-left: auto;
  margin-right: auto;
  display: block; }

@media (min-width: 450px) {
  .header__logo {
    width: 200px;
    height: 35px; } }

@media screen and (min-width: 723px) {
  .header__logo {
    width: 170px;
    height: 33px;
    margin-left: 80px; } }

@media (min-width: 1024px) {
  .header__logo {
    width: 260px;
    height: 54px;
    margin-left: 10px;
    margin-top: 14px; } }

@media (min-width: 1130px) {
  .header__logo {
    width: 360px;
    margin-top: 0;
    height: 69px; } }

.header__usps {
  position: absolute;
  z-index: 1;
  right: 245px;
  left: auto;
  top: 35px;
  max-width: 442px; }

.header__usps,
.header__usps li {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.header__usps li {
  margin-right: 15px;
  margin-bottom: 8px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  width: 382px; }
  .header__usps li img {
    float: left;
    height: 36px;
    width: 36px;
    margin-right: 5px;
    margin-top: 6px; }
  .header__usps li span {
    max-width: 160px;
    color: #686868;
    font-weight: normal;
    font-size: 0.975em;
    line-height: 1.71429; }

@media screen and (min-width: 723px) {
  .header__usps {
    right: auto;
    left: 270px;
    top: 14px;
    max-width: 442px;
    display: block; } }

@media (min-width: 1024px) {
  .header__usps {
    right: 315px;
    left: auto;
    top: 35px;
    max-width: 442px; }
  .header__usps li {
    width: 382px; } }

.breadcrumbs {
  height: auto;
  min-height: 30px;
  font-size: 13px;
  line-height: 1.84615; }

.breadcrumbs .seperator {
  padding: 0 3px; }

footer {
  background: #333333; }

footer {
  padding: 20px;
  padding: 1.42857rem; }
  footer > .site-retain {
    padding: 0 30px; }

.footer__island.logos ul li {
  padding: 10px 0px; }

.footer__island.logos ul {
  background: #fff;
  overflow: hidden; }

body footer .footerlogos ul li {
  width: auto !important;
  display: inline-block !important; }

@media screen and (max-width: 1210px) {
  footer .site-retain {
    width: 100%;
    max-width: 1240px;
    padding: 0; } }

@media screen and (max-width: 1023px) {
  footer .site-retain {
    width: 100%; } }

@media screen and (max-width: 991px) {
  footer .footer .grid__cell.unit-4-12:nth-child(1) {
    width: 33.3333%; }
  footer .footer .grid__cell.unit-4-12:nth-child(2) {
    width: 33.3333%; }
  footer .footer .grid__cell.unit-4-12:nth-child(3) {
    width: 33.333%; }
  footer .footer .grid__cell.unit-4-12:nth-child(4) {
    width: 100%; }
  .footer__island.logos ul {
    width: 100%; }
  .footer__island.logos ul li {
    width: 30%; }
  footer .footer .grid__cell.unit-4-12:nth-child(4) li:nth-child(1),
  footer .footer .grid__cell.unit-4-12:nth-child(4) li:nth-child(2) {
    width: 250px; }
  footer .footer .grid__cell.unit-4-12:nth-child(4) li {
    display: inline-block;
    vertical-align: middle; }
  footer .footer .grid__cell.unit-4-12:nth-child(4) li:nth-child(3) {
    margin-left: 0px;
    margin-top: 0;
    width: 200px; }
  footer .footer .grid__cell.unit-4-12.footerlogos {
    padding: 0; }
  footer .footer .footer__island.logos ul {
    padding: 20px 0; }
  footer .footer .footer__island.logos ul li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 5px; }
  footer .footer .grid__cell.unit-4-12.footerlogos {
    width: 100%; } }

@media screen and (max-width: 745px) {
  footer .footer .grid__cell.unit-4-12:nth-child(1) {
    width: 100%;
    margin-bottom: 30px; }
  footer .footer .grid__cell.unit-4-12:nth-child(1),
  footer .footer .grid__cell.unit-4-12:nth-child(4),
  footer .footer .grid__cell.unit-4-12:nth-child(3) .footer__island {
    width: 100%; }
  footer .footer .grid__cell.unit-4-12:nth-child(1) .imageholder,
  footer .footer .grid__cell.unit-4-12:nth-child(1) .grid {
    width: 40%;
    float: left; }
  footer .footer .grid__cell.unit-4-12:nth-child(2),
  footer .footer .grid__cell.unit-4-12:nth-child(3),
  footer .footer .grid__cell.unit-4-12:nth-child(4) {
    width: 100%; }
  footer .footer .grid__cell.unit-4-12:nth-child(3) .footer__island {
    width: 100%;
    float: left; }
  footer .footer .grid__cell.unit-4-12:nth-child(1) .grid {
    max-width: 300px; }
  footer .footer .grid__cell.unit-4-12:nth-child(1) .grid .grid__cell.unit-6-12 {
    width: 100%; }
  footer .footer .grid__cell.unit-4-12:nth-child(1) .grid .grid__cell.unit-6-12 ul {
    margin-left: 10px;
    margin-bottom: 0px; }
  footer .footer .grid__cell.unit-4-12:nth-child(2),
  footer .footer .grid__cell.unit-4-12:nth-child(3) {
    width: 50%; } }

@media screen and (max-width: 610px) {
  footer .footer .grid__cell.unit-4-12:nth-child(1) .imageholder,
  footer .footer .grid__cell.unit-4-12:nth-child(1) .grid,
  footer .footer .grid__cell.unit-4-12:nth-child(2),
  footer .footer .grid__cell.unit-4-12:nth-child(3),
  footer .footer .grid__cell.unit-4-12:nth-child(4) {
    width: 100%; }
  footer .footer .grid__cell.unit-4-12:nth-child(2),
  footer .footer .grid__cell.unit-4-12:nth-child(3) {
    width: 50%; } }

@media screen and (max-width: 580px) {
  footer .footer .grid__cell.unit-4-12:nth-child(2),
  footer .footer .grid__cell.unit-4-12:nth-child(3) {
    width: 50%; }
  footer .footer .grid__cell.unit-4-12:nth-child(3) .footer__island:nth-child(2) {
    padding-left: 0px; }
  footer .footer .grid__cell.unit-4-12:nth-child(4) li:nth-child(1) .imageholder {
    margin-left: 5px; }
  footer .footer .grid__cell.unit-4-12:nth-child(4) li:nth-child(3) {
    text-align: center;
    width: 100%; }
  footer .footer .grid__cell.unit-4-12:nth-child(4) li:nth-child(3) img {
    max-width: 273px; } }

@media screen and (max-width: 505px) {
  footer .footer .grid__cell.unit-4-12:nth-child(1) .grid {
    width: 100%; }
  footer .footer .grid__cell.unit-4-12:nth-child(1) .grid .grid__cell.unit-6-12 {
    width: 50%; }
  footer .footer .grid__cell.unit-4-12:nth-child(1) .grid .grid__cell.unit-6-12 ul {
    margin-bottom: 20px;
    margin-left: 0px; } }

@media screen and (max-width: 455px) {
  footer .footer .grid__cell.unit-4-12:nth-child(2),
  footer .footer .grid__cell.unit-4-12:nth-child(3),
  footer .footer .grid__cell.unit-4-12:nth-child(1) .imageholder,
  footer .footer .grid__cell.unit-4-12:nth-child(1) .grid {
    width: 100%; }
  footer .footer .grid__cell.unit-4-12:nth-child(4) li:nth-child(3) {
    margin-top: 0px; } }

.footer__nav--link {
  font-size: 13px;
  line-height: 1.84615;
  color: #fff;
  text-decoration: none;
  padding: 2px 0;
  display: inline-block; }

.footer__nav--link:hover {
  text-decoration: underline; }

.footer__nav--item:before {
  position: absolute;
  top: 1px;
  left: 0;
  content: "»";
  color: #fff; }

.footer__nav--item {
  position: relative;
  padding-left: 15px; }

.footer__nav--column {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%; }

.footer__nav--column:not(:last-child) {
  margin-bottom: 30px; }

.footer__nav--list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }

.footer__nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex: 100%;
      flex: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.footer__map {
  margin-right: 20px;
  margin-bottom: 10px; }

.footer__stores {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }

.footer__heading {
  font-size: 15px;
  line-height: 1.6;
  color: #00bae7;
  font-weight: 800;
  font-style: italic;
  text-transform: uppercase;
  margin-bottom: 10px; }

.footer__right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-direction: row;
      flex-direction: row;
  margin-top: 40px; }

.footer__left .footer__heading {
  -ms-flex: 100%;
      flex: 100%; }

.footer__left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.footer__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-bottom: 20px; }

.footer__social--item {
  margin: 0 10px; }

.footer__social--items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center; }

.footer__social {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 20px; }

@media (min-width: 560px) {
  .footer__wrapper {
    -ms-flex-direction: row;
        flex-direction: row; }
  .footer__right {
    margin-top: 0; }
  .footer__left {
    margin-right: 20px;
    -ms-flex-direction: column;
        flex-direction: column;
    width: 245px;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }
  .footer__stores {
    -ms-flex-direction: row;
        flex-direction: row; }
  .footer__map {
    margin-right: 0; }
  .footer__left .footer__heading {
    -ms-flex: 0;
        flex: 0; }
  .footer__stores--right {
    width: 57%; }
  .footer__stores--left {
    width: 43%; } }

@media (min-width: 320px) {
  .footer__nav--column {
    width: 100%; } }

@media (min-width: 475px) {
  .footer__nav--column {
    width: 45%; } }

@media (min-width: 560px) {
  .footer__nav--column {
    width: 100%; } }

@media (min-width: 670px) {
  .footer__nav--column {
    width: 45%; } }

@media (min-width: 991px) {
  .footer__nav--column {
    width: 22%; } }

@media (min-width: 1200px) {
  .footer__nav--column {
    width: 25%; } }

ul.klantenservice-list {
  width: auto; }

ul.klantenservice-list,
ul.klantenservice-list li {
  margin: 0;
  padding: 0;
  list-style-type: none; }

ul.klantenservice-list li {
  display: inline-block;
  margin: 30px 0;
  width: 23%;
  text-align: center; }

ul.klantenservice-list li a {
  display: block; }

ul.klantenservice-list li img {
  max-width: 192px; }

@media screen and (max-width: 900px) {
  ul.klantenservice-list li {
    width: 30%; } }

@media screen and (max-width: 700px) {
  ul.klantenservice-list li {
    width: 40%; } }

@media screen and (max-width: 550px) {
  ul.klantenservice-list li {
    width: 100%; } }

.stramien {
  position: relative;
  overflow: visible !important;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.stramien-item.stramien-item-klantenservice, .stramien-item.stramien-item-banner-small, .stramien-item.stramien-item-categorienav-wrapper {
  display: none; }

.stramien-item.card__homepage {
  padding: 0 10px; }

.stramien .stramien-item.carousel-wrapper,
.stramien .stramien-item.merklogos {
  display: block !important; }

@media screen and (min-width: 1210px) {
  .stramien .stramien-item {
    display: block; } }

/* ====================================================================== */
/* homepage */
@media screen and (max-width: 1219px) {
  /* stramien items homepagina */
  .stramien {
    height: auto !important; }
  .stramien .stramien-item {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: auto !important;
    height: auto !important; }
  .stramien .stramien-item.homepage-productkaart {
    margin-left: 1%;
    margin-right: 1%;
    width: 23% !important;
    max-width: 23%; }
  .stramien .stramien-item.homepage-productkaart .product-highlight > a {
    width: 100%;
    min-height: 140px; }
  .stramien .stramien-item .categories {
    width: 100%; }
  .stramien-item.homepage-banner,
  .stramien-item.homepage-teaser {
    display: none; }
  .stramien-item.homepage-productkaart .product-highlight__speclist li {
    width: auto; }
  .stramien-item.homepage-productkaart .product-highlight {
    height: 400px; }
  .stramien-item.homepage-productkaart .product-highlight h2 {
    width: 95%; }
  .stramien-item.homepage-productkaart .product-highlight .grid {
    width: 100%; }
  .stramien-item.homepage-productkaart .product-highlight .grid .grid__cell.unit-6-12 {
    width: 100%; }
  .stramien-item.homepage-productkaart .product-highlight .grid .grid__cell.unit-6-12:nth-child(2) {
    margin-top: 10px;
    margin-bottom: 10px; } }

@media screen and (max-width: 890px) {
  .stramien .stramien.stramien-item.card__homepage {
    width: 31% !important;
    max-width: 31%; } }

@media screen and (max-width: 690px) {
  .stramien .stramien.stramien-item.card__homepage {
    width: 47% !important;
    max-width: 47%; } }

@media screen and (max-width: 400px) {
  .stramien .stramien.stramien-item.card__homepage {
    width: 95% !important;
    max-width: 95%; }
  .stramien-item.homepage-productkaart .product-highlight .grid .grid__cell.unit-6-12 {
    width: 50%; }
  .stramien-item.homepage-productkaart .product-highlight {
    height: 350px; } }

/* /homepage */
/* ====================================================================== */
.banner-gratisbezorging {
  display: none !important; }

@media screen and (min-width: 1024px) {
  .banner-gratisbezorging {
    display: none; } }

@media screen and (max-width: 1023px) {
  .banner-gratisbezorging {
    display: block;
    height: 55px;
    padding: 10px 10px;
    margin: 0 20px 10px 20px;
    background-color: #0069b9; }
  .banner-gratisbezorging {
    height: auto;
    padding: 5px 10px;
    background-color: #ff6d00;
    text-align: center;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-weight: 800;
    font-style: italic;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 0px; } }

@media screen and (max-width: 767px) {
  .banner-gratisbezorging {
    padding: 10px 10px;
    margin: 0 10px 10px; }
  .banner-gratisbezorging {
    margin: 0 10px; } }

@media screen and (max-width: 400px) {
  .banner-gratisbezorging {
    font-size: 14px; } }

@media screen and (max-width: 320px) {
  .banner-gratisbezorging {
    margin: 0 5px 10px 5px;
    padding: 10px 0px; }
  .banner-gratisbezorging {
    margin-bottom: 0px; } }

.btn__winkels {
  background-color: #0268ba;
  text-align: center;
  padding: 15px 0;
  display: block; }
  .btn__winkels span {
    font-weight: 800;
    font-style: italic;
    text-transform: uppercase;
    font-size: 22px;
    color: #fff;
    padding: 0 30px;
    display: inline-block;
    position: relative; }
    .btn__winkels span:before, .btn__winkels span:after {
      position: absolute;
      z-index: 1;
      top: 50%;
      transform: translateY(-50%);
      font-family: fontello;
      font-style: normal; }
    .btn__winkels span:before {
      left: 0;
      content: '\E806';
      font-size: 32px; }
    .btn__winkels span:after {
      right: 0;
      content: '\e802'; }

.btn-winkels {
  display: block;
  height: 55px;
  padding: 10px 10px;
  margin: 0 20px 10px 20px;
  background-color: #0069b9; }

.btn-winkels a {
  position: relative;
  width: 440px;
  margin: 0 auto;
  height: 35px;
  line-height: 35px;
  display: block;
  font-weight: 800;
  font-style: italic;
  text-transform: uppercase;
  font-size: 18px;
  padding-left: 50px;
  color: #fff; }

.btn-winkels a i {
  position: absolute;
  top: 0px; }

.btn-winkels a i.icon-location {
  left: 5px;
  font-size: 34px;
  color: #fff;
  top: -2px; }

.btn-winkels i.icon-right-open {
  right: 10px; }

@media screen and (max-width: 767px) {
  .btn-winkels {
    padding: 10px 10px;
    margin: 0 10px 10px; } }

@media screen and (max-width: 495px) {
  .btn-winkels a {
    width: 280px; }
  .btn-winkels span {
    display: none; } }

@media screen and (max-width: 320px) {
  .btn-winkels {
    margin: 0 5px 10px 5px;
    padding: 10px 0px; } }

@media (min-width: 1220px) {
  .btn-winkels,
  .btn__winkels {
    display: none; } }

.btn-winkels {
  display: none; }

#owlcarousel-homepagina:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 10px;
  z-index: 2;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.32+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#52000000',GradientType=0 );
  /* IE6-9 */ }

#owlcarousel-homepagina .owl-item .button--carousel {
  display: none; }

.owl-dots {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%); }

.owl-dot {
  width: 16px;
  height: 16px;
  background: #08a9df;
  display: inline-block;
  margin-right: 6px;
  border-radius: 100%; }
  .owl-dot.active {
    background-color: #ff6d00; }

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  width: 24px;
  height: 24px; }
  .owl-carousel .owl-nav .owl-prev:before,
  .owl-carousel .owl-nav .owl-next:before {
    font-family: "fontello";
    color: #08a9df;
    content: '\e802';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    font-size: 26px; }

.owl-carousel .owl-nav .owl-prev {
  left: 20px;
  transform: translateY(-50%) rotate(180deg); }

.owl-carousel .owl-nav .owl-next {
  right: 20px; }

@media screen and (min-width: 1210px) {
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next {
    display: none; }
  .owl-dots {
    left: 20px;
    transform: translateX(0); }
  #owlcarousel-homepagina {
    margin-bottom: 0; }
    #owlcarousel-homepagina:after {
      display: none; }
    #owlcarousel-homepagina .owl-item img.desktop,
    #owlcarousel-homepagina .owl-item .button--carousel {
      display: block; }
    #owlcarousel-homepagina .owl-item img.mobile {
      display: none; } }

.klantenservice__wrapper {
  width: 97%;
  box-shadow: 0px 0px 24px -3px rgba(0, 0, 0, 0.4);
  padding: 10px; }
  .klantenservice__wrapper p, .klantenservice__wrapper h3 {
    padding: 0;
    margin: 0; }

.chat {
  position: relative;
  border-bottom: solid 1px #ff6d00;
  padding-bottom: 10px; }

.chat__header {
  padding-left: 65px;
  margin-bottom: 10px; }
  .chat__header h3 {
    color: #08a9df;
    font-weight: 800;
    font-style: italic;
    display: block;
    text-transform: uppercase;
    font-family: "Open Sans", sans-serif;
    font-size: 14px; }
  .chat__header p {
    color: #000;
    font-weight: 800;
    font-style: italic;
    display: block;
    text-transform: uppercase;
    font-family: "Open Sans", sans-serif;
    line-height: 14px; }

.chat__button {
  background-color: #ff6d00;
  color: #fff;
  font-weight: 800;
  font-style: italic;
  display: block;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  display: block;
  padding: 5px 0 5px 45px;
  margin-bottom: 10px;
  margin-left: 20px; }

.chat__contactdetails {
  padding-left: 65px;
  color: #000;
  font-weight: 800;
  font-style: italic;
  display: block;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
  font-size: 10px; }
  .chat__contactdetails span {
    color: #08a9df; }

.chat__visual {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  max-width: 60px; }

.continent.continent--brand.klantenservice-wrapper {
  padding: 20px 0; }
  .continent.continent--brand.klantenservice-wrapper > div.site-retain {
    max-width: 1240px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    padding: 0 20px; }

@media (min-width: 1210px) {
  .continent.continent--brand.klantenservice-wrapper {
    padding: 30px 0; }
    .continent.continent--brand.klantenservice-wrapper > div.site-retain {
      padding: 0 30px; } }

.klantenservice-wrapper__left {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }

@media (min-width: 500px) {
  .klantenservice-wrapper__left {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between; }
  .klantenservice-wrapper > div.site-retain {
    padding: 0; } }

.klantenservice-wrapper__right {
  -ms-flex-positive: 1;
      flex-grow: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }

.customer-service-highlight {
  text-align: center;
  width: 100%; }

@media (min-width: 500px) {
  .customer-service-highlight {
    width: 100%; } }

.customer-service-highlight__phone {
  font-size: 32px;
  line-height: 34px;
  margin-bottom: 5px;
  font-weight: 800;
  font-style: italic;
  color: #fff;
  display: block; }

.klantenservice-wrapper .c-headerlogos {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 100%;
      flex: 100%;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 20px 0; }

@media (min-width: 500px) {
  .klantenservice-wrapper .c-headerlogos {
    -ms-flex-pack: end;
        justify-content: flex-end; } }

@media (min-width: 500px) {
  .customer-service-highlight {
    text-align: left; }
  .customer-service-highlight__phone {
    padding-left: 40px;
    background: url(/content/img/header-telephone.png) left center no-repeat; } }

.klantenservice-wrapper__form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row; }

@media (min-width: 500px) {
  .klantenservice-wrapper__form {
    width: 50%; }
  .klantenservice-wrapper__form + .klantenservice-wrapper__form {
    padding-left: 20px; }
  .klantenservice-wrapper__right {
    -ms-flex-direction: row;
        flex-direction: row; } }

@media (min-width: 1024px) {
  .klantenservice-wrapper__form {
    width: 50%;
    padding-right: 20px; }
  .klantenservice-wrapper__form + .klantenservice-wrapper__form {
    padding-left: 40px;
    padding-right: 0; } }

.search-highlight,
.search-highlight form,
.newsletter-highlight,
.newsletter-highlight form {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }

.search-highlight form input[type=text],
.newsletter-highlight form input[type=text] {
  height: 35px;
  padding-right: 120px; }

.search-highlight form,
.newsletter-highlight form {
  position: relative; }

.search-highlight .form__field-wrapper,
.newsletter-highlight .form__field-wrapper {
  width: 100%;
  margin-right: 0;
  margin-bottom: 0; }

.search-highlight .form__button-wrapper,
.newsletter-highlight .form__button-wrapper {
  position: absolute;
  right: 0;
  top: 0; }

.search-highlight .form__button-wrapper .button,
.newsletter-highlight .form__button-wrapper .button {
  width: 110px; }

.newsletter-highlight p,
.search-highlight p {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 1;
      flex-grow: 1; }

.search-highlight .twitter-typeahead {
  width: 100%; }

.search-highlight {
  margin-top: 20px; }

@media (min-width: 500px) {
  .search-highlight {
    margin-top: 0; } }

@media (min-width: 911px) {
  .continent.continent--brand.klantenservice-wrapper > div.site-retain {
    -ms-flex-direction: row;
        flex-direction: row; }
  .klantenservice-wrapper__left {
    width: 286px; } }

.klantenservice__winkels {
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
  height: 136px; }
  .klantenservice__winkels p, .klantenservice__winkels h3 {
    width: 60%; }
  .klantenservice__winkels h3 {
    color: #08a9df;
    line-height: 16px;
    margin: 10px 0 5px 0; }
  .klantenservice__winkels p {
    font-weight: 800;
    font-size: 11px;
    line-height: 12px; }

.klantenservice__facebook {
  position: relative;
  margin-top: 15px;
  height: 24px; }

.klantenservice-winkels__footer {
  padding-top: 10px; }

.kaart__visual {
  position: absolute;
  top: 10px;
  right: 0;
  z-index: 2;
  max-width: 110px; }

.klantenservice__trustpilot {
  margin-left: -10px;
  margin-right: -10px;
  margin-top: -20px;
  height: 53px; }

@media screen and (min-width: 911px) {
  .klantenservice-wrapper .c-headerlogos {
    display: none; } }

@media screen and (max-width: 910px) {
  .klantenservice-wrapper ul.headerlogos,
  .klantenservice-wrapper ul.headerlogos li {
    margin: 0;
    padding: 0;
    list-style-type: none; }
  .klantenservice-wrapper ul.headerlogos li {
    display: inline-block; }
  .klantenservice-wrapper ul.headerlogos {
    padding-top: 20px; }
  .klantenservice-wrapper .grid__cell.unit-4-12 {
    width: 50%;
    padding-top: 20px; }
  .klantenservice-wrapper .grid__cell.unit-4-12:first-child {
    width: 100%;
    padding-top: 0px; }
  .klantenservice-wrapper .grid__cell.unit-4-12:first-child div {
    width: 52%;
    float: left; } }

@media screen and (max-width: 529px) {
  .klantenservice-wrapper .grid__cell.unit-4-12,
  .klantenservice-wrapper .grid__cell.unit-4-12:first-child,
  .klantenservice-wrapper .grid__cell.unit-4-12:first-child div {
    width: 100%; }
  .klantenservice-wrapper .grid__cell.unit-4-12:first-child {
    height: 180px; } }

/* klantenservice homepagina */
/* ====================================================================== */
.filtering__button,
.filtering__heading {
  color: #fff;
  font-weight: 800;
  display: block;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
  padding: 15px 0;
  margin: 0;
  line-height: 22px;
  cursor: pointer; }

.filtering__heading {
  font-size: 18px; }
  .filtering__heading span:not(.icon-collapse):not(.filtering__arrow) {
    display: none; }

.filtering__button {
  background-color: #ff6d00;
  position: relative;
  text-align: center;
  padding: 24px 0;
  font-size: 22px;
  font-style: italic; }
  .filtering__button span {
    position: relative;
    padding-left: 40px; }
    .filtering__button span:before {
      position: absolute;
      top: 3px;
      left: 0;
      font-family: fontello;
      content: '\f1de';
      color: #fff;
      font-size: 24px; }
  .filtering__button.is-secondary {
    background-color: #0268ba; }

span.filtering__arrow {
  position: absolute;
  width: 50px;
  height: 10px;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1; }
  span.filtering__arrow:before, span.filtering__arrow:after {
    background-color: #fff;
    position: absolute;
    transition: ease-in-out .2s;
    display: inline-block;
    border-radius: 4px;
    width: 54%;
    height: 5px;
    content: ''; }
  span.filtering__arrow:before {
    left: 0;
    transform: rotate(20deg); }
  span.filtering__arrow:after {
    right: 0;
    transform: rotate(-20deg); }

.filtering__heading {
  background-color: #08a9df;
  box-shadow: inset 0 20px 10px -20px rgba(0, 0, 0, 0.4);
  cursor: pointer;
  position: relative;
  padding-left: 20px; }
  .filtering__heading:after {
    color: #fff;
    position: absolute;
    right: 5%;
    top: 17px;
    z-index: 1001;
    font-style: normal;
    transition: ease-in-out .2s;
    display: block; }
  .filtering__heading.is-done em {
    position: relative;
    padding-right: 30px; }
    .filtering__heading.is-done em:before {
      position: absolute;
      font-family: fontello;
      content: '\e80a';
      color: #62eb65;
      top: 2px;
      right: 0; }

.filtering__heading.is-open:after {
  transform: rotate(90deg); }

.filtering__body {
  font-weight: 800;
  font-style: italic;
  display: block;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
  font-size: 22px;
  color: #08a9df; }

.filtering__wrapper {
  position: fixed;
  top: 0;
  width: 0;
  left: 0;
  transition: visibility .15s .26s, width .15s .24s,opacity .15s .24s;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  padding-bottom: 80px;
  z-index: 10000;
  border-top: solid 1px rgba(255, 255, 255, 0.4);
  background-color: #fff; }

html.js-show-filtering .filtering__wrapper {
  width: 100%;
  visibility: visible;
  transition-delay: 0s;
  opacity: 1;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch; }

html.js-show-filtering,
html.js-show-filtering body {
  overflow: hidden !important; }

html.js-show-filtering .filtering__wrapper .filtering__button:after {
  position: absolute;
  top: 24px;
  left: 20px;
  width: 30px;
  height: 30px;
  display: block;
  font-family: fontello;
  content: '\e80e';
  color: #fff;
  font-size: 30px;
  font-style: normal; }

.filtering__inner {
  padding: 20px; }

.filtering__action {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10000;
  width: 100%;
  background-color: #ff6d00;
  box-shadow: inset 0 20px 10px -20px rgba(0, 0, 0, 0.4); }
  .filtering__action span.filtering__arrow {
    bottom: 16px; }

.filtering__action > a {
  font-weight: 800;
  font-style: italic;
  display: block;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
  text-align: center;
  font-size: 22px;
  color: #fff;
  height: 40px;
  line-height: 40px;
  text-decoration: none;
  height: 80px;
  padding-top: 10px; }
  .filtering__action > a.is-disabled {
    color: rgba(255, 255, 255, 0.4); }

.filtering__button-reset {
  left: 10px; }

.filtering__button-pastoe {
  right: 10px; }

.filtering__action span.filtering__arrow {
  bottom: 13px; }

.filtering__list,
.filtering__list li {
  list-style-type: none;
  padding: 0;
  margin: 0; }

.filtering__list li {
  width: 100%;
  display: block; }

@media (min-width: 1220px) {
  .filtering__button {
    display: none; }
  .filtering__wrapper {
    display: none; } }

label.checkbox__custom {
  padding: 3px 0 4px 31px;
  margin: 0;
  position: relative;
  outline: none; }
  label.checkbox__custom input[type='checkbox'] {
    position: absolute;
    top: 7px;
    -webkit-appearance: none;
    display: inline-block;
    cursor: pointer;
    margin-left: -31px;
    height: 19px;
    width: 19px;
    line-height: 19px;
    border: solid 2px #08a9df;
    background-color: #fff;
    border-radius: 6px;
    transition: ease-in-out .2s;
    outline: none; }
    label.checkbox__custom input[type='checkbox']:before {
      position: absolute;
      top: -3px;
      left: 50%;
      margin-left: -8px;
      color: #08a9df;
      z-index: 1;
      line-height: 19px;
      font-family: fontello;
      content: '\e80c';
      opacity: 0;
      transition: ease-in-out .2s; }
    label.checkbox__custom input[type='checkbox']:checked:before {
      opacity: 1; }
  label.checkbox__custom.is-vinklarge input[type='checkbox'] {
    overflow: visible; }
    label.checkbox__custom.is-vinklarge input[type='checkbox']:before, label.checkbox__custom.is-vinklarge input[type='checkbox']:after {
      height: 4px;
      content: '';
      display: block;
      transition: ease-in-out .2s;
      position: absolute;
      border-radius: 2px;
      opacity: 0;
      background-color: #08a9df; }
    label.checkbox__custom.is-vinklarge input[type='checkbox']:before {
      top: 8px;
      left: 4px;
      width: 10px;
      transform: rotate(90deg); }
    label.checkbox__custom.is-vinklarge input[type='checkbox']:after {
      top: 3px;
      left: -2px;
      width: 21px;
      transform: rotate(-90deg); }
    label.checkbox__custom.is-vinklarge input[type='checkbox']:checked:before, label.checkbox__custom.is-vinklarge input[type='checkbox']:checked:after {
      opacity: 1;
      background-color: #f0f; }
    label.checkbox__custom.is-vinklarge input[type='checkbox']:checked:before {
      left: 8px;
      transform: rotate(30deg); }
    label.checkbox__custom.is-vinklarge input[type='checkbox']:checked:after {
      left: 5px;
      transform: rotate(-45deg); }

label:not(#cat).radiobutton__custom {
  margin-top: 8px;
  margin-bottom: 7px; }
  label:not(#cat).radiobutton__custom span.radiobutton__wrap {
    position: relative;
    margin-right: 20px;
    display: inline-block;
    padding-left: 25px; }
    label:not(#cat).radiobutton__custom span.radiobutton__wrap > input[type='radio'],
    label:not(#cat).radiobutton__custom span.radiobutton__wrap > input[type='checkbox'] {
      opacity: 0;
      width: 18px;
      position: absolute; }
      label:not(#cat).radiobutton__custom span.radiobutton__wrap > input[type='radio'] + span,
      label:not(#cat).radiobutton__custom span.radiobutton__wrap > input[type='radio'] + span span em,
      label:not(#cat).radiobutton__custom span.radiobutton__wrap > input[type='checkbox'] + span,
      label:not(#cat).radiobutton__custom span.radiobutton__wrap > input[type='checkbox'] + span span em {
        cursor: pointer; }
      label:not(#cat).radiobutton__custom span.radiobutton__wrap > input[type='radio'] + span,
      label:not(#cat).radiobutton__custom span.radiobutton__wrap > input[type='checkbox'] + span {
        padding-left: 5px;
        font-weight: normal;
        display: inline-block;
        position: relative; }
        label:not(#cat).radiobutton__custom span.radiobutton__wrap > input[type='radio'] + span > span,
        label:not(#cat).radiobutton__custom span.radiobutton__wrap > input[type='checkbox'] + span > span {
          width: 20px;
          height: 20px;
          border-radius: 100%;
          -webkit-border-radius: 100%;
          -moz-border-radius: 100%;
          position: absolute;
          left: -25px;
          top: 9px; }
          label:not(#cat).radiobutton__custom span.radiobutton__wrap > input[type='radio'] + span > span > em,
          label:not(#cat).radiobutton__custom span.radiobutton__wrap > input[type='checkbox'] + span > span > em {
            background-color: #fff;
            display: inline-block;
            width: 20px;
            height: 20px;
            border-radius: 100%;
            -webkit-border-radius: 100%;
            -moz-border-radius: 100%;
            position: absolute;
            left: 0;
            top: 0;
            transition: .2s;
            border: solid 2px #08a9df; }
      label:not(#cat).radiobutton__custom span.radiobutton__wrap > input[type='radio']:checked + span > span,
      label:not(#cat).radiobutton__custom span.radiobutton__wrap > input[type='checkbox']:checked + span > span {
        border-color: transparent; }
        label:not(#cat).radiobutton__custom span.radiobutton__wrap > input[type='radio']:checked + span > span > em,
        label:not(#cat).radiobutton__custom span.radiobutton__wrap > input[type='checkbox']:checked + span > span > em {
          border: solid 6px #08a9df; }

.filter__slider.noUi-target {
  background-color: #08a9df;
  border: 0;
  box-shadow: none; }

.filter__slider.noUi-horizontal {
  height: 10px;
  margin-top: 10px; }
  .filter__slider.noUi-horizontal .noUi-connect {
    background-color: #ff6d00;
    box-shadow: none;
    border: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px; }
  .filter__slider.noUi-horizontal .noUi-handle {
    background-color: #08a9df;
    width: 28px;
    border-radius: 100%;
    box-shadow: none;
    border: 0;
    top: -9px; }
    .filter__slider.noUi-horizontal .noUi-handle:before, .filter__slider.noUi-horizontal .noUi-handle:after {
      display: none; }

.slider__txt {
  text-align: center;
  margin-top: 10px; }
  .slider__txt > div {
    display: inline-block; }

.merklogos__wrapper {
  -ms-flex-align: center;
      align-items: center;
  margin-top: 20px;
  padding-bottom: 20px;
  display: none;
  border-bottom: solid 1px #bac1c6; }

.merklogos__item {
  padding: 0 15px; }

.merklogos__item img {
  width: 100%; }

.merklogos__item img:hover {
  -webkit-filter: grayscale(100%) brightness(75%); }

@media screen and (min-width: 723px) {
  .merklogos__wrapper {
    display: -ms-flexbox;
    display: flex; } }

.icon-collapse {
  width: 24px;
  height: 24px; }
  .icon-collapse:before, .icon-collapse:after {
    content: '';
    position: absolute;
    z-index: 1;
    transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
    top: 50%;
    left: 50%;
    margin-left: -6px;
    margin-top: -2px;
    width: 24px;
    height: 5px;
    background: #fff;
    display: block;
    border-radius: 2px; }

.icon-collapse:before {
  transform: rotate(0); }

.icon-collapse:after {
  transform: rotate(-90deg); }

.filtering__heading .icon-collapse {
  position: absolute;
  top: 14px;
  right: 30px;
  z-index: 1; }

.filtering__heading.is-open .icon-collapse:before {
  transform: rotate(90deg);
  opacity: 0; }

.filtering__heading.is-open .icon-collapse:after {
  transform: rotate(0);
  transition: .3s .15s; }

.KW_progressContainer {
  position: absolute;
  left: 0;
  max-width: 100%;
  width: 100%;
  height: 0.4em;
  margin-bottom: 0px;
  bottom: 0px;
  display: table;
  table-layout: fixed; }

.KW_progressBar {
  width: 0%;
  height: 0.4em;
  z-index: 99;
  max-width: 100%;
  background-color: #0268ba;
  transition: width .6s ease;
  position: relative; }

.KW_progressBar:before {
  width: 50px;
  height: 30px;
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: -30px;
  background-image: url(/Content/img/sprite-pageprogress.png);
  background-size: 50px 30px; }

.KW_progressBar_back:before {
  transform: scaleX(-1); }

.dpd-anwb {
  background-color: #f1f8fe;
  padding: 15px;
  border-radius: 20px;
  margin-top: 20px; }

.dpd-anwb .title {
  line-height: 22px;
  margin: 15px 0;
  font-weight: bold; }

.c-usps__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto; }

.c-usps__item {
  position: relative;
  padding-left: 24px; }
  .c-usps__item:before {
    position: absolute;
    z-index: 1;
    top: 4px;
    left: 6px;
    width: 8px;
    height: 8px;
    display: block;
    content: '';
    background-color: #08a9df;
    border-radius: 100%; }

header .c-usps__item:before {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  font-family: fontello;
  content: '\e80a';
  color: #37c100;
  background: transparent; }

.c-usps__link {
  color: #08a9df;
  font-weight: 800;
  font-style: italic;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif; }

.c-usps {
  width: 100%;
  background-color: #f5f5f5;
  padding: 10px 0;
  display: none; }
  .c-usps.is-transparent {
    background-color: transparent; }
  .c-usps.is-bravo {
    background-color: #eff8fc; }
  .c-usps.is-condensed .c-usps__wrapper .c-usps__item {
    margin: 0 10px;
    line-height: 16px; }
  .c-usps.is-vertical .c-usps__wrapper {
    padding: 10px;
    -ms-flex-direction: column;
        flex-direction: column; }
    .c-usps.is-vertical .c-usps__wrapper .c-usps__item {
      line-height: 16px; }
      .c-usps.is-vertical .c-usps__wrapper .c-usps__item + .c-usps__item {
        margin-top: 15px; }

@media screen and (min-width: 1024px) {
  .c-usps {
    display: block; } }

.c-logobar_wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 20px; }

.c-logobar__item {
  margin: 10px 20px; }
  .c-logobar__item img {
    max-height: 80px; }
  .c-logobar__item:first-child {
    margin-left: 0; }
  .c-logobar__item:last-child {
    margin-right: 0; }

@media (min-width: 768px) {
  .c-logobar_wrapper {
    -ms-flex-pack: justify;
        justify-content: space-between; } }

@media (min-width: 1024px) {
  .c-logobar__item {
    margin: 10px; } }

@media (min-width: 1210px) {
  .c-logobar_wrapper {
    padding: 0 30px; } }

.c-panel {
  margin: 10px 0;
  width: 100%; }
  .c-panel.is-grey {
    background-color: #f5f5f5; }

.c-panel__right {
  padding: 15px; }

.c-panel__heading {
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  text-transform: uppercase;
  color: #fd7902;
  font-size: 34px;
  line-height: 34px;
  font-weight: 800;
  text-align: center;
  letter-spacing: -2px; }

.c-panel__txt {
  width: 100%; }
  .c-panel__txt p {
    font-size: 0.92857rem;
    line-height: 1.84615; }

.c-panel__visual img {
  display: block;
  width: 100%; }

.c-panel__button a {
  display: block;
  height: 35px;
  line-height: 35px;
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 800; }

@media screen and (min-width: 500px) {
  .c-panel {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row; }
  .c-panel__left,
  .c-panel__right {
    width: 50%; }
  .c-panel__heading {
    text-align: left; } }

@media screen and (min-width: 1023px) {
  .c-panel {
    margin: 0; } }

@media screen and (max-width: 1023px) {
  .c-panel {
    width: 100%; } }

.stramien-item.is-c-panel {
  cursor: pointer;
  float: none;
  clear: both; }

@media screen and (min-width: 1023px) {
  .stramien-item.is-c-panel {
    float: left; } }

.cookie-melding {
  position: fixed;
  right: 10px;
  left: 10px;
  bottom: 10px;
  background: rgba(0, 0, 0, 0.7);
  z-index: 99999;
  text-align: center;
  padding-right: 30px;
  padding-left: 30px; }
  .cookie-melding p {
    line-height: 46px;
    color: #fff;
    height: 46px;
    margin: 0; }
    .cookie-melding p a {
      color: inherit; }

@media screen and (min-width: 768px) {
  .cookie-melding {
    left: 50%;
    right: auto;
    transform: translate(-50%, 0);
    text-align: left;
    padding-left: 20px;
    padding-right: 20px; } }

.form-selection {
  position: relative;
  display: inline-block;
  padding-top: 9px;
  padding-left: 22px; }
  .form-selection .form-selection__label {
    font-weight: 800; }
  .form-selection input {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0; }
  .form-selection.is-checkbox input[type="checkbox"] ~ .form-selection__label:before {
    top: 0;
    position: absolute;
    left: 0;
    content: ' ';
    display: block;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #f0f;
    transition: all .2s ease-in-out;
    width: 16px;
    height: 16px; }
  .form-selection.is-checkbox input[type="checkbox"] ~ .form-selection__label:after {
    position: absolute;
    left: 6px;
    top: 2px;
    content: ' ';
    display: none;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    transition: all .2s ease-in-out; }
  .form-selection.is-checkbox input[type="checkbox"] ~ .form-selection__label:before {
    top: 11px; }
  .form-selection.is-checkbox.is-solo {
    padding-top: 0; }
    .form-selection.is-checkbox.is-solo input[type="checkbox"] ~ .form-selection__label:before {
      top: 0;
      position: absolute;
      left: 0;
      content: ' ';
      display: block;
      background-color: #fff;
      border-radius: 3px;
      border: 1px solid #f0f;
      transition: all .2s ease-in-out;
      width: 16px;
      height: 16px; }
    .form-selection.is-checkbox.is-solo input[type="checkbox"] ~ .form-selection__label:after {
      position: absolute;
      left: 6px;
      top: 2px;
      content: ' ';
      display: none;
      width: 5px;
      height: 10px;
      border: solid #fff;
      border-width: 0 2px 2px 0;
      transform: rotate(45deg);
      transition: all .2s ease-in-out; }
    .form-selection.is-checkbox.is-solo input[type="checkbox"] ~ .form-selection__label:before {
      top: 2px; }
  @media (min-width: 481px) {
    .form-selection.is-checkbox:hover input[type="checkbox"] ~ .form-selection__label:before {
      border-color: #ff0000; } }
  .form-selection.is-checkbox input[type="checkbox"]:checked ~ .form-selection__label:before {
    background-color: #ffd800;
    border-color: transparent;
    top: 11px; }
  .form-selection.is-checkbox input[type="checkbox"]:checked ~ .form-selection__label:after {
    display: block;
    top: 13px; }
  .form-selection.is-checkbox.is-solo input[type="checkbox"]:checked ~ .form-selection__label:before {
    top: 2px; }
  .form-selection.is-checkbox.is-solo input[type="checkbox"]:checked ~ .form-selection__label:after {
    top: 4px; }
  .form-selection.is-checkbox input[type="checkbox"].has-error:not(:checked) ~ .form-selection__label:before {
    border-color: #ff0000;
    top: 11px; }
  .form-selection.is-radio {
    padding-top: 7px; }
    @media (max-width: 480px) {
      .form-selection.is-radio {
        display: block; } }
    @media (min-width: 481px) {
      .form-selection.is-radio {
        margin-left: 20px; } }
    .form-selection.is-radio:first-child {
      margin-left: 0; }
    @media (min-width: 481px) {
      .form-selection.is-radio + .radio {
        margin-left: 16px; } }
    .form-selection.is-radio input[type="radio"] ~ .form-selection__label.is-talign:before {
      top: 0;
      transform: none; }
    .form-selection.is-radio input[type="radio"] ~ .form-selection__label:before {
      top: 15px;
      width: 15px;
      height: 15px;
      position: absolute;
      left: 0;
      content: ' ';
      display: block;
      background-color: #fff;
      box-shadow: 0 0 0 1px #999;
      border-radius: 50%;
      border: 2px solid #fff;
      transition: all ease-in-out .2s;
      margin: 1px; }
    .form-selection.is-radio.is-right input[type="radio"] ~ span:before {
      left: auto;
      right: 0; }
    @media (min-width: 481px) {
      .form-selection.is-radio:hover input[type="radio"] ~ .form-selection__label:before {
        box-shadow: 0 0 0 1px #0069b9; } }
    .form-selection.is-radio input[type="radio"]:checked ~ .form-selection__label:before {
      background-color: #fff;
      box-shadow: 0 0 0 1px #00bae7;
      border: 4px solid #00bae7; }

.form-selection__vertical .form-selection {
  display: block;
  width: 100%;
  margin-left: 0;
  margin-bottom: 5px; }

.c-checkoutsteps__item.is-done span {
  cursor: pointer; }

.c-checkoutsteps__item span {
  cursor: default; }

.c-checkoutsteps__number,
.c-checkoutsteps__label {
  display: block; }

.c-checkoutsteps__item {
  font-size: 12px;
  line-height: 14px;
  font-style: italic;
  font-weight: 800;
  color: #00bae7;
  padding-top: 6px;
  padding-bottom: 6px;
  text-transform: uppercase;
  width: 33.33333%;
  text-align: center; }
  .c-checkoutsteps__item.is-active {
    background-color: #00bae7;
    color: #fff; }
    .c-checkoutsteps__item.is-active label,
    .c-checkoutsteps__item.is-active a {
      color: #fff; }
  .c-checkoutsteps__item.is-done .c-checkoutsteps__number > span {
    background: url(/Content/img/ordersteps-check.png) no-repeat 0 50%;
    padding-left: 20px; }

.c-checkoutsteps {
  background-color: #eff8fc;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-top: 10px; }

@media (min-width: 560px) {
  .c-checkoutsteps__item {
    font-size: 16px;
    padding-top: 8px;
    padding-bottom: 8px; }
  .c-checkoutsteps__number,
  .c-checkoutsteps__label {
    display: inline-block; } }

@media (min-width: 730px) {
  .c-checkoutsteps__item {
    font-size: 18px;
    padding-top: 14px;
    padding-bottom: 14px; }
  .c-checkoutsteps {
    margin-bottom: 40px; } }

.c-bigphoto__backdrop {
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10001;
  opacity: 0;
  transition: opacity .6s,transform 0s .6s;
  transition-timing-function: cubic-bezier(0, 0, 0, 1);
  transition-duration: .5s;
  transform: translate3d(100%, 0, 0); }

.c-bigphoto__close {
  width: 28px;
  height: 28px;
  position: fixed;
  top: 10px;
  right: 10px;
  z-index: 10003;
  display: none;
  cursor: pointer; }
  .c-bigphoto__close:before, .c-bigphoto__close:after {
    position: absolute;
    width: 4px;
    height: 26px;
    background-color: #fff;
    display: block;
    content: '';
    top: 0;
    left: 11px; }
  .c-bigphoto__close:before {
    transform: rotate(45deg); }
  .c-bigphoto__close:after {
    transform: rotate(-45deg); }

.c-bigphoto__footer {
  text-align: center; }
  .c-bigphoto__footer a {
    color: #31B4E7;
    text-decoration: underline; }
    .c-bigphoto__footer a:hover {
      text-decoration: none; }

.c-bigphoto__heading {
  color: #00bae7;
  font-size: 24px;
  margin-bottom: 20px;
  line-height: 24px; }

.c-bigphoto {
  opacity: 0;
  display: none;
  z-index: 10002;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 95%;
  max-width: 1000px;
  transform: translate3d(-50%, -300%, 0);
  padding: 20px;
  background-color: #fff;
  transition: opacity .6s,transform 0s .6s;
  transition-timing-function: cubic-bezier(0, 0, 0, 1);
  transition-duration: .5s; }

html.js-htmlshowbigphoto,
html.js-htmlshowbigphoto body {
  overflow: hidden; }

.my-shopping-cart__thumb {
  cursor: pointer; }

.c-bigphoto__wrapper {
  position: absolute;
  top: 0;
  left: 0; }

.c-bigphoto__wrapper.is-active {
  display: block; }
  .c-bigphoto__wrapper.is-active .c-bigphoto {
    opacity: 1;
    display: block;
    transform: translate3d(-50%, -50%, 0); }
  .c-bigphoto__wrapper.is-active .c-bigphoto__backdrop {
    opacity: 1;
    transition: opacity .8s;
    transition-timing-function: cubic-bezier(0, 0, 0, 1);
    transition-duration: .5s;
    transform: translate3d(0, 0, 0); }
  .c-bigphoto__wrapper.is-active .c-bigphoto__close {
    display: block; }

.c-product-sticky {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 10003;
  background: #fff;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
  padding: 15px 0;
  opacity: 0;
  visibility: hidden;
  transition-duration: 100ms;
  transition-property: opacity, visibility;
  transition-timing-function: ease-in-out; }

.c-product-sticky.is-active {
  opacity: 1;
  visibility: visible; }

.c-product-sticky__inner {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 0 10px;
  box-sizing: border-box; }

.c-product-sticky__body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between; }

.c-product-sticky__title {
  text-transform: none;
  color: #00bae7;
  font-size: 12px;
  line-height: 12px;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-style: italic;
  margin-bottom: 5px; }

.c-product-sticky__left {
  width: 80%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center; }

.c-product-sticky__productspecs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }

.c-product-sticky__thumb {
  margin-right: 10px;
  display: none; }

.c-product-sticky__thumb img {
  width: 60px;
  display: block; }

.c-product-sticky__right {
  width: 20%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center; }

.c-product-sticky__ctawrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-positive: 1;
      flex-grow: 1; }

.c-product-sticky__ctawrapper .button {
  width: 100%;
  height: 40px; }

.c-product-sticky__ctawrapper .button span {
  display: none; }

.c-product-sticky__ctawrapper .button img {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.c-product-sticky__price-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center; }

.c-product-sticky__label {
  color: #858585;
  font-size: 12px;
  line-height: 14px;
  margin-right: 10px; }

.c-product-sticky__label span {
  position: relative; }

.c-product-sticky__label span:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: rotate(-10deg) translateY(-50%);
  width: 100%;
  height: 1px;
  background: #858585;
  display: block; }

.c-product-sticky__payoff {
  font-size: 12px;
  line-height: 14px;
  display: none; }

.c-product-sticky__pricewrapper {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center; }

.c-product-sticky__pricewrapper.is-newprice {
  margin-left: 20px; }

.c-product-sticky__label {
  font-size: 12px;
  line-height: 14px;
  color: #8e8e8e; }

.c-product-sticky__price {
  font-size: 18px;
  line-height: 18px;
  font-weight: 800;
  font-style: italic; }

.c-product-sticky__price.is-new {
  color: #ff6d00; }

.c-product-sticky__price.is-korting {
  color: #00a9f4; }

.c-product-sticky__price.is-kortinghighlight {
  color: #ff6d00; }

.c-product-sticky__price.is-old {
  color: #c7c7c7; }

@media (min-width: 500px) {
  .c-product-sticky {
    padding: 5px 0; }
  .c-product-sticky__title {
    font-size: 18px;
    line-height: 18px; }
  .c-product-sticky__price {
    font-size: 20px;
    line-height: 20px; }
  .c-product-sticky__thumb {
    margin-right: 15px;
    display: block; } }

@media (min-width: 768px) {
  .c-product-sticky__inner {
    padding: 0 20px; }
  .c-product-sticky__thumb {
    margin-right: 20px; }
  .c-product-sticky__thumb img {
    width: 80px; }
  .c-product-sticky__title {
    font-size: 20px;
    line-height: 20px; }
  .c-product-sticky__price {
    font-size: 24px;
    line-height: 24px; }
  .c-product-sticky__ctawrapper .button span {
    display: inline-block; }
  .c-product-sticky__ctawrapper .button img {
    display: none; } }

@media (min-width: 1023px) {
  .c-product-sticky__productspecs {
    -ms-flex-direction: row;
        flex-direction: row; }
  .c-product-sticky__pricewrapper {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: start;
        align-items: flex-start; }
  .c-product-sticky__pricewrapper.is-newprice,
  .c-product-sticky__pricewrapper.is-oldprice {
    margin-left: 30px; }
  .c-product-sticky__title {
    margin-bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    font-size: 24px;
    line-height: 24px; }
  .c-product-sticky__label {
    margin-right: 0; }
  .c-product-sticky__thumb {
    margin-right: 30px; } }

/**
 * Owl Carousel v2.2.0
 * Copyright 2013-2016 David Deutsch
 * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y; }

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d; }

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none; }

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel.owl-loaded {
  display: block; }

.owl-carousel.owl-loading {
  opacity: 0;
  display: block; }

.owl-carousel.owl-hidden {
  opacity: 0; }

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden; }

.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab; }

.owl-carousel.owl-rtl {
  direction: rtl; }

.owl-carousel.owl-rtl .owl-item {
  float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

/*! nouislider - 9.2.0 - 2017-01-11 10:35:35 */
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  box-sizing: border-box; }

.noUi-target {
  position: relative;
  direction: ltr; }

.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  /* Fix 401 */ }

.noUi-connect {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0; }

.noUi-origin {
  position: absolute;
  height: 0;
  width: 0; }

.noUi-handle {
  position: relative;
  z-index: 1; }

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s; }

.noUi-state-drag * {
  cursor: inherit !important; }

/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.noUi-base,
.noUi-handle {
  transform: translate3d(0, 0, 0); }

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 18px; }

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  left: -17px;
  top: -6px; }

.noUi-vertical {
  width: 18px; }

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px; }

/* Styling;
 */
.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; }

.noUi-connect {
  background: #3FB8AF;
  box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45);
  transition: background 450ms; }

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize; }

.noUi-vertical .noUi-draggable {
  cursor: ns-resize; }

.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; }

.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; }

/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px; }

.noUi-handle:after {
  left: 17px; }

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px; }

.noUi-vertical .noUi-handle:after {
  top: 17px; }

/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8; }

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed; }

/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  box-sizing: border-box; }

.noUi-pips {
  position: absolute;
  color: #999; }

/* Values;
 *
 */
.noUi-value {
  position: absolute;
  text-align: center; }

.noUi-value-sub {
  color: #ccc;
  font-size: 10px; }

/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC; }

.noUi-marker-sub {
  background: #AAA; }

.noUi-marker-large {
  background: #AAA; }

/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%; }

.noUi-value-horizontal {
  transform: translate3d(-50%, 50%, 0); }

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px; }

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px; }

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px; }

/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%; }

.noUi-value-vertical {
  transform: translate3d(0, 50%, 0);
  padding-left: 25px; }

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px; }

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px; }

.noUi-marker-vertical.noUi-marker-large {
  width: 15px; }

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center; }

.noUi-horizontal .noUi-tooltip {
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%; }

.noUi-vertical .noUi-tooltip {
  transform: translate(0, -50%);
  top: 50%;
  right: 120%; }





/* Trustpilot */

.reviews-block-intro {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

  .reviews-block-intro h2 {
    color: #ff6d00;
    font-size: 30px;
    font-family: "Open Sans", sans-serif;
    text-transform: uppercase;
    font-weight: 800;
    font-style: italic;
  }

#owlcarousel-reviews .owl-dots {
  position: static;
  transform: none;
  margin-top: 1.42857rem;
}

#owlcarousel-reviews .owl-stage {
  display: flex;
  flex: 1 0 auto;
}

#owlcarousel-reviews .item {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  height: 100%;
}

#owlcarousel-reviews .slider--item-review {
  padding: 1.42857rem 1.42857rem 0 1.42857rem;
  background-color: #f5f5f5;
  height: 100%;
  font-size: 13px;
  font-size: 0.92857rem;
  line-height: 1.84615;
}

  #owlcarousel-reviews .slider--item-review > * {
    display: block;
    margin-bottom: .5rem;
  }

  #owlcarousel-reviews .slider--item-review .review-stars {
    margin-bottom: 1rem;
  }

    #owlcarousel-reviews .slider--item-review .review-stars > img {
      width: 120px;
    }

  #owlcarousel-reviews .slider--item-review .review-name {
    font-weight: 700;
    margin-bottom: 0;
    text-transform: uppercase;
    font-style: italic;
    font-size: 1.1rem;
  }

  #owlcarousel-reviews .slider--item-review .review-date {
    font-style: italic;
    color: #A9A9A9;
  }

  #owlcarousel-reviews .slider--item-review .review-title {
    font-weight: 700;
    margin-bottom: 0;
  }

  #owlcarousel-reviews .slider--item-review .review-content {
    padding-bottom: 1px;
    margin-bottom: 0;
  }

#owlcarousel-reviews .more-button {
  background-color: transparent;
  border: 0 none;
  padding: 0;
  color: #00bae7;
  margin-bottom: 1.42857rem;
  display: inline-block;
}

  #owlcarousel-reviews .more-button .text-less {
    display: none;
  }

#owlcarousel-reviews .more-text {
  display: none;
}

  #owlcarousel-reviews .more-text.visible {
    display: inline;
  }

#owlcarousel-reviews .ellipsis {
  display: none;
}

  #owlcarousel-reviews .ellipsis.visible {
    display: inline;
  }

#owlcarousel-reviews .owl-height {
  height: initial !important;
}
.e-bike-keuze-container-pdp .c-product-question {
  justify-content: center
}